在响应式布局中处理 Adsense 横幅答案

【问题标题】：Handling Adsense banners in a responsive layout在响应式布局中处理 Adsense 横幅
【发布时间】：2017-11-29 15:33:55
【问题描述】：

如何在响应式布局中处理 Adsense 横幅？

据我从 Adsense TOS 中了解到，我几乎不允许在客户端对横幅进行任何操作，因此我不能在客户端将横幅切换为较小的横幅低分辨率。

似乎我能找到的唯一解决方案是只提供以最低目标分辨率（即 300x250）工作的横幅。

谁有更好的主意？

【问题讨论】：

【解决方案1】：

你应该实现responsive ad units。不再需要修改 AdSense 代码或实施my original answer 中提到的技巧。

【讨论】：

【解决方案2】：

Boston Globe 在他们著名的响应式网站上通过创建指定的广告栏解决了这个问题。该列设置为足够大以包含广告的固定宽度，并且广告永远不会调整大小，即使页面的其余部分会做出响应调整。这并不理想，但它使广告保持完整。

最好将多种尺寸的广告加载到页面上的多个位置，并根据页面大小显示/隐藏，但显然 Adsense 不会这样做。

【讨论】：

【解决方案3】：

Adsense 确实使用了各种“响应式”广告，as described here。因此，您应该能够使用较大的广告格式并将它们缩小到移动设备。

但是，我注意到他们并没有真正考虑“响应式设计”，他们只看查看页面的设备。如果您缩小浏览器窗口，您仍然会看到排行榜广告（被截断），同样在移动设备上您只能看到一半的广告，即使它使用 Adsense 移动格式。

【讨论】：

【解决方案4】：

我建议您使用 javascript 来根据客户投放不同的广告。这是迄今为止我找到的最好的解决方案。

它确实需要您为每个广告展示位置创建多个不同的广告，而不仅仅是一个。但是，制作 3 个广告而不是 1 个，对于增加 AdSense 收入来说应该是很小的代价。

【讨论】：

【解决方案5】：

我偶然发现了一个article，它明确指出允许使用 javascript 调整广告大小。

【讨论】：