現在の接続環境は
です

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

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

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

所要時間目安:2

This session is using  IPv4  is established in

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

目次に行く・戻る

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

  • 本日
  • 週間
  • 月間
  1. 新型デイズステアリングエクストレイルT32に取り付け夜間点灯

    新型デイズプロパイロットのステアリングをエクストレイルT32に取り付ける 9PV

    新型デイズB44W(B40系)が今年2019年3月28日に公表されて、3月29日新発売されてから早いもので約3ヶ月半が過ぎました。中古で良いのでオークションなどないかなぁと思いながら2週間くらい見てい…

    もっと読む

  2. T32エクストレイルマイナーチェンジ後ステアリング外し方

    エクストレイルT32マイナーチェンジ後ステアリング外し方 4PV

    エクストレイルT32型(NT32も含め)がマイナーチェンジしてから早いもので、もうすぐ2年になります。エンジンなどの大きな変更などはなく、室内の内装デザインや外装のちょっとしたデザイン変化、そして、一…

    もっと読む

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

    Googleのサービスにはいろいろなものがあります。GmailをはじめとしてGoogle AdSense(アドセンス)やGoogleタグマネージャーやGoogleアドマネージャーGoogle Anal…

    もっと読む

  1. カーナビテレビが見れなくなったICカードが正常に動作しませんでした

    ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 27PV

    本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

    もっと読む

  2. T32エクストレイルマイナーチェンジ後ステアリング外し方

    エクストレイルT32マイナーチェンジ後ステアリング外し方 27PV

    エクストレイルT32型(NT32も含め)がマイナーチェンジしてから早いもので、もうすぐ2年になります。エンジンなどの大きな変更などはなく、室内の内装デザインや外装のちょっとしたデザイン変化、そして、一…

    もっと読む

  3. キーレスリモコン破損

    車のキーナンバー確認方法。キーレス紛失や壊れた時 25PV

    初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …

    もっと読む

  1. カーナビテレビが見れなくなったICカードが正常に動作しませんでした

    ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 27PV

    本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

    もっと読む

  2. T32エクストレイルマイナーチェンジ後ステアリング外し方

    エクストレイルT32マイナーチェンジ後ステアリング外し方 27PV

    エクストレイルT32型(NT32も含め)がマイナーチェンジしてから早いもので、もうすぐ2年になります。エンジンなどの大きな変更などはなく、室内の内装デザインや外装のちょっとしたデザイン変化、そして、一…

    もっと読む

  3. キーレスリモコン破損

    車のキーナンバー確認方法。キーレス紛失や壊れた時 25PV

    初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …

    もっと読む

今日は2025年4月19日です。

メルカリ招待コード:

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つを実施した後と前(ビフォアアフター)を比較してみてください。

Windows10サポート終了まで

【AmazonタイムセールSALE車&バイク】!


人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」

出展:Amazonタイムセール

人気の商品が日替わりで登場。毎日お得なタイムセール

あなたが訪問してから

0 秒経過 🎉

あなたにおすすめな関連記事

ストレートネック枕

Android iPhone スマホ 伝えたいこと 備忘録 治療

ストレートネック症状と原因そして治し方など

昨今、首の骨(頚椎)の正常な彎曲がなくなって7個(C1からC7)の首の骨がその名の通りまっすぐになっているストレートネックが注目されています。 ですが、 このストレートネックは昔からあるもので最近にな…

もっと読む

インフィード広告アドセンス

Windows10ポップアップ通知

PC Windows10 カスタマイズ 伝えたいこと 備忘録

Windows10無償アップグレード期間過ぎてもWindows10にアップグレードする方法

Windows10の無償アップグレード期間が残すところ約1ヶ月となりました。そこで、Windows7やWindows8.1を今のところまだ使用したい。 けれど、今後のことを考えるとWindows10へ…

もっと読む

インフィード広告アドセンス

アクセス数

伝えたいこと 備忘録 時事ネタ

ブログ集客力とアクセス数を増やす方法の記事とは?

誰もが、自分でブログやホームページなどのサイトを作成したのなら誰かに見ていただきたいという気持ちがあると思われます。 そのアクセス数ははじめはほとんどないような状態から徐々に記事やサイト内の充実を図る…

もっと読む

インフィード広告アドセンス

平成になってから何日目10000

伝えたいこと 備忘録 時事ネタ

平成になって何日目?今日でちょうど10000日目記念日!!

今は日本の元号では平成です。昭和から平成になった日が1989年1月8日です。私はまだまだ思春期になる頃か少しだけ手前だった頃のことです。あれからもうなんと10000日が経ったとは…。平成生まれの子達が…

もっと読む

インフィード広告アドセンス

jetpackのCSS内容無効化

WordPress カスタマイズ 備忘録

jetpackの自動出力されるCSSを無効化で出力しないようにする方法

WordPressの有名なプラグインはいくつかあります。そんな中のひとつで多機能(ある意味重い?)なプラグインでjetpackがあります。使っている機能は人それぞれかと思われますが、私はphotonと…

もっと読む

インフィード広告アドセンス

ニトリの椅子ワークチェアデュオレハイDX

伝えたいこと 備忘録 時事ネタ 治療

ニトリの椅子おすすめワークチェアデュオレハイDX

お値段以上にニトリ!!のCMで有名なニトリの椅子を買ってみました。これまでに使用してきたパソコン用のリクライニング機能付きの椅子がもう15年以上使ってきて、座面のヘタリがちょっとだけ気になり始めたから…

もっと読む

AdSense, WordPress, カスタマイズ, カスタマイズ, 伝えたいこと, 備忘録」の人気記事

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

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

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


カウントダウンタイマー

おすすめの記事一部広告

お小遣い稼ぎにアンケート。

Multiplex 広告

Total70


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

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを閉じる

comment

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


This site uses Akismet to reduce spam. Learn how your comment data is processed.