3

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

4

2 回答 2

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

于 2013-12-19T18:52:31.620 回答
0

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

不知道这是否有帮助,但在我的情况下,我所做的是将 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

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

于 2014-05-21T22:43:12.580 回答