javascript - Adsense 基于视口

Question

我即将推出一个响应式网站，其中包含 Adsense。由于网站是响应式的；我期望有不同的 Adsense 横幅集来根据屏幕尺寸处理正确的横幅。

这些天来实现这一目标的最佳方法是什么？它是依赖 Javascript，还是仅仅依赖 CSS，比如响应式背后的想法（例如调整横幅的大小以适应内容区域）。

最后，Adsense 是否有一项功能可以为多个设备构建相同的横幅广告位，并根据视口提供正确的横幅广告？

非常感谢。

score 1 · Accepted Answer

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

本质上，您在创建广告单元时将尺寸设置为“响应式”。其余所有由 Google 自己完成，前提是父级具有您设置的宽度（通过 css 和/或媒体查询）。

它们会在加载时适应其父级的宽度。因此，如果您调整它们的大小，它们会变得太小/太大——但现实世界的使用是可以的。

最好从Google 自己获取创建它们的方法。

score 0 · Accepted Answer

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

为此，您必须参考此链接：

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

2 回答 2