Google AdSense我使用的方法

在下親妹妹反饋，我網(wǎng)站有時候打開很慢。這個必須重視，看到  Google AdSense  是罪魁禍首后，我稍微優(yōu)化了下。下面是廣告模塊的定義內(nèi)容，View是  Freemarker   方便  Macro  的引用。

頁面上我就很方便得使用。

<@n_ad._300x250/>
<@n_ad._300x250/>
<@n_ad._300x250/>
<@n_ad.auto/>

廢話不多說。 Google AdSense 推薦給我們的格式是：

<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-5366069415012676"
     data-ad-slot="4650889201"
     data-ad-format="auto"></ins>
<script>
    (adsbygoogle = window.adsbygoogle || []).push({});
</script>

相信開始做 Google AdSense 的朋友有一樣的感受，就是是不是一個頁面多個廣告，每個廣告要同樣引用一個“adsbygoogle.js”文件呢？

答案是不用的。

Google AdSense阻礙頁面加載的解決辦法

用了一個  jQuery  的一個ready事件。

 $('script#_ad').length == 0 ? (function (a,d) {
    var s = d.createElement('script');
    s.src = a;
    s.id = '_ad';
    s.setAttribute('async','');
    var s0 = d.getElementsByTagName("script")[0];
    s0.parentNode.insertBefore(s, s0);
})('//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js',document) : void 0;

效果不好？你甚至可以再用setTimeout再包裹起來，延遲個幾秒再加載。最佳延遲3秒。

//ad
setTimeout(function () {
    $('script#_ad').length == 0 ? (function (a) {
        var s = so.d.createElement('script');
        s.src = a;
        s.id = '_ad';
        s.setAttribute('async','');
        var s0 = so.d.getElementsByTagName("script")[0];
        s0.parentNode.insertBefore(s, s0);
    })('//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js') : void 0;
},3e3);

OK了，截止發(fā)稿前，還沒上線，卡了一個大版本。

版權所屬：SO JSON在線解析

原文地址：http://zijieyoumin.cn/blog/314.html

轉(zhuǎn)載時必須以鏈接形式注明原始出處及本聲明。

---

如果本文對你有幫助，那么請你贊助我，讓我更有激情的寫下去，幫助更多的人。

￥我需要走的更遠，點擊我 贊助。 如果還有疑問，點擊我加群，為你提供最好的解答。