新闻中心

WordPress延迟加载广告代码的方法

作者 / 无忧主机 时间 2014-12-01 15:58:12

无忧主机小编这次就来给大家分享一下关于wordpress搭建的网站添加广告后,页面响应过慢的问题。有相当多一部分用户都会添加Google、百度等网盟提供的广告,但很多人都没有到wordpress在引用站外的东西的时候,会导致很长一段时间打不开网页。无忧主机小编也接到了不少无忧主机php空间上的用户反映此类问题。为了避免这个问题,小编在这里可以让广告代码在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样式我是自己的。你需要按照你自己情况,修改一下代码,至于放到侧边栏或者首页的广告延迟加载方法我这里也就不多说什么了,方法都差不多,有了上面的代码,大家只需要稍微修改几个函数即可。 有需要的朋友可以尝试一下,希望能够帮助你们哦! 无忧主机相关文章推荐阅读: WORDPRESS统计插件WP STATISTICS WORDPRESS实现社会化联合登录功能实现方法 如何利用.HTACCESS实现ZBLOG和WORDPRESS之间的链接跳转 WORDPRESS卸载WP-SUPER-CACHE插件导致无法显示最新发布的文章

本文地址:https://www.51php.com/wordpress/17758.html

1
1
1
1
1
1
1

客户服务热线

0791-8623-3537

在线客服