Blogger(ブロガー)でアドセンスが重い:遅延読み込みで解決

Bloggerでアドセンスが重い。PageSpeedInsightsで計測すると、モバイルで50もいかない。そこで、遅延読み込みを試した。

ちなみに、この方法は自動広告には対応していないと思われる。


アドセンスの遅延読み込み

  1. 「HTMLを編集」から、pagead2が含まれているコードを消す。

    • 1

      2

  2. 新しいコードを用意する。ca-pub~のところは自身のアドセンスコードに変える。
    • <script type='text/javascript'>
    • //<![CDATA[
    • var lazyadsense2 = false;
    • window.addEventListener("scroll", function(){
    • if ((document.documentElement.scrollTop != 0 && lazyadsense2 === false) || (document.body.scrollTop != 0 && lazyadsense2 === false)) {
    • (function() { var ad = document.createElement('script'); ad.setAttribute('data-ad-client','ca-pub-xxxxxxxxxxxxxxxx'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
    • lazyadsense2 = true;
    •   }
    • }, true);
    • //]]>
    • </script>
  3. 「HTMLを編集」から、コードを</body>の直前に置く。

結果

スコアが50から75に改善!

なお、本件はHow To Lazyload AdSense Ads In Blogger Website? - TechyLeafを参照した。


このブログの人気の投稿

Tinderでマッチング出来ない:下がり過ぎたeloスコアを見直してみる

DELL inspiron3470のM2 2280 SSD換装は取り付けるだけ

マッチングを上げるTinderアカウントの作り直し手順