Googleのサービスを利用されている方々は多いと思います。さまざまサービスがありますが、今回はグーグルアドセンス(Google AdSense)の新しいコードの遅延読み込みコードの2種類の方法についてです。サイト表示のスピードによっては、Java Scriptが読み込みに邪魔?をしてしまいます。しかし、アドセンス(AdSense)に関わらず他にもJava Scriptは必要不可欠なプログラミング言語となっています。Java Scriptを用いることでさまざまなことを実装することがきでます。ただ、問題なのはサイトの表示速度が一旦そのJava Scriptがページ内のどこの部分に配置されているのかや、非同期にしてあるのか同期なのか遅延読み込みなのかなどでサイトの表示速度が変わってきてしまいます。Java Scriptを使用している数にもよりますがGoogle AdSense(グーグルアドセンス)のJava Scriptはかなりのサイト表示に遅延をもたらしてしまいます。
AdSense WordPress カスタマイズ 伝えたいこと 備忘録
AdSense(アドセンス)新コードの遅延読み込み2つの方法
2025年6月23日 (月曜日)本日の人気記事トップ10
- キッチンシンク下がドブ臭い下水臭い原因と解決方法4
- エクストレイルT32おすすめエアコンフィルター交換方法2
- エクストレイルT32で電動レカロをバッ直でなく車に取り付ける方法2
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法2
- 帯状疱疹かと思ったけれど蕁麻疹で治らない時にデルマクリン軟膏とアンテベート軟膏2
- アイドリングストップシステム異常警告灯表示対処方法2
- カーメイトのエンジンスターターでエラー15表示と対処方法2
- 車のキーナンバー確認方法。キーレス紛失や壊れた時2
- スロットルポジションセンサー調整で不安定なアイドリング調整1
- ノートPCファンの異音でLIFEBOOKAH77/E分解1
所要時間目安: 約 8 分
今日は2025年6月23日です。
この記事は2021年10月6日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年6月23日 (月曜日)↓における週間月間人気記事トップ3は?↓
- 本日
- 週間
- 月間
-
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 8PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
-
マウスの左クリックや右クリックが効かないのでマウス分解して直す方法 4PV
マウスは今やパソコンなどにはなくてはならない入力装置です。入力機器。昔のキーボードのみでの操作には戻れませんね。そこで長年使ってきたマウスの右クリックではなく左クリックが効かなかったりジャダー(チャタ…
-
意外と知られていないのが、キッチンシンクからいつもと違う臭いや異臭や下水臭い強烈な匂いが出てくることがあります。いくらシンク内をカビキラーやキッチンハイターなどの塩素系漂白剤などできれいにしても・・・…
-
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
-
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 31PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
-
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 17PV
過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。(メンテナンスしないのはもっと悪いですが…。) その記…
-
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
-
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 31PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
-
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 17PV
過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。(メンテナンスしないのはもっと悪いですが…。) その記…
グーグルアドセンス(Google AdSense)のJava Script遅延読み込み方法の2つの方法です。
いくつかのサイトにて、おおむね同じようなコードが記載されています。当たり前ですが、どれもlazy loadを用いたものになっています。
2021年7月19日にグーグルアドセンス(Google AdSense)の広告コードが新しくなりました。
具体的には以下のように異なっています。
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
↓
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-◯◯◯◯◯◯◯◯◯◯" crossorigin="anonymous"></script>
このこれまでの
https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
だけではなく、
https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-◯◯◯◯◯◯◯◯" crossorigin="anonymous"
というように末尾に、
?client=ca-pub-◯◯◯◯◯◯◯◯" crossorigin="anonymous"
と追記されました。
このことにより、通常でもこれまでよりは早くはなったものやはりページ表示速度に関してはページスピードインサイトで分析してみても、Java Scriptが邪魔をして遅くなっていますみたいなアドバイスが表示されます。
数年前より、この遅くなってしまうグーグルアドセンス(Google AdSense)のJava Scriptの遅延読み込みコードの方法が紹介されています。
多くはインドの以下サイトのコードを</body>直前に挿入すつ方法がひとつです。
//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';
var sc = document.getElementsByTagName('script')[0];
sc.parentNode.insertBefore(ad, sc);
})();
lazyloadads = true;
}
}, true)
上記コードにても今の所表示されます。
しかし、新コードになりより高速になったので上記コードを少しだけ追記編集することにより実現可能になります。
上記のコードのオプション部分のcrossorigin = 'anonymous';とご自身の?client=ca-pub-◯◯◯◯◯◯◯◯の部分のca-pub-以降の数字もデフォルトで追記されました。
上記のアドセンスの新コードによる遅延読み込みコードの方法ですと、以下のようになります。
方法1アドセンス新コード対応遅延読み込みコードスクリプト
//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.crossorigin = 'anonymous';
ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-◯◯◯◯◯◯◯◯◯';
var sc = document.getElementsByTagName('script')[0];
sc.parentNode.insertBefore(ad, sc);
})();
lazyloadads = true;
}
}, true)
上記の赤い部分を新コードに対応させるべく記入位置と記入内容を上記のようにします。
※pub-以降の◯◯◯◯◯◯◯部分はご自身の数字に置き換えてください。
そして、themeの</body>直前に挿入します。
あとは、サイト内の<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-◯◯◯◯◯◯◯◯" crossorigin="anonymous"></script>をすべて削除します。
1つでも残っていますと、表示はされますが、ページ表示速度が著しく低下もしくは低評価になってしまうことです。
なので、サイト内のグーグルアドセンス(Google AdSense)のそれぞれの広告コードの、
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-◯◯◯◯◯◯◯◯" crossorigin="anonymous"></script>
をすべて削除します。
次にアドセンス新コードの遅延読み込みコードの方法2です。
多くのサイトで上記方法1の遅延読み込みコードと以下の遅延読み込みコードの方法が記載されています。
<script>
(function(window, document) {
function main() {
// GoogleAdSense読込み
var ad = document.createElement('script');
ad.type = 'text/javascript';
ad.async = true;
ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
var sc = document.getElementsByTagName('script')[0];
sc.parentNode.insertBefore(ad, sc);
}
//遅延読込み
var lazyLoad = false;
function onLazyLoad() {
if (lazyLoad === false) {
// 複数呼び出し回避 + イベント解除
lazyLoad = true;
window.removeEventListener('scroll', onLazyLoad);
window.removeEventListener('mousemove', onLazyLoad);
window.removeEventListener('mousedown', onLazyLoad);
window.removeEventListener('touchstart', onLazyLoad);
window.removeEventListener('keydown', onLazyLoad);
main();
}
}
window.addEventListener('scroll', onLazyLoad);
window.addEventListener('mousemove', onLazyLoad);
window.addEventListener('mousedown', onLazyLoad);
window.addEventListener('touchstart', onLazyLoad);
window.addEventListener('keydown', onLazyLoad);
window.addEventListener('load', function() {
// ドキュメント途中(更新時 or ページ内リンク)
if (window.pageYOffset) {
onLazyLoad();
}
//何もアクションがないときは指定秒数後に読み込み開始(ミリ秒)
window.setTimeout(onLazyLoad,3000)
});
})(window, document);
</script>
方法1、方法2のどちらも内容としては、サイトが表示されただけでは読み込みませんよ。マウススクロールやマウスを動かした後や画面にタッチしたなどのユーザの行為の後にアドセンスのJava Scriptコードを読み込みますよ。
という内容の意味になります。
これだけでも問題はないのですが、それだとアドセンスのJava Scriptが読み込まれないので何も起こりません。
それでも良いのですが、赤い部分を追加することにより表示3秒後に強制的にJava Scriptを読み込みますよいう意味内容のコードを追記しています。
この方法2の場合でも古いアドセンスコードであれば問題はないのですが、上記のように新しいアドセンスの新コードには、
?client=ca-pub-◯◯◯◯◯◯◯◯" crossorigin="anonymous"></script>
が追加されています。
よってこちらの新コードを正確に遅延読み込みさせるには、これまでになかった上記コード部分を追記する必要があります。
追記した遅延読み込みコードが以下のようになります。
<script>
(function(window, document) {
function main() {
// GoogleAdSense読込み
var ad = document.createElement('script');
ad.type = 'text/javascript';
ad.async = true;
ad.crossorigin = 'anonymous';
ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-◯◯◯◯◯◯◯◯◯◯';
var sc = document.getElementsByTagName('script')[0];
sc.parentNode.insertBefore(ad, sc);
}
// 遅延読込み
var lazyLoad = false;
function onLazyLoad() {
if (lazyLoad === false) {
// 複数呼び出し回避 + イベント解除
lazyLoad = true;
window.removeEventListener('scroll', onLazyLoad);
window.removeEventListener('mousemove', onLazyLoad);
window.removeEventListener('mousedown', onLazyLoad);
window.removeEventListener('touchstart', onLazyLoad);
window.removeEventListener('keydown', onLazyLoad);
main();
}
}
window.addEventListener('scroll', onLazyLoad);
window.addEventListener('mousemove', onLazyLoad);
window.addEventListener('mousedown', onLazyLoad);
window.addEventListener('touchstart', onLazyLoad);
window.addEventListener('keydown', onLazyLoad);
window.addEventListener('load', function() {
// ドキュメント途中(更新時 or ページ内リンク)
if (window.pageYOffset) {
onLazyLoad();
}
//何もアクションがないときは指定秒数後に読み込み開始(ミリ秒)
window.setTimeout(onLazyLoad,3000)
});
})(window, document);
</script>
以上、アドセンスの新コードの遅延読み込みにするには" crossorigin="anonymous"と?client=ca-pub-◯◯◯◯◯◯◯◯"に2つをどこにどのように追記すれば良いのかわからない時は、
上記コードのように赤い部分に新たに加わったアドセンスの新コード2つを追加することにより、遅延読み込みコードを実現することができるようになります。
何度かページスピードインサイト(PageSpeedInsight)にて、分析(測定)してみた結果、ある程度のバラツキはあるものの当サイトでは2倍以上の評価になりました。過去最高値でした。
以下参照です。
PCの場合ですと以下のような結果になりました。
あとは、少しでも早くするために以下コード(DNSプリフェッチ)をhead内に追記すると少しは効果があるかもしれません。
直接header.phpに記載する場合は以下になります。
<link rel='dns-prefetch' href='//ajax.googleapis.com'/>
<link rel='dns-prefetch' href='//lh3.googleusercontent.com'/>
<link rel='dns-prefetch' href='//pagead2.googlesyndication.com'/>
<link rel='dns-prefetch' href='//googleads.g.doubleclick.net'/>
<link rel='dns-prefetch' href='//adservice.google.co.jp'/>
<link rel='dns-prefetch' href='//adservice.google.com'/>
function.phpに以下コードを追記すると、自動的にhead内に追加されます。
//DNSプリフェッチ
function add_resource_hints( $hints, $relation_type ) {
if( is_single() ){
if ( 'dns-prefetch' === $relation_type ) {
$hints[] = '//lh3.googleusercontent.com';
$hints[] = '//pagead2.googlesyndication.com';
$hints[] = '//adservice.google.co.jp';
$hints[] = '//adservice.google.com';
$hints[] = '//googleads.g.doubleclick.net';
}
}
return $hints;
}
add_filter( 'wp_resource_hints', 'add_resource_hints', 10, 2 );
参考サイト)
人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」
あなたにおすすめ
北関東オススメ温泉。鬼怒川・川治温泉らんりょう
※すみませんm(__)m 温泉地名を間違えていました。 河内温泉→川治温泉です。 栃木鬼怒川温泉・川治温泉で有名な100%かけ流し温泉らんりょうです。 ★鬼怒川温泉川治温泉らんり...
WordPressアバタープラグイン使わない設定方法
WordPressにおいてデフォルトだとミステリーパーソンになっていると思います。そこで、プラグインを使用しての自分のアバターを設定する方法もありますが、私はプラグインをあまり使用したくないのでfun...
カーメイトのエンジンスターターでエラー15表示と対処方法
夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか...
プラーバシーポリシー
プライバシーポリシー 当サイトに掲載されている広告について当サイトでは、第三者配信の広告サービス(Googleアドセンス、A8.net、Amazonアソシエイト、バリューコマース、)を利用し...
マイナカード更新ラッシュ元年電子証明書更新手続きが必要に
マイナンバーカードとマイナンバーの違いはもう既にご存じの方もいらっしゃると思われます。マイナンバーカード(マイナカード)の更新が必要な方が2025年は多いのではないでしょうか。マイナンバーカード事業が...
Multiplex 広告

