禁止谷歌广告宽度超父元素的宽度,避免破坏移动网页样式

编辑于:2021年12月14日
禁止谷歌广告宽度超父元素的宽度,避免破坏移动网页样式

开通 谷歌广告联盟 Google AdSense 后,当访客使用手机访问时,谷歌自适应广告的宽度会展开为设备全宽,使得广告宽度超过了父元素的宽度,如下图所示:

我尝试添加自定义 CSS 来限定广告的宽度,但失败了,因为广告代码是JS脚本,广告的元素和样式在JS加载并执行之后才能确定,因此自定义 CSS 无法起到作用。经过搜索,我发现原来广告自动展开是谷歌刻意的行为。

我们可以修改广告代码,禁止自适应广告在移动设备上自动展开至全宽。只需在代码 <ins> 标签内添加为:

data-full-width-responsive="false"

如果广告代码中默认有此代码,就将代码中的 True 改为 false

修改过后会发现,广告已经不自动展开全宽,乖乖地呆在它应该在的地方:

相关推荐