品自行开始做Google Adsense广告没有多久,所以对Adsense的许多细节都做的不是太好,最开始创建Adsense广告单元以后都是将整段代码复制粘贴到网站的犄角旮旯以获取收益,直到最近听到Adsense交流群里面讨论到其实Adsense广告代码里面的js代码只需要引用一次就够了。
其实这一块百度联盟做的比较好,每一个百度联盟的广告代码都会提示我们:多条广告如下脚本只需引入一次,如下代码所示:
<div class="_lr5jywzrzqq"></div> <script type="text/javascript"> (window.slotbydup = window.slotbydup || []).push({ id: "u1234567", container: "_lr5jywzrzqq", async: true }); </script> <!-- 多条广告如下脚本只需引入一次 --> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js" async="async" defer="defer" > </script>
比如正常来说我们的Adsense广告代码如下:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-123456" crossorigin="anonymous"></script> <!--Adsense --> <ins class="adsbygoogle" style="display:inline-block;width:600px;height:60px" data-ad-client="ca-pub-123456 data-ad-slot="33333333"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
我们同一个页面又放置了多个这样的Adsense广告代码,那么我们可以在header文件里面插入下面这个js代码:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-123456" crossorigin="anonymous"></script>
然后再需要放置Adsense广告位的地方插入以下代码即可:
<!-- Adsense --> <ins class="adsbygoogle" style="display:inline-block;width:600px;height:60px" data-ad-client="ca-pub-123456" data-ad-slot="33333333"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
品自行已经将重复的adsbygoogle.js代码全部删除了,虽然这样对网站的载入速度影响也不是太大,但毕竟能够简化代码何乐而不为。
2022年2月16日 下午10:53 1F
学习到了,立马把多引入的AdSense的js代码删除了啦,谢谢。
2022年2月16日 下午10:59 B1
@ 野人 嗯嗯,相互学习,共同进步!