控制广告延迟加载
众多使用WordPress搭建的博客都会添加Google、百度等网盟提供的广告,但是不知道大家注意到没有wordpress在引用站外的东西的时候,如果站外服务器响应过慢,会导致很长一段时间打不开网页,为了避免这个问题,我们可以让广告代码在WordPress中延迟加载,达到对WordPress提速的功能!目前这段代码根据测试,可以对百度、Google、网易等知名广告联盟起到延迟加载的作用。
1、修改要插入广告的地方将放上下面的div层:
1 2 3 | <div id="myad">我正在卖力的加载中,请稍候...</div> |
如果广告没有出来则显示“我正在卖力的加载中,请稍候...”你也可以换成其他的,或者图片
2、打开你的footer.php文件,在body之前加入如下代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | <?php if (is_home()) : ?> <div id="home_myads"> <script type="text/javascript">/*250*250,创建于2012-3-28 侧栏*/ var cpro_id = 'u826116';</script><script src="https://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script> </div> <script type="text/javascript"> document.getElementById("homemyad").innerHTML = document.getElementById("home_myads").innerHTML; document.getElementById("home_myads").innerHTML = ""; </script> <?php endif; ?> </div> <?php if (is_single() || is_page() || is_archive()) : ?> <div id="single_myads"> <script type="text/javascript">/*250*250,创建于2012-3-28 侧栏*/ var cpro_id = 'u826116';</script><script src="https://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script> </div> <script type="text/javascript"> document.getElementById("singlemyad").innerHTML = document.getElementById("single_myads").innerHTML; document.getElementById("single_myads").innerHTML = ""; </script> <?php endif; ?> </div> |
改判断语句是设置首页显示,还是文章页面显示
说一下代码的原理:一般来说网页元素加载是有顺序的,在广告的位置加一个空的div,然后在网页加载的最后的时候在去调用google的广告JS,产生广告,同时替换掉之前那个div的内容。