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

Question

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

Answer 1

Google 有一个自适应广告单元，目前处于测试阶段，因此可能并非所有发布商都可以使用。这里有一篇很好的关于如何使用它的文章。您还可以从Google官方文档中了解如何设置它们。

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

<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，它真的无法修复。

Answer 2

查看您的网站以更好地了解您面临的问题会非常有帮助。

不知道这是否有帮助，但在我的情况下，我所做的是将 Ad 代码放在 a<div class="span12">中，它也在 a<div class="row">中。这对我来说可以放置水平广告并使其居中。

这是我有那个横向广告的页面-> http://www.espaciodigital.mx/

现在，如果您想将广告代码放在侧边栏上，请执行与上述相同的操作，但使用<div class="span3">侧边栏和<div class="span9">页面其余部分来拆分页面。

我在下一页中做到了这一点，方形广告在左侧 -> http://www.espaciodigital.mx/quienes_somos.html

在移动设备上看到这两个广告都可以正常工作。希望有帮助！