增强用户体验之–广告后加载

在网页上放几个GOOGLE广告,又放了个DAITUI,又放个访问量统计。在网速慢的时候,加载这些代码的时候网页一直处于等等状态。但用户来网站是看内容的,所以我们应该让网页内容先显示,最后显示这些外加的东西。 当然还有一些其他的情况,我们希望网页的内容按我们设定的顺序加载。

进入正题(拿GOOGLE广告为例):

1.在要插入广告的地方,置一个元素,span、p、div都可以,如果表格中也可以给td赋个ID


<span id="googleAd">
google广告加载中...
</span>

2. 在页面底部,也就是</body>之前,放下面一段


<div id="googleAdContent" style='display:none'>
此处替换为google广告内容
</div>
<script language="javascript">
document.getElementById('googleAd').innerHTML=document.getElementById('googleAdContent').innerHTML;
document.getElementById('googleAdContent').innerHTML = "";   //这行可以有,也可以没有
</script>

效果展示就看本页右侧和文章下面的广告吧,可以右键看本页的源代码进行分析哦~


( ! ) Warning: Missing argument 1 for cwppos_show_review(), called in /data/www/enjoyphp/wp-content/themes/flat/content-single.php on line 29 and defined in /data/www/enjoyphp/wp-content/plugins/wp-product-review/includes/legacy.php on line 18
Call Stack
#TimeMemoryFunctionLocation
10.0000356416{main}( ).../index.php:0
20.0001356704require( '/data/www/enjoyphp/wp-blog-header.php' ).../index.php:17
30.174710164160require_once( '/data/www/enjoyphp/wp-includes/template-loader.php' ).../wp-blog-header.php:19
40.176010235304include( '/data/www/enjoyphp/wp-content/themes/flat/single.php' ).../template-loader.php:74
50.263510793072get_template_part( ).../single.php:5
60.263510793592locate_template( ).../general-template.php:167
70.263610793688load_template( ).../template.php:643
80.263610794072require( '/data/www/enjoyphp/wp-content/themes/flat/content-single.php' ).../template.php:686
90.268910779184cwppos_show_review( ).../content-single.php:29

3 评论

QQ空间碧云轩进行回复 取消回复

电子邮件地址不会被公开。 必填项已用*标注