サーバーサイドタグ設定を通して Google のスクリプトを読み込む

この記事は、サーバーサイドタグ設定を導入済みで、Google のスクリプトを自社サーバーから配信したいと考えているデベロッパー向けの内容です。

サーバーサイドタグ設定を使用すると、gtm.js や gtag.js といった Google のスクリプトを、Google のサーバーではなく独自のタグ設定サーバーから直接読み込むことができます。これにより、ファーストパーティのコンテキストを離れることなくデータを提供できます。

始める前に

このガイドは、以下を完了されていることを前提とした内容です。

作業を始めるには、実装オプションを選択してください。

ステップ 1: クライアントを構成する

ウェブコンテナとタグ設定サーバーの間でファーストパーティコンテキストを確立するには、Google のスクリプトが自社サーバーを通して読み込まれるようにする必要があります。

Google のスクリプトをサーバーコンテナ経由で読み込むには、以下を行います。

実装オプションを選択すると、手順が表示されます。

ステップ 2: スクリプトのソースドメインを変更する

デフォルト状態では、タグマネージャーまたは Google タグ（gtag.js）は、依存先リソースを Google 所有のサーバー（www.googletagmanager.com など）から読み込みます。依存先リソースを自社サーバー経由で読み込むには、ウェブサイト上のスクリプトの URL を変更する必要があります。

実装オプションを選択すると、手順が表示されます。

ステップ 3: スクリプトのソースを検証する

下の手順では、Google Chrome を使ったテスト方法を紹介しています。使用ブラウザは任意ですが、手順が異なることがあります。

サーバーコンテナが依存先リソースを読み込んでいるかどうかテストする手順:

ウェブサイトを新しいブラウザタブで開きます。
ブラウザのデベロッパーツールを開きます。Google Chrome の場合、ページ上の任意の場所を右クリックして [検証] を選択します。
デベロッパーツールで、[ソース] タブを開きます。このウィンドウでは、ウェブサイトを開く際に読み込まれた依存先リソースをすべて確認できます。
- ✅ gtm.js が指定したソースから読み込まれていれば、正しく実装できています。
- ❌ [ソース] タブで、gtm.js が www.googletagmanager.com の配下に表示される場合、依存先リソースの読み込み元が Google のサーバーのままです。
- コード内でソース URL を正しく変更できているか確認しましょう（ステップ 2 を参照）。
- 変更後のコードが公開してあるか確認しましょう。

次のステップ

同意モードを使用している場合、タグの地域別動作をセットアップすれば、さらに厳密な制御が可能になります。