Question

我的页面上有一个自适应广告单元，由于某种原因，它的高度为60px，而我真的需要90px，当屏幕变小时切换到300x250。有没有办法控制它？

P.S。这是非常标准的adsense代码

.adunit {max-width:730px}

css是

<ins class="adsbygoogle"
     style="display:block;min-height:90px"

我试过

.adunit {min-height:90px}

我已经尝试了

{{1}}

Answer 1

您正在使用智能大小调整（data-ad-format属性），您可以控制一般形状......

...将data-ad-format的值更改为以下值之一：＆＃34;矩形＆＃34;，＆＃34;垂直＆＃34;，＆＃34;水平＆＃34;或这些的任何组合用逗号分隔，例如，＆＃34;矩形，水平＆＃34;。

创建自适应广告单元/指定常规形状
https://support.google.com/adsense/answer/3543893

如果您希望完全控制身高，则需要删除data-ad-format并使用@media查询：

<style type="text/css">
.adslot_1 { width: 320px; height: 100px; }
@media (min-width:500px) { .adslot_1 { width: 300px; height: 250px; } }
@media (min-width:800px) { .adslot_1 { min-width: 300px; max-width: 970px; width:100%; height: 90px } }
</style>
<ins class="adsbygoogle adslot_1"
  style="display:inline-block;"
  data-ad-client="ca-pub-1234"
  data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

以上代码段是＆＃34; 的组合指定可展开的宽度和固定的高度＆＃34;和＆＃34; 指定每个屏幕宽度的确切大小＆＃34;来自page I linked。

如果您想将此单元放在页面顶部，那么我认为您希望按照我的建议将.adslot_1 { width: 320px; height: 100px; }保留在代码中，因为：

将300x250广告单元置于优化的高端移动设备之上   页面被视为违反政策？

是的，这将被视为违反政策的行为，因为它属于我们的行为   网站布局的广告展示位置政策将内容推送到网站下方   折。这种实现将占用移动设备上太多的空间   优化网站的第一个带有广告的视图屏幕，并提供了一个穷人   给用户的体验。总是试着想一下用户体验   您的网站 - 这有助于确保用户继续访问。

AdSense政策常见问题/第3部分：与移动相关的事项 https://support.google.com/adsense/answer/3394713?hl=en#3

也许您希望看到我撰写的有关AdSense @media查询的小教程：

为什么我们不应该在AdSense ins标签上使用@media查询 https://productforums.google.com/forum/#!topic/adsense/TiihLH_gMnw

Answer 2

身高问题的答案在您的问题标题中。

只需为该元素指定一个唯一的类或id名称：

"/(?<!@)".$temp."\\b/"

并将此添加到您的css：

<div class="someUnit">
    <!--some codes-->
</div>

对于较小的屏幕问题，请像这样使用.someUnit { min-height: 90px; }：

media queries

N.B。将@media (max-width: 480px) { .someUnit { width: 300px; height: 250px; } }替换为您想要更大尺寸的正确屏幕宽度。

Answer 3

删除data-ad-format="auto"并在样式属性中设置dimensions。

响应式adsense单元的最小高度

3 个答案: