让WordPress中的广告代码延迟加载
来源: 阅读:784 次 日期:2014-09-03 15:53:28
温馨提示: 小编为您整理了“让WordPress中的广告代码延迟加载”,方便广大网友查阅!

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

具体方法如下:

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代码:

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

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

更多信息请查看IT技术专栏

更多信息请查看CMS教程
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!

2025国考·省考课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map