谷歌广告 Google Adsense 加载慢,导致代码高亮插件无法高亮

编辑于:2021年12月13日
谷歌广告 Google Adsense 加载慢,导致代码高亮插件无法高亮

由于增加谷歌广告联盟 Google Adsense 后,谷歌广告加载慢导致经常代码高亮失败,用户体验相当差,于是研究了下其他网站的解决方案结合自己的代码终于解决了这个问题,解决方案如下:

1.在需要广告位的 html 地方插入div,如:

<div id='google_adsense_300x250'></div>

2.通过 jquery 的 append 方法动态插入对应的广告代码:

function load_google_ad(){
	$("#google_adsense_300x250").append("<ins class='adsbygoogle' style='display:inline-block;width:300px;height:250px' data-ad-client='ca-pub-2303958443489176' data-ad-slot='8077276443'></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});<\/script>");
}

3.通过 js 的 settimeout 来实现延迟 1 秒执行:

$(function() {
	setTimeout("load_google_ad()",1000);
});

相关推荐