2013-11-15 46 views
3

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

+0

有没有人可以帮助我? – Darnin

回答

1

Google的自适应广告单元目前位于BETA中,因此它可能不适用于所有发布商。关于如何使用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的情况下确实无法修复。

+0

我注意到,在同一[文档](https://support.google.com/adsense/answer/3543893#hide)中,他们显示使用媒体查询来更改广告的大小。这应该处理“自动调整大小”的情况,并且不会违反TOS,因为它们在官方文档中显示。 – Randy

0

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

不知道这是否有帮助,但在我的情况下,我所做的就是将广告代码放在<div class="span12">内,这也在<div class="row">之内。这对我来说很有用,可以放置水平广告并让它居中。

这是我有水平的广告页面 - >http://www.espaciodigital.mx/

现在,如果你要放置广告代码侧栏上,做上述相同,但使用,比如拆分页面,侧栏为<div class="span3">,页面的其余部分为<div class="span9">

我这样做,下页,其中方广告是在左侧 - >http://www.espaciodigital.mx/quienes_somos.html

当在移动设备中看到两个广告都做工精细。希望有所帮助!