响应Adsense广告调整屏幕方向更改（同时使用Bootstrap布局）

在我的网站上我使用Bootstrap 3.2响应式设计，我试图嵌入Adsense响应添加那里。我在方向变化方面遇到问题：我希望增加会调整这种事件，但不会发生。这种功能是否适合Adsense？ Adsense博客上的一些old post表示：响应Adsense广告调整屏幕方向更改（同时使用Bootstrap布局）

新广告代码仅在初始页面加载时才响应。后续对广告尺寸的更改（如屏幕方向更改）将不会导致显示新广告。我们知道这对你们许多人来说是一个重要的功能，我们正在努力解决这个问题。

但是current documentation没有提到这样的问题。这个调整大小是否工作？

来源

2014-09-20 szymond

邮政编码而不是您的网址 – 2014-09-22 20:13:22

所以事实证明，我引用的博客文章是关于高级模式（允许通过CSS指定确切的广告尺寸的模式）。即使Google在一年多前认识到这个问题，高级广告在屏幕朝向变化时不会自动调整大小。

AdSense文档指出，自适应广告会随着方向更改而调整大小。这是真的，但只适用于默认（不是高级广告）。

高级模式允许使用@media CSS规则指定精确的广告尺寸，这很好。但对我来说，通过将默认自适应广告与div容器包装在一起可以实现几乎相同的效果。容器的大小也可以通过CSS @media规则指定，所以我具有与高级广告相同的结果+当屏幕方向更改时，我可以从调整大小的广告中获益。

来源

2014-10-04 19:16:59 szymond

我可以确认高级模式不响应方向更改。智能尺寸推荐模式偶尔会干扰我的页面布局的其余部分...要尝试使用容器CSS设置修复它。 – 2015-01-16 09:36:30

我主要是在这里取景，因为它不是一个大量的信息在这里是公平的，但：

，如果你添加样式=会发生什么情况“显示：块;”还有数据格式=“自动”到您的广告？

如果这不起作用，我猜媒体查询是你在这件事上的朋友。

来源

2014-09-29 18:39:28

来自AdSense的广告，甚至是响应式广告，都会根据您的屏幕大小和朝向一次加载 - 网页加载时。当然，您可以尝试重新加载广告投放的页面的一部分，但是您的内部iframe元素会出现问题（AdSense不喜欢在iframe中）。

来源

2014-09-29 18:47:21 mrserge

尝试使用此 - https://github.com/mattnish/rad

我只是用它在我的项目之一，即使它说：“过时的”，它完美的作品。

adsense“自适应广告”的问题在于，它仅在初始加载时才有响应。

来源

2014-09-29 20:38:16

这是我对这一个。我对自适应广告单元使用了高级模式，并将其放入以下媒体查询中。

<style> 
.myclass-responsive { width: 320px; height: 100px; } 
@media (min-width: 768px) and (min-height: 768px) { .myclass-responsive { width: 728px; height: 90px; } } 
</style> 
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 
<!-- myclass-responsive --> 
<ins class="adsbygoogle myclass-responsive" 
    style="display:inline-block" 
    data-ad-client="XXXX" 
    data-ad-slot="YYYY"></ins> 
<script> 
    (adsbygoogle = window.adsbygoogle || []).push({}); 
</script>

问题在于，高级模式下的广告是基于设备视口尺寸加载的，但不会动态调整大小。默认的智能调整大小模式与我的布局产生混合结果，偶尔会在动态调整大小时打破它。在高级模式下使用自适应广告单元的Bootstrap布局中使用（min-width：768px）和（min-height：768px）似乎可以修复我有的任何调整大小问题（以及我至少测试过的5个设备）。但是，对于某些设备，您可能会获得尺寸较小的广告，但关于该广告的故事......您无法完全掌握。

来源

2015-01-16 10:11:45

响应Adsense广告调整屏幕方向更改（同时使用Bootstrap布局）

回答

相关问题