Asynchronous Bootstrap网站边栏中的响应式Adsense单元实现

如何在Bootstrap Responsive Web侧边栏中使用响应Adsense单元（异步广告代码）？当手机打开时，我们网站的边栏将丢失，它使用@media并使用display：无，不允许与Adsense一起使用。如何在不违反Adsense规则的引导响应侧边栏中使用Adsense？感谢您的帮助。

谷歌有一个快速响应的广告单元，目前正处于测试阶段，因此它可能不会对所有出版商开放。有一本关于如何使用它的好书。你也可以从官方那里学习如何设置它们

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

<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>

（adsbygoogle=window.adsbygoogle | |[]）.push（{}）；

---

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

看看你的网站，更好地了解你面临的问题，会非常有帮助

不知道这是否有帮助，但在我的例子中，我所做的是将广告代码放在

中，该广告代码也放在

中。这对我来说很有用，因为我放置了一个水平广告，并让它居中

这是我的水平广告->

现在，如果您想将广告代码放在侧栏上，请执行与上面相同的操作，但要拆分页面，例如，侧栏使用

，页面其余部分使用

我在下一页中这样做了，在左边是方形广告->

---

当在移动设备上看到这两个广告时，效果都很好。希望有帮助

有人能帮我吗？我注意到，在他们展示的同时，他们使用媒体查询来改变广告的大小。这应该可以处理“自动调整大小”的情况，并且不会违反TOS，因为他们在官方文档中展示了它。