Adsense基于视口

时间:2013-07-20 05:58:04

标签: javascript css responsive-design adsense

我即将推出一个响应式网站,其中包含Adsense。由于网站是响应;我期待根据屏幕尺寸使用不同的Adsense横幅来解决正确的横幅。

这些天来实现这一目标的最佳方法是什么?它是依赖于Javascript,还是仅仅依赖于CSS,就像响应背后的想法一样(例如,调整横幅的大小以适应内容区域)。

最后,Adsense是否有功能为多个设备构建相同的横幅广告,并根据视图端口提供正确的横幅广告?

非常感谢。

2 个答案:

答案 0 :(得分:1)

解决方案是使用Google的自适应广告。

基本上你将大小设置为"响应"在创建广告单元时。 所有其余部分由Google自己完成,前提是父级具有您设置的宽度(通过CSS和/或媒体查询)。

他们在加载时适应父母的宽度。因此,如果你调整大小,他们会变得太小/太大 - 但现实世界的使用是好的。

最好从Google themselves获取如何创建它们。

答案 1 :(得分:0)

使用媒体查询调整横幅大小。

为此你必须参考这个链接:

https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries

使用媒体查询在此处查看演示:http://mediaqueri.es/