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 は、制限付き広告を手動で有効にするサイトにのみ使用してください。制限付き広告機能を使用していないときに制限付き広告 URL から GPT をリクエストすると、ブラウザで不要なネットワーク接続が追加で開かれ、広告の読み込みが遅くなる可能性があります。
パブリッシャーの規制遵守のニーズをサポートするため、スクリプト リクエストで Cookie が送信されないように、GPT は crossorigin="anonymous" 属性を使用して標準 URL から読み込まれる場合があります。
キャッシュに保存された GPT バージョンを配信しない
gpt.js や pubads_impl.js のバージョン、またはそれらが読み込むライブラリを、独自のサーバーから配信したり、非公式の提供元から読み込んだりしないでください。
ローカルにキャッシュに保存されたバージョンの GPT ライブラリを使用すると、新しいバージョンのブラウザやオペレーティング システムでは機能しない場合があり、新しい機能や改善が更新によって反映されない場合があります。古いバージョンの GPT ライブラリはいつでも動作を停止する可能性があり、タグへの広告配信が停止すると広告収益の損失につながりかねません。
これは、サービス ワーカーにも適用されます。サービス ワーカーを使用して、サイトからの HTTP リクエストへのレスポンスをキャッシュに保存または変更する場合は、gpt.js のリクエストを処理するときにネットワークのみの戦略を使用して、最新バージョンを取得します。
GPT を早期に読み込む
GPT ライブラリ（gpt.js）には、広告の読み込みに必要なコードのごく一部しか含まれていません。そのコードの大部分は、別々のファイル（pubads_impl_XX.js など）に含まれており、必要に応じて gpt.js によって読み込まれます。
コア GPT ライブラリを早めに読み込むことで、これらの依存スクリプトも早めに読み込むことができます。これにより、これらのスクリプトのフェッチに関連する余分なレイテンシ（キャッシュに保存されていない場合）を回避し、広告をより迅速に読み込むことができます。これらのすべてが、最初の広告のレンダリング時間の指標の低下につながり、広告の視認性が向上します。
適切な場合にプリロードを使用する
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 ライブラリは、ページが表示された場合にのみ広告をリクエストします。
Google サイト運営者タグ（GPT）を静的に読み込む
GPT ライブラリをページに動的に挿入したり、外部スクリプトから読み込んだりしないでください。代わりに、Google パブリッシャー タグのスタートガイドに記載されているように、ページの <head> にライブラリを静的に読み込みます。これにより、他のリソースによって GPT ライブラリの取得と読み込みが遅延し、広告の読み込みが遅くなることを防ぐことができます。
詳しくは、Lighthouse によるパブリッシャー広告監査の広告スクリプトを静的に読み込む監査のドキュメントをご覧ください。
Google サイト運営者タグ（GPT）を非同期で読み込む
Google パブリッシャー タグを使ってみるの説明に沿って、スクリプトタグの定義に async キーワードを含めます。これにより、スクリプトの読み込みが完了するまで実行をブロックするのではなく、他のリソースやページ コンテンツと並行して GPT ライブラリを読み込むようにブラウザに指示します。
詳しくは、Lighthouse によるパブリッシャー広告監査の広告タグを非同期で読み込む監査のドキュメントをご覧ください。
GPT を安全に読み込む
Google パブリッシャー タグのスタートガイドに記載されているように、GPT ライブラリは常に HTTPS 経由で読み込むようにしてください。これにより、ユーザーのセキュリティだけでなく、掲載結果も向上します。Google パブリッシャー タグ（GPT）により発行される広告リクエストでは、常に HTTPS が使用されます。したがって、HTTPS を使用してライブラリが読み込まれるようにすると、ブラウザでは広告配信に関連するすべてのリクエストに対して接続を 1 回開くだけで済むようになります。
詳しくは、Lighthouse によるパブリッシャー広告監査のHTTPS 経由で広告タグを読み込むと推奨ホストから GPT を読み込むの監査ドキュメントをご覧ください。
ページのパフォーマンスを改善する
このガイドのベスト プラクティスは GPT 統合の最適化に焦点を当てていますが、ページの全体的なパフォーマンスには、他にも多くの要因が影響します。サイトに変更を加える際（特に、このガイドのような幅広い最適化案に基づく変更を加える際）、ページのパフォーマンスのあらゆる側面に及ぼす影響を評価することが重要です。Lighthouse や Lighthouse によるパブリッシャー広告監査などのツールを定期的に実行してパフォーマンスの問題を特定し、対処し、サイトの最適化のバランスを適切に保つことをおすすめします。