asynchronous - Bootstrap 网站侧边栏中的响应式 Adsense 单元实现

Question

如何在 Bootstrap 响应式网站侧边栏中使用响应式 Adsense 单元(异步广告代码)？当移动设备打开时，我们网站的侧边栏将会丢失，并且它使用 @media 并使用 display:none ，这些不允许与 Adsense 一起使用。如何在Bootstrap响应式侧边栏中使用Adsense而不违反Adsense规则？感谢您的帮助。

Answer 1

Google 有一个自适应广告单元，目前处于测试阶段，因此可能不适用于所有发布商。有一篇关于如何使用它的精彩文章here 。并且您还可以从官方 Google documentation 学习如何设置它们.

以下代码片段将创建一个异步运行的广告，并自动填充其容器的大小。

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- responsive_homepage -->
<ins class="adsbygoogle"
    style="display:block"
    data-ad-client="ca-pub-1234"
    data-ad-slot="5678"
    data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

请注意，如果容器调整大小，它不会自动调整大小以适应容器。我想这是使用它的一个限制，并且在不违反 TOS 的情况下确实无法修复它。