外部スクリプト設定

このドキュメントでは、Google Tag Manager（GTM）に GA4 のタグ設定を追加する手順をご説明します。

設定が完了すると、ページ遷移のたびに GA4 へページビューデータが自動で送信されるようになります。

事前に必要なもの

Hiway のワークスペース管理者権限
GTM コンテナの編集権限
GTM のコンテナ ID（GTM- から始まる文字列）
GA4 の計測 ID（G- から始まる文字列）

GA4 計測 ID は、GA4 管理画面 > 「データストリーム」> 対象ストリームを選択すると確認できます。

全体の流れ

Plaintext

Step 1  Hiway に GTM コンテナ ID を登録する 
Step 2  変数を作成する（4つ）
Step 3  トリガーを作成する（1つ）
Step 4  タグを作成する（2つ）
Step 5  動作確認

Step 1 — Hiway に GTM コンテナ ID を登録する

GTM のスクリプトをサイトに読み込ませるために、最初に Hiway 側でコンテナ ID を設定します。

この手順を行わないと、GTM のタグがサイト上で動作しません。

Hiway 管理画面にログインし、以下の URL を開く 外部スクリプト設定
「Google Tag Manager」の項目に、GTM コンテナ ID を入力する（例: GTM-XXXXXXX）
「保存」 をクリック

保存後、サイトのページソースに GTM のスニペットが自動で挿入されます。プレビュー確認時に GTM パネルが表示されればコンテナ ID の登録は成功しています。

Step 2 — 変数を作成する

GTM の「変数」とは、タグやトリガーの中で使い回せる値を定義するものです。

ここでは4つの変数を作成します。

変数の作成手順（共通）

左メニューから 「変数」 を開く
「ユーザー定義変数」セクションの 「新規」 ボタンをクリック
変数名と設定内容を入力する（各変数の詳細は以下を参照）
「保存」 をクリック

変数 1：`CONST - GA4 measurement_id`

GA4 の計測 ID を一元管理するための変数です。

設定項目	値
変数タイプ	定数
値	ご自身の GA4 計測 ID（例: `G-XXXXXXXXXX`）

ここに入力する値は、GA4 管理画面で確認した実際の計測 ID にしてください。

変数 2：`DLV - user_id`

ログイン中のユーザー ID をサイトから受け取るための変数です。

設定項目	値
変数タイプ	データレイヤーの変数
データレイヤー変数名	user_id
データレイヤーのバージョン	バージョン 2
デフォルト値を設定	オフ

変数 3：`DLV - page_path`

ページ遷移のたびにサイトから送られるパス（例: /dashboard）を受け取るための変数です。

設定項目	値
変数タイプ	データレイヤーの変数
データレイヤー変数名	page_path
データレイヤーのバージョン	バージョン 2
デフォルト値を設定	オフ

変数 4：`DLV - page_title`

ページ遷移のたびにサイトから送られるページ名（例: ダッシュボード）を受け取るための変数です。

設定項目	値
変数タイプ	データレイヤーの変数
データレイヤー変数名	page_title
データレイヤーのバージョン	バージョン 2
デフォルト値を設定	オフ

Step 3 — トリガーを作成する

「トリガー」は、タグをどのタイミングで発火させるかの条件を定義するものです。

ここではページビューを検知するトリガーを1つ作成します。

トリガーの作成手順

左メニューから 「トリガー」 を開く
「新規」 ボタンをクリック
以下の内容を設定する
「保存」 をクリック

トリガー 1：`CE - page_view`

サイトからページビューの通知が来たときに発火するトリガーです。

設定項目	値
トリガータイプ	カスタムイベント
イベント名	page_view
このトリガーの発生場所	すべてのカスタムイベント

Step 4 — タグを作成する

「タグ」は、実際に GA4 へデータを送信する処理のことです。

ここでは2つのタグを作成します。必ず記載の順番で作成してください。

タグの作成手順（共通）

左メニューから 「タグ」 を開く
「新規」 ボタンをクリック
タグ名と設定内容を入力する（各タグの詳細は以下を参照）
「保存」 をクリック

タグ 1：`GA4 - Config`

GA4 の基本設定を行うタグです。すべてのページで最初に読み込まれます。

設定項目	値
タグタイプ	Google タグ
タグ ID	{{CONST - GA4 measurement_id}}
タグファイアオプション	1 回のイベントにつき 1 回

「設定」タブ > 設定フィールド に以下を追加する：

フィールド名	値
user_id	{{DLV - user_id}}
send_page_view	false

トリガー（配信トリガー）： All Pages

send_page_view を false にするのは、GTM 側でページビューを制御するためです。この設定がないと GA4 が自動でページビューを送信してしまい、二重計測になることがあります。

タグ 2：`GA4 - page_view`

ページ遷移のたびにページビューを GA4 に送信するタグです。

設定項目	値
タグタイプ	Google アナリティクス: GA4 イベント
計測 ID	{{CONST - GA4 measurement_id}}
イベント名	page_view
eコマースデータを送信	オフ
タグファイアオプション	1 回のイベントにつき 1 回

イベントパラメータ に以下を追加する：

パラメータ名	値
page_path	{{DLV - page_path}}
page_title	{{DLV - page_title}}

トリガー（配信トリガー）： CE - page_view

Step 5 — 動作確認

プレビューで確認する

GTM 管理画面の右上にある 「プレビュー」 ボタンをクリック
対象サイトの URL を入力して 「Connect」 をクリック
サイトが開き、GTM プレビューパネルが表示されることを確認する

GTM プレビューパネルが表示されない場合は、Step 1 の Hiway へのコンテナ ID 登録が完了しているか確認してください。

確認ポイント

ページを開いた直後

[ ] GA4 - Config タグが「Tags Fired」に表示されている

ページ遷移したとき

[ ] GA4 - page_view タグが「Tags Fired」に表示されている
[ ] タグの詳細で page_path、page_title に正しい値が入っている

GA4 DebugView での確認（オプション）

GA4 管理画面 > 「DebugView」 を開くと、リアルタイムでイベントが届いているか確認できます。

page_view イベントが表示されていれば設定は完了です。

設定完了後の公開

確認が取れたら、GTM の 「公開」 ボタンを押して変更を本番に反映してください。

バージョン名は「GA4 タグ設定追加」など、内容がわかる名前をつけておくと管理しやすくなります。

Step 6 — Google Analyticsで探索を作成する

ユーザーIDごとの表示回数/セッション数を確認する

設定 > 手法から「ユーザーエクスプローラ」を選択
行に「有効なユーザーID」が表示されていることを確認
値に「表示回数」「セッション」を追加

よくある質問

Q. GTM プレビューパネルがサイト上に表示されません

A. Hiway の外部スクリプト設定ページ（設定 > 外部スクリプト）でコンテナ ID が正しく保存されているか確認してください。

Q. {{DLV - user_id}} に値が入りません

A. ユーザーがログインしていない状態では空になります。これは正常な動作です。ログイン後に値が入ることを確認してください。

Q. GA4 DebugView にイベントが届きません

A. GTM のプレビューモードが有効な状態でサイトを操作してください。プレビューを切断した状態では DebugView に表示されないことがあります。

Q. page_view イベントが2回届いています

A. GA4 - Config タグの設定フィールドに send_page_view: false が正しく設定されているか確認してください。