让你的网站广告不再影响你网站速度:先加载网页后加载广告的方法,先加载网页,后加载广告,广告最后显示,加载网,先下网页,后下载广告
大家是不是经常为联盟广告代码影响网页浏览速度而苦恼呢?放了广告影响了网站浏览速度,不放广告又没收入不利于网站长期发展。现在有个比较好的解决方案与大家分享!
就是加入代码,在打开网页后再载入广告,这样既保证了网页的正常访问又不影响广告投放!此优化适用有一切广告框架,JS等!
先加载网页,然后加载广告代码的方法。大家可能有体会,由于联盟广告的加载慢,严重影响了整体页面的显示速度。我把我在用的这段代码贴出,希望对大家有所帮助,先加载网页,然后再加载广告,这样就让广告代码不再影响你的网页加载速度!
第一步:把这段代码放在你要放广告的网页位置,让先只是显示“广告加载中…”的字样
<div id=ad_box>广告载入中…</div>
第二步:把这段代码放到页面的底部,将广告代码加载到上面那个位置,取代原来的文字!
<div id="ad_code" style="display:none">这里放js广告代码或者其它加载比较慢的广告代码</div>
<script type="text/javascript">document.getElementById("ad_box").innerHTML=document.getElementById("ad_code").innerHTML;</script>
<script type="text/javascript">document.getElementById("ad_box").innerHTML=document.getElementById("ad_code").innerHTML;</script>
这样设置以后当刚进入网页的时候在广告位置显示的是 广告载入中... 等网页显示完毕,广告载入后就显示了,如果广告服务器出了问题,不会因为广告影响了网页访问!
代码兼容测试通过:IE6/7/8、Firefox、Opera、Chrome、Safari
注:这样为一组代码,可以控制一个广告单元,如果想控制多个广告单元复制这些代码重复一次即可。但ad_box记得重命名例如ad_box1、ad_box2、ad_box3 这样递进的循环。
如果文章对你有帮助,欢迎点击上方按钮打赏作者
你好,我想问一下你这个文章下的随机文章如何实现啊,我也是用WPINK CMS主题,在后台添加完广告之后,文章页下只有赞助商广告,没有相关的随机日志,试过修改都不成功,希望你给指点一下,拜托!
你这个问题多加一些文章就可以解决了。或者改调用,改成调用最新的文章。
你的代码没写全,少了尾巴。
非常完整!
你也用WPINK主题啊,这主题可真流行那~
WPINK用的人多
这个方法曾今在别的站使用过,呵呵,很不错的方法,谢啦
这方法还不错,主要是可以通吃常用浏览器
俺的小博一天来不来几个人,先不用了。
等流量大了再用,我去给你增加IP
侧边栏的鱼好玩
帮忙喂鱼了吗
很实用
很实用就用吧
这方法是相当的有用,对于增加用户体验很好
网页下载快点就行了,我们小网站不算他用户体验
不错不错,学习了,改天在我的博客里面试试,呵呵。
可以用,效果还是不错的
以前调用plugin的时候用过。
这方法还是不错的尤其是加载慢的让它最后再显示出来,是非常有必要的
竟然SF了,这个不错,学习了,谢谢游子
天天都有SF,这方法我在用所以就写出来。