优化Google广告速度 兼容Firefox

2019-03-13 23:58:02来源: www.boxui.com 阅读 ()

新老客户大回馈,云服务器低至5折

相信在网站上放置了Google广告的朋友会遇到这样一个问题,Google广告在加载的时候会影响到页面的加 载,有时候需要等到广告加载完毕才能显示整个页面,而且在加载过程中,广告区域会显示一片空白,严重影响了页面的美观性。所以有必要对Google广告的 加载速度进行优化,让广告在页面内容全部加载完毕后才开始加载并显示广告。另外,如果网站上有多个Google广告,把所有的广告代码放在页面上维护起来 就比较麻烦了,所以把Google广告代码放到单独的一个JS文件里显然会是一个比较好的主意。

另外,Dream提供的这方法能兼容Firefox/IE,其它浏览器没测试过,应该也没问题吧。

第一步:把Google广告代码写进独立的JS文件里,并把HTML代码转换成JS代码具体步骤:

-1,替换所有"为

-2,替换所有/为/

-3,在每一行前面加上document.writeln("

-4,在每一行末尾加上");

-5,把该JS文件保存命名为GoogleAD.js

第二步:在需要放置Google广告的地方加上:

<div id="googleAD_content" style="display:none;"></div>

第三步:在页面《body》标签的末尾(即body标签结束前)加上:

<div id="googleAD_script" style="display:none;"><script language="JavaScript" src="GoogleAD.js" type="text/javascript"></script></div>

第四步:在页面的末尾加上JS代码,以wordpress为例,加在footer文件的末尾部分,以确保页面所有内容加载完毕才开始加载并显示广告

<script language="javascript">
if(document.getElementById("googleAD_content") != null)
{
document.getElementById("googleAD_content").innerHTML=document.getElementById("googleAD_script").innerHTML;
document.getElementById("googleAD_content").style.display="";
}
</script>

这方法适合所有Google广告,包括AdSense 内容广告,AdSense搜索广告,Google搜索联盟广告。同样也适合其它的广告。。。

今天发现了这样做其实有一个弊端,需要解决,就是一个页面最多可以能放置的广告数量。先看看Google是怎么说的:

根据我们的政策,一个页面最多可以投放:
3个 AdSense for Centent 广告单元,并且对广告单元的格式没有特殊要求,您可以投放相同尺寸的广告单元。
2个AdSense for Search 搜索框
3个链接单元
3个推介单元

这样,问题就出来了,如果把所有的广告单元都放在一个页面,即使你不让它显示出来,Google还是会认为你这个页面已经放置了这么多广告。所以很容易就超出单个页面能放置的广告数量了。

解决办法很简单:就Dream的小站来说,其实不是每个页面都有广告,而且页面所放置的广告类型都不一样的。比如,在文章页面就不会放置右侧边栏广告,那么我就需要做个判断,如果当前页面不是文章页面的话,才显示右侧边栏广告。

<?php if(!is_single()): ?>
<div id="ggadcode_sidebar" style="display:none;" >
<script language="JavaScript" src="GoogleAD.js(这里我们假设"GoogleAD.js"就是我们放置右侧边栏广告的JS文件)" type="text/javascript"></script>
</div>
<?php endif; ?>

OK,问题解决,其它的依此类推.

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:做站十年 他还是一个草根

下一篇:59中国:建站之前你必须明确清楚的几件事