我即将推出一个响应式网站,其中包含Adsense。由于网站是响应;我期待根据屏幕尺寸使用不同的Adsense横幅来解决正确的横幅。
这些天来实现这一目标的最佳方法是什么?它是依赖于Javascript,还是仅仅依赖于CSS,就像响应背后的想法一样(例如,调整横幅的大小以适应内容区域)。
最后,Adsense是否有功能为多个设备构建相同的横幅广告,并根据视图端口提供正确的横幅广告?
非常感谢。
答案 0 :(得分:1)
解决方案是使用Google的自适应广告。
基本上你将大小设置为"响应"在创建广告单元时。 所有其余部分由Google自己完成,前提是父级具有您设置的宽度(通过CSS和/或媒体查询)。
他们在加载时适应父母的宽度。因此,如果你调整大小,他们会变得太小/太大 - 但现实世界的使用是好的。
最好从Google themselves获取如何创建它们。
答案 1 :(得分:0)
使用媒体查询调整横幅大小。
为此你必须参考这个链接:
https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries
使用媒体查询在此处查看演示:http://mediaqueri.es/