あなたが訪問してから
⏰ 0 秒経過 🎉入学入社まであと…入学入社祝いはどんなPresent(プレゼント)でどのように過ごされますか?
ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ10
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 21件の PV
車のキーナンバー確認方法。キーレス紛失や壊れた時 18件の PV
ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 11件の PV
エンジンオイル漏れ止めのおすすめはPlus91評価レ PV 10件の PV
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 7件の PV
エクストレイルリアワイパー交換方法と純正部品番号 7件の PV
カーメイトのエンジンスターターでエラー15表示と対処方法 7件の PV
キッチンシンク下がドブ臭い下水臭い原因と解決方法 7件の PV
TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号) 5件の PV
帯状疱疹かと思ったけれど蕁麻疹で治らない時にデルマクリン軟膏とアンテベート軟膏 5件の PV
おすすめの記事一部広告
- エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ92
- ECUをリセットする方法。アイドリング不安定だったのでしょうがなく88
- 車のキーナンバー確認方法。キーレス紛失や壊れた時82
- カーメイトのエンジンスターターでエラー15表示と対処方法48
- キッチンシンク下がドブ臭い下水臭い原因と解決方法44
- ステアリング交換とステアリングスイッチの増設と外し方後期型仕様に42
- ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法39
- アイドリングストップシステム異常警告灯表示対処方法35
- エンジンオイル漏れ止めのおすすめはPlus91評価レ PV32
- エアバック(タカタ製?)交換方法と後期型仕様に26
アドセンス336pxPC閲覧記事下表示1つ目コード
よろしかったらシェアよろしくお願いします。
-AdSense, WordPress, カスタマイズ, 伝えたいこと, 備忘録
Opt-out complete; your visits to this website will not be recorded by the Web Analytics tool. Note that if you clear your cookies, delete the opt-out cookie, or if you change computers or Web browsers, you will need to perform the opt-out procedure again.
You may choose to prevent this website from aggregating and analyzing the actions you take here. Doing so will protect your privacy, but will also prevent the owner from learning from your actions and creating a better experience for you and other users.
The tracking opt-out feature requires cookies to be enabled.
This site is protected by reCAPTCHA and the GooglePrivacy PolicyandTerms of Serviceapply.
このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。
新着コメント