🏡まったのブログ

新しい形式のGoogleAdsense自動広告コードで遅延読み込みし第三者コードの影響を抑える方法

目次

    Googleアドセンスの自動広告のコードは2021年7月19日より新しくなった。

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

    これで遅延読み込みするにはこう。

    <script>
    //<![CDATA[
    //lazy load ads
    var lazyloadads = false;
    window.addEventListener("scroll", function() {
        if ((document.documentElement.scrollTop != 0 && lazyloadads === false) || (document.body.scrollTop != 0 && lazyloadads === false)) {
    
            (function() {
                var ad = document.createElement('script');
                ad.type = 'text/javascript';
                ad.async = true;
                ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXX';
                var sc = document.getElementsByTagName('script')[0];
                sc.parentNode.insertBefore(ad, sc);
            })();
    
            lazyloadads = true;
        }
    }, true)
    //]]>
    </script>

    https://blog-bootcamp.jp/start/adsense-lazyload/

    https://support.google.com/adsense/answer/10627874