Google パブリッシャー タグ（GPT）ライブラリをウェブサイトに統合する方法は、他のサードパーティ スクリプトを統合する方法と多くの点で同じです。ただし、サイト パフォーマンスへの影響を最小限に抑えながら広告スペースを最大限に活用するには、GPT の使用に関するいくつかの固有の側面を考慮する必要があります。結局のところ、高速な広告が重要なのです。
以降のセクションでは、統合に取り組む際に使用するベスト プラクティスについて説明します。
公式ソースから GPT を読み込む
最新の機能とプライバシー保護機能を利用できるようにするには、次の表に記載されている URL のいずれかを使用して、常に公式ソースから GPT ライブラリをリクエストしてください。使用する URL は、制限付き広告（LTD）モードを手動で有効にするかどうかによって異なります。
| 統合タイプ | スクリプトタグ |
|---|---|
| 標準 IAB ヨーロッパの TCF と統合されているパブリッシャーを含みます。 |
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
| 制限付き広告の手動設定 制限付き広告（LTD）を手動で有効にする場合。 |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
制限付き広告（LTD）モードでは、GPT はクライアントサイドのストレージ（Cookie やローカル識別子など）にアクセスせずに広告を配信できます。制限付き広告は、次のいずれかの方法で有効にできます。
標準（自動）: 同意管理プロバイダ（CMP）が、通常は IAB TCF v2.0 シグナルを使用して、ユーザーがストレージ アクセスに同意していないことを GPT に通知します。Google 認定の CMP を使用してユーザーの同意を管理している場合、GPT はユーザーの設定に基づいて自動的に制限付き広告モードに切り替わります。
- URL: 標準 URL（doubleclick.net）から GPT を読み込みます。
- 手動での操作は不要: CMP を使用している場合、シグナルはライブラリによって自動的に処理されるため、
setPrivacySettings({limitedAds: true})を手動で呼び出す必要はありません。
手動: GPT API を明示的に呼び出して、制限付き広告をリクエストします。
- URL:
googletag.pubads().setPrivacySettings({limitedAds: true})API を使用して制限付き広告を手動で有効にする場合は、制限付き広告 URLgooglesyndication.comから GPT を読み込む必要があります。 - 理由:
googlesyndication.comドメインから GPT を読み込むと、デフォルトでクライアントサイド ストレージへのアクセスに対する追加の保護対策が有効になります。 - 設定ミスによる影響: GPT が標準の URL から読み込まれ、手動 API が呼び出された場合、制限付き広告を有効にするリクエストは無視され、パブリッシャー コンソールに警告が記録されます。
- URL:
GPT のキャッシュ バージョンを配信しない
gpt.js、pubads_impl.js、またはこれらが読み込むライブラリのバージョンを、独自のサーバーから配信したり、非公式の提供元から読み込んだりしないでください。
ローカル キャッシュ版の GPT ライブラリの使用は、新しいバージョンのブラウザやオペレーティング システムでは動作しない場合があります。また、新機能や改善が更新されない場合があります。古いバージョンの GPT ライブラリはいつでも動作を停止する可能性があり、タグへの広告配信が停止すると広告収益の損失につながることがあります。
これは、サービス ワーカーにも適用されます。サービス ワーカーを使用してサイトからの HTTP リクエストに対するレスポンスをキャッシュに保存したり変更したりする場合は、gpt.js のリクエストを処理する際にネットワークのみの戦略を使用して、最新バージョンを取得します。
GPT を早めに読み込む
GPT ライブラリ（gpt.js）には、広告の読み込みに必要なコードのほんの一部しか含まれていません。そのコードの大部分は、gpt.js によって必要に応じて読み込まれる個別のファイル（pubads_impl_XX.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">
fetchpriority を使用してスクリプトの読み込みの優先順位を設定する
fetchpriority 属性を使用すると、GPT リソースのフェッチの相対的な優先度をブラウザに通知できます。デフォルトでは、gpt.js は fetchpriority="high" を使用してコア実装スクリプト（pubads_impl.js）と Google のプライバシーとメッセージングのスクリプトを自動的にリクエストし、ネットワーク スケジューリングを最適化して広告の読み込み遅延を短縮します。優先度を上げると、ページの他のリソースの読み込みやCore Web Vitalsに影響する可能性があります。fetchpriority を高に設定した場合のレイテンシの影響を最大化するには、gpt.js で直接設定することをおすすめします。
gpt.js ローダー スクリプト自体の取得を優先する（または pubads_impl.js と Google のプライバシーとメッセージのスクリプトの継承された優先度を設定する）には、fetchpriority 属性を gpt.js <script> タグに直接追加します。
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" fetchpriority="high"></script>
gpt.js ローダー <script> タグで fetchpriority 属性を指定すると、動的に挿入される実装スクリプトと Google プライバシーとメッセージ スクリプトは、指定された fetchpriority 値（"high"、"low"、"auto" など）を自動的に継承します。
事前レンダリングされたページで GPT を使用する
事前レンダリングは、ユーザーがまだリクエストしていないが、アクセスする可能性が高いページを先読みしてレンダリングするようブラウザに指示します。プリレンダリングされたページに読み込まれた場合、GPT ライブラリは、ページが表示されたときにのみ広告をリクエストします。
GPT を静的に読み込む
GPT ライブラリをページに動的に挿入したり、外部スクリプトから読み込んだりしないでください。代わりに、Google パブリッシャー タグのスタートガイドで説明されているように、ページの <head> でライブラリを静的に読み込みます。これにより、他のリソースが GPT ライブラリの取得と読み込みを遅らせることがなくなり、広告の読み込みが遅れることもなくなります。
詳しくは、Lighthouse によるパブリッシャー広告監査の広告スクリプトを静的に読み込む監査のドキュメントをご覧ください。
GPT を非同期で読み込む
Google パブリッシャー タグを使ってみるで説明されているように、スクリプトタグの定義に async キーワードを含めます。これにより、ブラウザはスクリプトの読み込みが完了するまで実行をブロックするのではなく、他のリソースやページ コンテンツと並行して GPT ライブラリを読み込むようになります。
詳しくは、Lighthouse によるパブリッシャー広告監査の広告タグを非同期で読み込む監査のドキュメントをご覧ください。
GPT を安全に読み込む
Google パブリッシャー タグを使ってみるで説明されているように、常に HTTPS 経由で GPT ライブラリを読み込みます。これにより、ユーザーのセキュリティだけでなく、掲載結果も向上します。Google パブリッシャー タグ（GPT）により発行される広告リクエストでは、常に HTTPS が使用されます。したがって、HTTPS を使用してライブラリ自体を読み込むようにすると、ブラウザでは広告配信に関連するすべてのリクエストに対して接続を 1 回開くだけで済むようになります。
詳しくは、Lighthouse によるパブリッシャー広告監査の HTTPS 経由で広告タグを読み込むと推奨ホストから GPT を読み込むの監査に関するドキュメントをご覧ください。
ページのパフォーマンスを改善する
このガイドのベスト プラクティスは、GPT インテグレーションの最適化に特に重点を置いていますが、ページの全体的なパフォーマンスには他の多くの要因も影響します。サイトに変更を加える場合（特にこのガイドのような広範な推奨事項に基づく変更の場合）、ページのパフォーマンスのあらゆる側面に対する変更の影響を評価することが重要です。Lighthouse や Lighthouse のパブリッシャー広告監査などのツールを定期的に実行して、パフォーマンスの問題を特定して対処し、サイトの最適化の適切なバランスを見つけることをおすすめします。