现在的位置:首页>wordpress>正文

WordPress网页打开速度慢,轻松用代码实现站内联盟广告延迟加载

2013年06月28日 ⁄ 共 1554字 评论 7 条

首先我得先说一下代码的原理:一般来说网页元素加载是有顺序的,在广告的位置加一个空的div,然后在网页加载的最后的时候在去调用google的 广告JS,产生广告,同时替换掉之前那个div的内容。当然了,CSS样式还是需要按照你自己情况,修改一下代码,至于放到侧边栏或者首页的广告延迟加载 方法我这里也就不多说什么了,方法都差不多.

具体方法如下:

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

<div id="myad"></div>

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

<?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>

3、打开你的style.css文件,加入下面的CSS代码:

#myads{float:left;margin:20px 10px 10px 40px;}

如果您有多个广告需要延迟加载,那么可以作如下处理:

  1. //前面加载广告的地方代码:
  2. <div id="dy_01">广告位1</div>
  3. <div id="dy_02">广告位2</div>
  4. //<div>可以用<span>代替
  5. //放在最后面(如放在</body>上面)代码:
  6. <div style="display:none;" id="div_dy_01">广告代码1</div>
  7. <div style="display:none;" id="div_dy_02">广告代码2</div>
  8. //style="display:none;"为防止页面底部出现空白,可有可无
  9. <script>
  10. document.getElementById("dy_01").innerHTML=document.getElementById("div_dy_01").innerHTML;document.getElementById("div_dy_01").innerHTML="";
  11. </script>
  12. <script>
  13. document.getElementById("dy_02").innerHTML=document.getElementById("div_dy_02").innerHTML;document.getElementById("div_dy_02").innerHTML="";
  14. </script>

参考最上面的代码,很容易可以做到.

我们许多的草根站长在使用WordPress搭建的博客都会加入百度,Google等联盟提供的广告,但是不知道大家注意到没有WordPress 在引用站外的JS调用的时候,可能因为站外服务器响应过慢,会出现打开网页要很长时间,甚至打不开的情况也时有发生.要解决这个问题,这时我们就要让广告 代码在WordPress中延迟加载,达到对WordPress提速的功能!经过测试,能对百度、Google、搜狗等知名广告联盟起到延迟加载的作用。

而且这个方法也不会被广告联盟惩罚的。因为只是调整了加载顺序,并没有做一些诱导用户点击之类的动作,所以各位站长朋友可以放心地使用!

评论 7 条 评论内容很精采,有内幕,而且绝对有干货

  1. 一与博客 2014年06月22日 18:59  @回复  Δ-49楼 回复

    大哥啊,这个代码,我怎么没找到,css和index.php里面都没有啊


    • 管理员
      管理员 2014年06月22日 19:40  @回复  ∇地下1层 回复

      您是用的wordpress吧,应该是找the_content这个内容吧.应该在single.PHP这个文件中.

  2. 一与博客 2014年06月22日 19:42  @回复  Δ-48楼 回复

    这样子啊,好的,我去找找==,刚刚试了您博客分享的Qadabra广告,可是因为我主机是北京的,所以有点加载问题


    • 管理员
      管理员 2014年06月22日 19:51  @回复  ∇地下1层 回复

      建议您做成最后加载,当然,要看看您放在什么地方,如果是文章的位置,就很有必要了.另外,做好了告诉我,帮您创点收入.

  3. 一与博客 2014年06月22日 20:05  @回复  Δ-47楼 回复

    我做在首页侧边栏,已经做好了,怎么做成最后加载额,能不能帮忙看看~


    • 管理员
      管理员 2014年06月22日 20:18  @回复  ∇地下1层 回复

      在侧边栏,那就是在sidebar.php这个文件中找对对应的位置,来做最后加载,不过,这样的话,最好指定一个边框,然后在其中显示”广告加载中’这样的内容.

给我留言