wordpress中google广告延迟加载

闲来无事，给博客折腾了一个google广告，但是大家可能都有这么一个体验，就是有时候wordpress在引用站外的东西的时候，如果站外服务器响应过慢，会导致很长一段时间打不开网页，为了避免这个问题，这里介绍一种延迟加载google广告的方法。

当然，你要申请到了google 广告（PS：其他的广告联盟也可以）。具体如下：

STEP 1

打开你的single.php文件，在这个文件中找到这么一条语句<?php the_content(); ?>? （PS：也有可能这个函数里面传了参数，但是函数名是一样的）。然后在这条语句的前面加上这么一句代码：

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

STEP 2

打开你的footer.php文件，在</body>之前加入如下代码：

<!--ad lazyload-->
<?php if (is_single()) : ?>
<div id="span_myads"> 
<!-- gd –>
//这里插入你的广告代码
<!-- gd--> 
</div> 
<script type="text/javascript"> 
document.getElementById("myad").innerHTML = document.getElementById("span_myads").innerHTML;
document.getElementById("span_myads").innerHTML = "";
</script>
<?php endif; ?>
<!--end ad lazyload--></div>

STEP 3

打开你的style.css文件，加入下面的CSS代码：

/* ad */
#myad{float:left;margin:20px 10px 10px 40px;}

通过上面的三步就可以实现简单的广告延迟加载，这里我对代码和思路做一下解释：

首先我们需要知道的是网页元素加载是有顺序的，我们可以在广告的位置加一个空的div，然后在网页加载的最后的时候在去调用google的服务器，产生广告，同时替换掉之前那个div的内容，这就是思路。

如果你完全按照我的方法做的话，会发现这是在文章页面加载广告，并且CSS样式我是自己的，搭建可以根据自己的主题做相关修改，至于放到侧边栏或者首页的广告延迟加载方法，触类旁通，这里就不赘述了。有什么问题，欢迎留言交流。

PS：其实广告不是什么赚钱手段，并且对于广告至于博客的意义，我在我的生活博客里面也早就做了说明，不过作为我这种没有丝毫收入的小站长，这也是一种很无奈的选择。我尽可能的保持博客的用户体验，但是我知道一点影响都没有是不可能的。这里给你们阅读造成麻烦，还请见谅。当然为了支持我，你可以点击相关广告，为我带来一点微小的收入。同时本站欢迎包养！！！！承接wp主题修改任务！！！！