最代码官方的gravatar头像
最代码官方 2015-08-10 18:36:33

google adsense广告加载慢导致代码高亮插件syntaxhighlighter无法高亮的解决方法

最代码的代码高亮插件是用的开源项目syntaxhighlighter,由于增加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);
});

具体可以参考最代码的分享代码详情页面或问答详情页面。

效果如下图:

google adsense广告加载慢导致代码高亮插件syntaxhighlighter无法高亮的解决方法

google adsense广告加载慢导致代码高亮插件syntaxhighlighter无法高亮的解决方法


打赏

顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友