
开通 谷歌广告联盟 Google AdSense 后,当访客使用手机访问时,谷歌自适应广告的宽度会展开为设备全宽,使得广告宽度超过了父元素的宽度,如下图所示:
我尝试添加自定义 CSS 来限定广告的宽度,但失败了,因为广告代码是JS脚本,广告的元素和样式在JS加载并执行之后才能确定,因此自定义 CSS 无法起到作用。经过搜索,我发现原来广告自动展开是谷歌刻意的行为。
我们可以修改广告代码,禁止自适应广告在移动设备上自动展开至全宽。只需在代码 <ins>
标签内添加为:
data-full-width-responsive="false"
如果广告代码中默认有此代码,就将代码中的 True
改为 false
修改过后会发现,广告已经不自动展开全宽,乖乖地呆在它应该在的地方: