🏡まったのブログ

新しい形式の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