Css 设置Adsense响应式广告单元的最大高度

Css 设置Adsense响应式广告单元的最大高度,css,responsive-design,adsense,Css,Responsive Design,Adsense,我有2个(300x250)Adsense广告单元在我网站的右侧栏中 我已经使网站具有响应性,并将这些广告单元替换为Adsense响应性广告单元 我现在遇到的问题是,Adsense现在提供2个(300x600)的广告单元。Adsense TOS声明您每页只能提供1(300x600)个广告单元 最大宽度显然是由adsense响应的广告单元拾取的 但当我尝试将父div的最大高度设置为250px,以限制每页300x600广告的数量时,最大高度被忽略,adsense仍然显示300x600广告 是否有其他人

我有2个(300x250)Adsense广告单元在我网站的右侧栏中

我已经使网站具有响应性,并将这些广告单元替换为Adsense响应性广告单元

我现在遇到的问题是,Adsense现在提供2个(300x600)的广告单元。Adsense TOS声明您每页只能提供1(300x600)个广告单元

最大宽度显然是由adsense响应的广告单元拾取的

但当我尝试将父div的最大高度设置为250px,以限制每页300x600广告的数量时,最大高度被忽略,adsense仍然显示300x600广告

是否有其他人遇到此问题?如果是,您是如何设置响应广告单元的最大高度的

提前感谢,


Kes

您可以将
数据广告格式=“自动”
更改为
数据广告格式=“矩形”
。(请参阅高级功能>)

我认为您应该不要在父
div
上定义
高度
max height

广告高度(自动)由
adsbygoogle.js
(即smart大小)确定,如果您想控制广告高度,需要使用
数据广告格式(“矩形”、“垂直”、“水平”或类似的“矩形、水平”)

或者(不推荐)您可以“降级”广告代码(通过删除
数据广告格式
属性),然后使用@
媒体
查询指定确切的大小。(见附件。)


编辑-谷歌更新了“”页面上的“技术注意事项”部分

在某些情况下,您需要采取额外的行动来 使响应式广告单元正常工作:

父容器的高度固定或有限。响应性广告不应放置在固定或有限高度的容器内, 因为它们在某些设备或浏览器上可能更高。如果你需要 限制你的回应广告的高度,你需要修改你的 编码并使用CSS媒体查询设置父对象的高度 容器。了解如何使用


我刚刚设法解决了这个问题-您可以为数据广告格式设置一个逗号分隔的列表

data-ad-format="rectangle, horizontal"
如果您已将媒体查询设置为特定大小,则会将移动广告设置为水平,将桌面设置为矩形

谢谢,
Wesiwyg

要完成此操作,请首先将广告容器或广告代码设置为中心。通过使用此标记:
Adsense code here
。然后设置最大高度或宽度和最小高度或宽度,就像我在下面的示例中所做的那样



(adsbygoogle=window.adsbygoogle | |[]).push({});
`

我同意这一点:

            style="display:inline-block;min-width:200px;max-width:300px;width:100%;height:250px"
            data-ad-format="horizontal"></ins>
style=“显示:内联块;最小宽度:200px;最大宽度:300px;宽度:100%;高度:250px”
数据广告格式=“水平”>
谷歌自己也这样推荐,这对我来说真的很有用:


2020年1月为我工作:

1-禁用“移动设备的自动大小”

2-根据默认值定义“非响应”ads(固定)

3-添加你的代码并改变它的大小,为什么你想用css。 我举个例子:

有了这个代码,我的广告总是100%的宽度和最大100px的高度。我认为您可以添加“最小宽度”和“最大宽度”值

3个条件可能会导致您在不知情的情况下调整广告的大小:

1-如果广告是“响应性广告”

2-如果参数“优化手机广告大小”被激活


3-如果全局“自动广告”在“优化现有广告单位?”设置为“开”的情况下激活。

从2020年1月起,ins上显示的最大高度似乎没有bug(如果在父容器上这样做,则会有bug),因此这似乎可行(我在生产中使用它):



编辑:从2019年8月起正式生效,请参见2020年10月为我工作:

<ins class="adsbygoogle"
     style="display:inline-block;min-width:320px;max-width:970px;width:100%;height:50px"
     data-ad-client="ca-pub-xxx"
     data-ad-format="fluid"
     data-ad-slot="xxx"></ins>

示例响应性{1}宽度:320px;高度:100px;}@media(最小宽度:500px){1.示例响应性{1}宽度:468px;高度:60px;}}@media(最小宽度:800px){示例响应性{1}宽度:728px;高度:90px;}}(adsbygoogle=window.adsbygoogle=window.adsbygoogle}.[])。推送({})


试试这个

很高兴我找到了这个。我正在考虑做一些疯狂的Javascript大小检测来为不同的广告单元服务,因为我无法忍受看到那些方形广告。谢谢<代码>数据广告格式
仅影响桌面分辨率我认为最大高度无法正常工作;他们的响应广告可以有一个未指定的高度,也可以有一个固定的高度,但不能有一个未指定的最大高度。与“宽度”不同,“最大宽度”可以正常工作。如果你不需要一个固定的高度,但只想保持一个近似的形状,那么最好的方法就是通过data-ad-format来影响高度。你说的“最大100px高度”是什么意思?这很可能总是100px的高度,不是吗?@cbdeveloper:是的,我想你也可以尝试使用:“高度:自动”和“最大高度:100px”。使用数据全宽响应=“true”谷歌不遵守高度限制。
<ins class="adsbygoogle"
     style="display:block; max-height: 336px"
     data-ad-client="ca-pub-XXXXXX"
     data-ad-slot="YYYYYY"
     data-ad-format="auto"></ins>
<ins class="adsbygoogle"
     style="display:inline-block;min-width:320px;max-width:970px;width:100%;height:50px"
     data-ad-client="ca-pub-xxx"
     data-ad-format="fluid"
     data-ad-slot="xxx"></ins>