広告スクリプトを静的に読み込む

概要

この監査では、広告スクリプトがページに挿入されているかどうかを確認します。 ページ上の他のリソースにより、挿入されたファイルの取得と読み込みが遅延する可能性がある 変更すると広告の読み込みが遅れます。場合によっては スクリプトがまったく取得されず、広告をすべて読み込めない 説明します。

推奨事項

非同期スクリプトタグを使用してスクリプトを読み込むと、処理速度が向上します。ブラウザのプリロード スキャナ レンダリング ブロック リソースがブロックされていても、スクリプトタグを早期に取得できる 自動的にスケールします。

誤 
<script>
  var el = document.createElement('script');
  el.src = 'https://securepubads.g.doubleclick.net/tag/js/gpt.js';
  var node = document.getElementsByTagName('script')[0];
  node.parentNode.insertBefore(el, node);
</script>
正 
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>

挿入された広告スクリプトのソースを特定する

広告スクリプトがページにどのように挿入されているか、 注入される可能性もありますたとえば、ソースを調べるときに 挿入されたスクリプトタグが表示されることがあります 静的に読み込まれたタグと区別が付きません。

このような場合は、Chrome DevTools の [Network] タブを使用してソースを確認します。 挿入された広告スクリプトが含まれます

  1. Control+Shift+J または Command+Option+J（Mac）を押して DevTools を開きます。
  2. [ネットワーク] タブに移動します。
  3. まだ表示されていない場合は、[フィルタ] をクリックします。 フィルタ アイコン: フィルタバーを開き、 この監査でフラグが付けられたスクリプトの名前をテキスト ボックスに入力します。
  4. まだ表示されていない場合は、テーブル ヘッダーを右クリックして [ イニシエータ: ネットワーク リクエストにイニシエータ列を含めます。 ウォーターフォールテーブル
  5. ページを再読み込みして、ネットワーク トラフィックを取得します。

Chrome DevTools の [Network] タブのスクリーンショット

上のスクリーンショットに示すように、[Initiator（開始者）] 列には 該当するスクリプトのソースに関する情報を入力します。ソースリンクをクリックすると 広告リクエストを発行するコードに直接移動できます。 ソースリンクにカーソルを合わせると、リクエストに至るまでのすべての呼び出しが表示されます。

詳細

この監査は、安全性が確認されている広告スクリプトの許可リストに基づいて行われます。 静的に読み込みます現在のリストは次のとおりです。

ライブラリ スクリプト
AdSense pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
Amazon パブリッシャー サービス amazon-adsystem.com/aax2/apstag.js
Criteo 直接ビッダー static.criteo.net/js/*/publishertag.js
Google パブリッシャー タグ

googletagservices.com/tag/js/gpt.js

securepubads.g.doubleclick.net/tag/js/gpt.js
Index Exchange js-sec.indexww.com/ht/p/*.js

document.write() に対する介入
スクリプト挿入の「非同期スクリプト」有害とみなした
非同期スニペットの高速化