Google パブリッシャー タグ(GPT)ライブラリをウェブサイトに統合する方法は、他のサードパーティ スクリプトを統合する方法と多くの点で同じです。ただし、サイトのパフォーマンスへの影響を最小限に抑えながら広告スペースを最大限に活用するには、GPT の使用に関するいくつかの固有の側面を考慮する必要があります。結局のところ、高速な広告が重要です。
以降のセクションでは、統合に取り組む際に使用するベスト プラクティスについて説明します。
Google パブリッシャー タグ(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 のリクエストを処理する際にネットワークのみの戦略を使用して、最新バージョンを取得します。
Google サイト運営者タグ(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">
事前レンダリングされたページで GPT を使用する
プリレンダリングは、ユーザーがまだリクエストしていないが、アクセスする可能性が高いページを先読みしてダウンロードし、レンダリングするようブラウザに指示します。プリレンダリングされたページに読み込まれた場合、GPT ライブラリはページが表示されたときにのみ広告をリクエストします。
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 によるパブリッシャー広告監査などのツールを定期的に実行して、パフォーマンスの問題を特定して対処し、サイトの最適化の適切なバランスを見つけることをおすすめします。