Google パブリッシャー タグ（GPT）ライブラリをウェブサイトに統合する は多くの点で、他のサードパーティ スクリプトを統合する場合とほぼ同じです。ただし、 GPT の処理には、固有の側面があります。 ユーザーへの影響を最小限に抑えながら サイトのパフォーマンス結局のところ、高速な広告は重要です。
以降のセクションでは、 統合されています
公式ソースから GPT を読み込む
必ず公式ソースから GPT ライブラリをリクエストします。
| 統合タイプ | スクリプトタグ |
|---|---|
| 標準 これには IAB ヨーロッパの TCF。 |
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
| 制限付き広告 手動で有効にしたい 制限付き広告。 |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
制限付き広告の URL は、手動で有効にする予定のサイトでのみ使用してください 制限付き広告。制限付き広告から GPT をリクエストする この機能を使用していないときに URL を入力すると、ブラウザで 追加の不要なネットワーク接続により、広告の読み込みが遅くなることがあります。
パブリッシャーの規制遵守のニーズをサポートするために、GPT は
crossorigin="anonymous" を使用して標準の URL から読み込む
属性を使用して、スクリプト リクエストで Cookie が送信されないようにします。
キャッシュされたバージョンの GPT を配信しない
gpt.js、pubads_impl.js、またはそれらが読み込むライブラリのバージョンを提供しない
自分のサーバーから読み込むか、非公式のソースから読み込むかです。
ローカルのキャッシュに保存されたバージョンの GPT ライブラリを使用すると、 常に新しいバージョンのブラウザやオペレーティング システムで動作します。ただし、 新機能や改善されたアップデートが反映されています。以前のバージョンの GPT ライブラリは随時動作を停止する可能性があり、 タグへの広告配信が停止した場合の広告収入の損失
これは Service Worker にも適用されます。サービス アカウントを
サイトから送信された HTTP リクエストに対するレスポンスをキャッシュに保存したり変更したりするには、
次のネットワークのみの戦略: gpt.js に対するリクエストを処理する場合
取得するために必要です。
GPT を早期に読み込む
GPT ライブラリ（gpt.js）に含まれているのは
広告の読み込みに必要なコードコードの大部分は
個別のファイル（pubads_impl_XX.js など）は、gpt.js によって
必要ありません。
コア GPT ライブラリを早期に読み込むことで、これらの依存するスクリプトが より早く読み込むこともできますこれにより、ネットワーク インフラストラクチャに関連する スクリプト（キャッシュされていない場合）を取得して 広告をより読み込むことができます 迅速にデプロイできます。こうしたすべてが 最初の広告指標のレンダリングにかかった時間という指標が増え、 広告の視認性を向上できます
必要に応じてプリロードを使用する
GPT のタイミングや方法をご自身で直接管理できない場合があります。
読み込まれます。たとえば 第三者広告スクリプトを
使用していて
自動的に作成します。そのような場合は、
gpt.js のリクエストをプリロードします。リクエストをプリロードすると、
ブラウザにとって重要であり、
ページの読み込み。指定したアセットが JavaScript ファイルの場合、スクリプトは
コンテンツは即座に取得されますが、スクリプトが更新されるまで実行は延期されます。
必要ありません。
標準統合のプリロード リクエストの例
<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
制限付き広告の統合のプリロード リクエストの例
<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">
事前レンダリングされたページで GPT を使用する
事前レンダリングでは、ブラウザに対してリソースのダウンロードとダウンロードを ユーザーがまだリクエストしていないもののアクセスする可能性が高いページを表示します。日時 事前レンダリングされたページで読み込まれると、GPT ライブラリは 広告を表示します。
GPT を静的に読み込む
GPT ライブラリをページに動的に挿入したり、
外部スクリプトから読み込む場合です代わりに、モジュール内でライブラリを静的に読み込みます。
以下に示すように、ページの <head>
Google パブリッシャー タグを使ってみるこれにより、
GPT のフェッチと読み込みが遅延することを
結果的に広告の読み込みが遅れる可能性があります。
詳しくは、Lighthouse のパブリッシャー広告監査をご覧ください 広告スクリプトを静的に読み込むの監査のドキュメントを確認します。
GPT を非同期で読み込む
次の図に示すように、スクリプトタグの定義に async キーワードを含めます。
Google パブリッシャー タグを使ってみるこれにより、
他のリクエストと並行して GPT ライブラリを
リソースとページ コンテンツを通知して、スクリプトの実行を
読み込みが完了しました。
詳しくは、Lighthouse のパブリッシャー広告監査をご覧ください 広告タグを非同期で読み込むの監査ドキュメントをご覧ください。
GPT を安全に読み込む
下の図に示すように、GPT ライブラリは常に HTTPS 経由で読み込むようにしてください。 Google パブリッシャー タグを使ってみるこれは、 ユーザーのセキュリティが向上し、パフォーマンスも向上します。広告開始後 リクエストは常に HTTPS を使用し、ライブラリが読み込まれる 使用すると、ブラウザは 1 つの接続を開くだけで済みます。 広告配信に関連する すべてのリクエストを確認できます
詳しくは、Lighthouse のパブリッシャー広告監査をご覧ください 広告タグを HTTPS で読み込む 推奨ホストから GPT を読み込む 監査ドキュメントを作成します。
優れたページ パフォーマンスを実践する
このガイドで紹介するベスト プラクティスは、特に GPT の統合に加え、他にも多くの要因が パフォーマンスが向上しますサイト（特に 広範な推奨事項に基づいているため、 これらの変更がページのあらゆる側面に及ぼす影響を 向上します次のようなツールを定期的に実行することをおすすめします。 Lighthouse と Lighthouse によるパブリッシャー広告監査による特定と対処 サイトに最適な最適化のバランスを見極めることができます。