让 WordPress 中的广告代码延迟加载

基于新浪SAE平台的网站监控报警系统
七月 17, 2012
保护视力,修改Chrome浏览器背景颜色
七月 26, 2012

让 WordPress 中的广告代码延迟加载

众多使用WordPress搭建的博客都会添加Google、百度等网盟提供的广告,但是不知道大家注意到没有wordpressWordPress在引用站外的东西的时候,如果站外服务器响应过慢,会导致很长一段时间打不开网页,为了避免这个问题,我们可以让广告代码在WordPress中延迟加载,达到对WordPress提速的功能!目前这段代码根据木屋的测试,可以对百度、Google、网易等知名广告联盟起到延迟加载的作用。

具体方法如下:
1、进入WordPress后台,选择外观下面的编辑选项,找到这么一条语句<?php the_content(); ?>  ,或许是相关的函数。然后在这条语句前面加入:

[cce_html]<div id=”myad”></div>[/cce_html]

2、打开你的footer.php文件,在</body>之前加入如下代码:

[cce_html]
<?php if (is_single()) : ?>
<div id=”span_myads”>
<!– AD code –>
//这里插入你的广告代码
<!– AD coed end–>
</div>
<script type=”text/javascript”>
document.getElementById(“myad”).innerHTML = document.getElementById(“span_myads”).innerHTML;
document.getElementById(“span_myads”).innerHTML = “”;
</script>
<?php endif; ?>
</div>
[/cce_html]

 

3、打开你的style.css文件,加入下面的CSS代码:
[cce_css]#myad{float:left;margin:20px 10px 10px 40px;}[/cce_css]
说一下代码的原理:一般来说网页元素加载是有顺序的,在广告的位置加一个空的div,然后在网页加载的最后的时候在去调用google的广告JS,产生广告,同时替换掉之前那个div的内容。当然了,如果你直接使用木屋所提供的代码,那么你会发现这是在文章页面加载广告(因为木屋博客的广告都是出现在文章页面),并且CSS样式我是自己的。你需要按照你自己情况,修改一下代码,至于放到侧边栏或者首页的广告延迟加载方法我这里也就不多说什么了,方法都差不多,有了上面的代码,大家只需要稍微修改几个函数即可。

78 评论

  1. 刘荣焕说道:

    没几个人来 感觉现在网站速度还可以 暂时不弄了

  2. 大D说道:

    基本没挂广告。。而且也不打算挂。。

  3. 媛诺诺说道:

    用的什么主机?

  4. 小思设计说道:

    嗯,,不错。。。

  5. 闪闪的星说道:

    以前看过这个,不过貌似近期在火狐上不灵了

  6. JJ_LING说道:

    从来没挂过广告呢!

  7. beyondme37说道:

    很实用啊,不错~

  8. 刘印博客说道:

    能起到一定的加速作用了!

  9. CocoVPN说道:

    你好博主,麻烦您写一篇CocoVPN评测文章,给予20%销售提成,并提供一枚9折优惠码(你可以写在文章里给更多人使用)。客服QQ:877529212

  10. Xider说道:

    目测也可以用JS异步来完成

  11. 易优资源说道:

    我前段时间才在百度联盟论坛看到,延时加载百度联盟,属于违规投放。大家要注意

  12. 毕扬说道:

    很受用的说~

  13. ShelWee说道:

    这思路很不错啊。

  14. 从良未遂说道:

    支持一下技术达人

  15. 竹箫说道:

    Adsense还是用Google DFP异步加载吧,免得被惩罚……

  16. 5169.info说道:

    有黄色广告,卡巴不让访问你的网站

  17. 说道:

    這個不錯 可以先讓網頁緩存好 再搞廣告 要得要得

  18. Xider说道:

    话说我JS异步写了一篇

  19. wmtimes说道:

    是要让广告延时一下。要不然太慢了。

  20. 西门说道:

    少放点js广告还是有好处的,不过广告联盟都是js广告

  21. 随缘说道:

    这个不错,谢谢分享

  22. 死大葱说道:

    我用的底部加载和这个差不多吧

  23. SICXUKE说道:

    不错,加一个试试

  24. FUKR说道:

    我用的搜狗联盟,这段代码不好使,广告都无法显示了

  25. 天涯行客说道:

    请问,这样做违不违反google政策啊?

  26. 一与博客说道:

    大哥,这个代码在哪里<?php the_content(); ?>,,,我没有找到我css和index.php里面都么有

发表评论

电子邮件地址不会被公开。 必填项已用*标注