谷歌adsense广告单元代码简化,减少js代码重复加载提升网站速度

很多朋友在网站上添加谷歌adsense广告来获得一些收入。添加的广告类型主要有:自动广告(穿插广告、锚定广告),还有4大广告单元(展示广告、信息流广告、文章内嵌广告、多重广告)。添加这些类型的广告都是通过代码来进行添加,仔细观察你会发现,这些谷歌adsense广告代码里面第一段js代码都是一样的。如果一个页面有几个广告单元,那么这一段重复的js代码就会重复加载几次,一定程度上会拖慢网站的加载速度。实际上一个页面只要加载一次就可以了。

1.谷歌adsense广告代码比较

到谷歌adsense后台,把自动广告代码和广告单元生成的代码放到一起比较,看下第一段js代码是否是一样的。

1.1自动广告代码

自动广告代码如何获取?

在谷歌adsense后台分别点击【广告】》【按网站】》【获取代码】

谷歌adsense自动广告代码如何获取?
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxx"
     crossorigin="anonymous"></script>

1.2四大广告单元代码

如何获取4大广告单元代码(展示广告、信息流广告、文章内嵌广告、多重广告)?

在谷歌adsense后台分别点击【广告】》【按广告单元】》【反括号】》【复制代码段】

谷歌adsense广告单元代码如何获取?1
谷歌adsense广告单元代码如何获取?2
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxx"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:500px"
     data-ad-client="ca-pub-xxxxxxxx"
     data-ad-slot="5310718886"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

1.3重复js代码

通过上面的自动广告和广告单元生成的代码对比,我们可以看到第一段js代码是一样的并且重复的。这一段代码其实就是自动广告的代码,原则上我们广告单元代码在生成的时候,同时生成了自动广告代码,如果只添加了广告单元代码,自动广告代码是不需要添加的。

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxx"
     crossorigin="anonymous"></script>

2.谷歌adsense广告单元代码简化方法

简化的方法其实很简单,就是保证在任意页面只加载一次上面重复的js代码,其他插入页面的广告单元代码删除这一段重复的js代码,这样简化的代码即可以正常显示广告,又可以减少重复js代码的加载,从而一定程度上提高网站的加载速度。

这样操作是否符合谷歌adsense要求那?答案是肯定的,不会违反谷歌adsense规范要求。

3.如何实现只加载一次谷歌adsense重复的js代码?

建议通过code snippets插件在所有网页上添加这一段重复的js代码,这一段代码其实也就是自动广告的代码。红色部分换成你自己的谷歌adsense广告代码。

add_action( 'wp_head', function () { ?>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxx"
     crossorigin="anonymous"></script>
<?php } );
code snippets添加谷歌adsense自动广告代码

4.简化谷歌adsense广告单元代码

把已经添加到网站的广告单元代码中重复的那一段js代码删除,只保留下面的部分即可。

如果是新生成的单元广告代码,记得在添加到网站的时候把第一段js删除,当然不删除也可以,只是会重复加载。

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxx"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:500px"
     data-ad-client="ca-pub-xxxxxxxx"
     data-ad-slot="5310718886"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

总结

本站测试以上方法没有什么问题,可以正常显示,网站速度有了一定的提升。对网站加载速度有要求的朋友可以试一试。实施过程中有什么问题也可以联系交流!

版权声明:除特殊注明外,本文均为原创文章,首发于自由超,自由超版权所有!    
转载说明:转载请注明原文链接https://zyc420.com/4619.html

留下评论

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