現在の接続環境は
です

記事内にプロモーションが含まれています。

AdSense WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録

プロモーションを含みます

Googleアドマネージャーjs遅延読み込み方法AdManager遅延読み込み

所要時間目安: 2

This session is using  IPv4  is established in

今日は2025年7月11日です。

目次に行く・戻る

2025年7月11日 (金曜日)↓における週間月間人気記事トップ3は?↓

  • 本日
  • 週間
  • 月間
  1. エクストレイルカーテシランプ増設

    エクストレイルにカーテシランプ増設方法2 2PV

    以前にもカーテシランプの増設方法を記しましたが、それだけではなにか物足りない・・・。そんなこんなで、LEDにてもう少しカーテシランプを明るくしようと色の選定から迷いましたが、結果以前と同じく青のエーモ…

    もっと読む

  2. ETCシステム障害復旧のメド立たず1都6県13路線に影響。システム改造に伴うデータの破損が原因 2PV

    本日(2025年4月6日)、NEXCO中日本の中央自動車道のETCシステム障害からはじまり全国的な高速道路のETCシステム障害になりつつあり各地で渋滞になっているようです。ETCレーンは使用できず渋滞…

    もっと読む

  3. キーシリンダー

    TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号) 1PV

    この度は(今回は?)、プラスチックの経年劣化により車のキーレスリモコンキーの送信機側(トランスミッター)のみをなくしてしまった場合です。(まだスマートキーやインテリジェンスキーと言われる前のキーレスリ…

    もっと読む

  1. ECUリセット

    ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 39PV

    過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。(メンテナンスしないのはもっと悪いですが…。) その記…

    もっと読む

  2. エンジンスターターリモコン

    カーメイトのエンジンスターターでエラー15表示と対処方法 35PV

    夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

    もっと読む

  3. プロステージ

    エクストレイルおすすめエンジンオイルにプロステージSの10W-40を試してみた 25PV

    車にとってエンジンオイルは心臓部であるエンジンを保護するための重要な潤滑剤(潤滑油)です。他にもクーラント液やブレーキフルードなどのオイル関係はありますが、一番シビアな環境にあるエンジンを直接保護する…

    もっと読む

  1. ECUリセット

    ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 39PV

    過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。(メンテナンスしないのはもっと悪いですが…。) その記…

    もっと読む

  2. エンジンスターターリモコン

    カーメイトのエンジンスターターでエラー15表示と対処方法 35PV

    夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

    もっと読む

  3. プロステージ

    エクストレイルおすすめエンジンオイルにプロステージSの10W-40を試してみた 25PV

    車にとってエンジンオイルは心臓部であるエンジンを保護するための重要な潤滑剤(潤滑油)です。他にもクーラント液やブレーキフルードなどのオイル関係はありますが、一番シビアな環境にあるエンジンを直接保護する…

    もっと読む

Googleのサービスにはいろいろなものがあります。GmailをはじめとしてGoogle AdSense(アドセンス)やGoogleタグマネージャーやGoogleアドマネージャーGoogle Analytics(現在はGA4)などなど。それぞれにJavaScriptが使用されています。以前にはGoogle AdSense(アドセンス)のJavaScriptと遅延読み込み方法について以下にて記事にしました。

この記事を読む方へのオススメ

今回はアドマネージャーのJavaScriptを遅延読み込みさせる方法になります。

アドマネージャーのJavaScriptは以下のようになっています。

https://securepubads.g.doubleclick.net/tag/js/gpt.js

上記JavaScriptは本来head内に挿入するコードになっています。ですが、JavaScriptはhead内にての読み込みだとPageSpeed(ページ読み込み速度:スピード)に影響を与えます。PageSpeed InsightsにてURLを貼り付けて測定してみると一目瞭然です。

まずは、JavaScript遅延読み込みの為のコードは以下になります。

<script>
// 一度だけ実行されるようにフラグを設定
var scriptAdded = false;

window.addEventListener('scroll', function() {
  // スクロールが検知されたら実行
  if (!scriptAdded) {
    // 新しい script 要素を作成
    var newScript = document.createElement('script');
    newScript.src = 'https://securepubads.g.doubleclick.net/tag/js/gpt.js';
    newScript.async = true;
    
    // head 要素に追加
    var head = document.head || document.getElementsByTagName('head')[0];
    head.appendChild(newScript);
    
    // スクリプトが追加されたことを記録
    scriptAdded = true;
  }
});
</script>

上記コードを</body>タブ直前に挿入します。挿入後には上記した以下コードをhead内から削除します。

https://securepubads.g.doubleclick.net/tag/js/gpt.js

その後は、アドマネージャーにてのコードをhead内に残しておきます。これだけでアドマネージャーのJavaScriptの遅延読み込みは完了です。スクロールした際に発動するようになっています。

もう一点として、アドマネージャーのコード内に以下のようになっている箇所があります。

<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>←このJavaScriptは上記したコードにて遅延読み込み。
<script> window.googletag = window.googletag || {cmd: []}; 
    googletag.cmd.push(function() { 
        googletag.defineSlot('/✕✕✕✕✕✕✕✕✕✕✕/AdManagerの広告枠ID-✕✕✕✕✕✕✕✕/◯◯◯◯_◯◯◯◯', [[300, 250], [336, 280]], 'div-gpt-ad-✕✕✕✕✕✕✕✕✕✕✕-✕').addService(googletag.pubads());
        googletag.pubads().enableSingleRequest();←このコードを変更。
        googletag.enableServices(); 
    }); 
</script>

上記コード内の赤色部分のRequestを以下のように変更します。LazyLoad

googletag.pubads().enableLazyLoad();

googletag.pubads().enableSingleRequest();のRequest部分のみをLazyLoadに変更します。1行全体でみると以下のようになります。

googletag.pubads().enableLazyLoad();

この上記2点にてアドマネージャー(AdManager)のJavaScriptの遅延読み込み方法になります。ページ表示速度で悩まれている方はJavaScriptの遅延読み込み方法にて少しでも表示速度の高速化に繋がるといいですね。参考まで。

PageSpeed Insightsは以下になりますので、上記2つを実施した後と前(ビフォアアフター)を比較してみてください。

あなたにおすすめ


Multiplex 広告

あなたが訪問してから

0 秒経過 🎉

入学入社まであと…入学入社祝いはどんなPresent(プレゼント)でどのように過ごされますか?

ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。

ブログサービスが始まってから:


カウントダウンタイマー

おすすめの記事一部広告

Total170


アドセンス336pxPC閲覧記事下表示1つ目コード

目次に戻る

よろしかったらシェアよろしくお願いします。

-AdSense, WordPress, カスタマイズ, カスタマイズ, 伝えたいこと, 備忘録

目次に戻る

目次に戻る


コメントを表示(0)

コメントを書く

メールアドレスが公開されることはありません。 が付いている欄は必須項目です


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

新着コメント