如何在引导响应网站侧栏中使用响应AdSense单元(异步广告代码)?当移动设备打开时,我们网站的侧边栏将会丢失,它使用@media并使用display:none,这些都不允许与Adsense一起使用。如何在不违反Adsense规则的Bootstrap响应式侧边栏中使用AdSense?感谢您的帮助。引导网站侧栏中的响应Adsense单元实施
回答
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的情况下确实无法修复。
我注意到,在同一[文档](https://support.google.com/adsense/answer/3543893#hide)中,他们显示使用媒体查询来更改广告的大小。这应该处理“自动调整大小”的情况,并且不会违反TOS,因为它们在官方文档中显示。 – Randy
看看您的网站会更好地了解您面临的问题,这将非常有帮助。
不知道这是否有帮助,但在我的情况下,我所做的就是将广告代码放在<div class="span12">
内,这也在<div class="row">
之内。这对我来说很有用,可以放置水平广告并让它居中。
这是我有水平的广告页面 - >http://www.espaciodigital.mx/
现在,如果你要放置广告代码侧栏上,做上述相同,但使用,比如拆分页面,侧栏为<div class="span3">
,页面的其余部分为<div class="span9">
。
我这样做,下页,其中方广告是在左侧 - >http://www.espaciodigital.mx/quienes_somos.html
当在移动设备中看到两个广告都做工精细。希望有所帮助!
- 1. 使网站响应Twitter的引导
- 2. 引导侧栏导航像组件网站
- 3. 引导右固定栏响应电网
- 4. 在响应式CSS和HTML网站中向下推侧栏
- 5. 使用引导响应网站
- 6. 双重引导简单的侧边栏
- 7. 引导侧面导航栏
- 8. 响应侧边栏 - 如何实现?
- 9. 实施引导菜单中角JS 1.5
- 10. HTML5网站实施
- 11. CSS:响应式左侧菜单,右侧栏中的内容?
- 12. 引导响应侧栏调整大小问题
- 13. 导航栏响应菜单
- 14. 引导导航栏不对齐响应
- 15. 引导:响应导航栏麻烦
- 16. 引导响应导航栏不切换
- 17. CSS引导表响应侧边界
- 18. twitter引导滚动侧栏
- 19. 引导 - 侧边栏定制
- 20. 侧栏引导中的显示面板
- 21. Twitter的引导:侧栏导航,维护
- 22. 引导侧面导航栏的问题
- 23. 单页响应式网站?
- 24. 网站:导航栏
- 25. 3列引导W /侧边栏中间
- 26. 侧栏导航菜单
- 27. 引导响应菜单
- 28. 实施侧导航切换活动
- 29. 引导程序中的响应菜单
- 30. WordPress的网站侧栏重叠内容
有没有人可以帮助我? – Darnin