Google パブリッシャー タグ（GPT）ライブラリのウェブサイトへの統合は、他の第三者スクリプトの統合と多くの点で同じです。ただし、サイトのパフォーマンスへの影響を最小限に抑えながら広告スペースを最大限に活用するには、GPT を使用するにあたって考慮すべき点がいくつかあります。結局のところ、高速広告は重要です。
以下では、独自の統合に取り組む際のベスト プラクティスについて説明します。
公式のソースから GPT を読み込む
必ず公式の提供元の GPT ライブラリをリクエストします。
| 統合タイプ | URL |
|---|---|
| 標準 | https://securepubads.g.doubleclick.net/tag/js/gpt.js |
| 制限付き広告 | https://pagead2.googlesyndication.com/tag/js/gpt.js |
gpt.js、pubads_impl.js、独自のサーバーから読み込んだり、非公式のソースから読み込んだりするライブラリのバージョンは、配信しないでください。
新しいバージョンのブラウザやオペレーティング システムでは、ローカルにキャッシュされたバージョンの GPT を使用しても、新機能や改善が適用されていない場合があります。古いバージョンの GPT ライブラリは、いつでも廃止される可能性があります。また、タグへの広告配信が停止すると、広告収入の損失につながる可能性があります。
これは Service Worker についても同様です。Service Worker を使用して、サイトからの 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 ライブラリが広告をリクエストします。
GPT を静的に読み込む
GPT ライブラリをページに動的に挿入したり、外部スクリプトから読み込んだりしないでください。代わりに、Google パブリッシャー タグを使ってみるの説明に沿って、ページの <head> でライブラリを静的に読み込みます。これにより、他のリソースによって GPT ライブラリの取得と読み込みが遅延し、広告の読み込みが遅延するのを防ぐことができます。
詳しくは、Lighthouse によるパブリッシャー広告監査の広告スクリプトを静的に読み込む監査に関するドキュメントをご覧ください。
GPT を非同期で読み込む
Google パブリッシャー タグを使ってみるの説明のとおり、スクリプトタグの定義に async キーワードを含めます。これにより、スクリプトの読み込みが完了するまで実行をブロックするのではなく、他のリソースやページ コンテンツとともに GPT ライブラリを読み込むようブラウザに指示します。
詳しくは、広告タグの非同期読み込みに関する Lighthouse のパブリッシャー広告監査の監査に関するドキュメントをご覧ください。
GPT を安全に読み込む
GPT ライブラリは、常に HTTPS 経由で読み込みます（Google パブリッシャー タグ スタートガイドを参照）。これにより、ユーザーのセキュリティが向上するだけでなく、パフォーマンスも向上します。GPT から発行される広告リクエストは常に HTTPS を使用するため、ライブラリ自体を HTTPS 経由で読み込むと、広告配信に関連するすべてのリクエストに対して、ブラウザで 1 つの接続を開くだけで済みます。
詳しくは、Lighthouse によるパブリッシャー広告監査の HTTPS 経由で広告タグを読み込む方法および推奨されるホストから GPT を読み込むための監査ドキュメントをご確認ください。
ページのパフォーマンスを高める方法を実践する
このガイドでは GPT の統合の最適化に重点を置いたおすすめの方法を紹介しますが、ページの全体的なパフォーマンスは他の多くの要因にも影響します。サイトに変更を加える場合（特に、このガイドで紹介しているような広範な推奨事項に基づくもの）、その変更がページのパフォーマンスのあらゆる側面に及ぼす影響を評価することが重要です。Lighthouse や Lighthouse によるパブリッシャー広告監査などのツールを定期的に実行して、パフォーマンスの問題を特定して解消し、サイトに最適なバランスで最適化することをおすすめします。