GA4とGTMでサイト内検索キーワードを取得して探索で見る

更新日:

GA4(Google Analytics 4)とGTM(Google Tag Manager)を使用して、サイト内検索フォームに入力されたキーワードを、GA4の探索で確認できるようにする方法をご紹介します。

WordPressなら難しい設定は不要

まず始めに、WordPressの標準のサイト内検索フォームを使用している場合は難しい設定が不要です。なぜなら、URLの末尾に「https://example.com/?s=検索キーワード」のようにクエリ文字列で検索キーワードが付与されるからです。

GA4の探索でディメンションを「ページパス + クエリ文字列」にするとこのように表示されます。ぼやし部分に検索キーワードが入っています。

GA4のページパス + クエリ文字列

クエリ文字列が日本語の場合はURLエンコードされた状態で表示されるため、URLデコードできるサービスなどでデコードして確認します。

GA4とGTMでサイト内検索キーワードを取得して探索で見る手順

ここからはWordPressを使用していない、またはWordPressの標準のサイト内検索フォームを使用しておらず、「ページパス + クエリ文字列」で確認ができない場合の確認方法をPCホスピタルの症状・お困りごと検索機能を例にご説明します。

  1. 検索が実行された時に、GTMのdataLayerに検索キーワードをpushしてGTMに送信する
  2. GTMでユーザー定義変数を作成する
  3. GTMでタグを作成する
  4. GTMでトリガーを作成する
  5. GA4でカスタムディメンションを作成する
  6. GA4の探索でディメンションと指標を設定する

検索が実行された時に、GTMのdataLayerに検索キーワードをpushしてGTMに送信する

検索するボタンが押された時に、下記コードが実行されるようにします。

dataLayer.push({
    'event': 'troubleSearch',
    'troubleSearchKeyword': inputKeyword
});

eventの値にはイベント名、troubleSearchKeywordの値には検索キーワードを指定します。inputKeywordは検索キーワードが格納されているJavaScriptの変数です。上記コードが実行される前に検索キーワードが格納されるようにする必要があります。

イベント名はGTMでトリガーを作成する際に使用するのでメモします。

GTMでユーザー定義変数を作成する

次にGTMでユーザー定義変数を作成します。

GTMでユーザー定義変数を作成する

ここで設定したデータレイヤーの変数名はGTMのタグを作成する際に使用するのでメモします。

GTMでタグを作成する

次にGTMでタグを作成します。

GTMでタグを作成する

イベントパラメータのパラメータ名はGA4で使用するため、GA4で見た時にわかりやすい名前にします。GA4でカスタムディメンションを設定する際に使用するのでメモします。

イベントパラメータの値には「GTMでユーザー定義変数を作成する」で設定したデータレイヤーの変数名を指定します。入力フィールドの右にある+アイコンから作成した変数を選択できます。

GTMでトリガーを作成する

次にGTMでトリガーを作成します。

GTMでトリガーを作成する

トリガーのタイプはカスタムイベントを選択します。イベント名にはdataLayerにpushするイベント名(eventの値)を設定します。pushするイベント名と一致していないとトリガーが発火しないので注意します。

GA4でカスタムディメンションを作成する

GA4でカスタムディメンションを作成します。

GA4の左下の歯車アイコンからプロパティのカスタム定義に移動して、カスタムディメンションを作成ボタンを押してディメンション名とイベントパラメータを入力します。範囲はイベントにします。

GA4でカスタムディメンションを作成する

ディメンション名はGA4の探索で項目名として表示されます。イベントパラメータは、GTMのタグで設定したイベントパラメータのパラメータ名と同じものを指定します。

GA4の探索でディメンションと指標を設定する

ここまで設定できたらGA4の探索に移ります。

変数パネルのディメンションから、GA4で作成したカスタムディメンションを選択してインポートします。

GA4で作成したカスタムディメンションを選択してインポート

次に変数パネルの指標から、イベント数を選択してインポートします。

イベント数を選択してインポート

次にタブの設定パネルの「ディメンションをドロップするか選択してください」に、変数パネルにあるディメンションをドラッグアンドドロップします。

変数パネルにあるディメンションをドラッグアンドドロップ

次にタブの設定パネルの「指標をドロップするか選択してください」に、変数パネルにある指標をドラッグアンドドロップします。

指標パネルにある指標をドラッグアンドドロップ

ここまで設定できたら、後はデータが溜まるまで待ってから再度探索を確認します。データが溜まっていればこのように表示されます。

GA4の探索

以上が、GA4とGTMでサイト内検索キーワードを取得して探索で見る方法です。

tooolsのTech Blogではこれからも役に立つ情報を発信していきますので、定期的に閲覧していただけると幸いです。

学校授業の「IT化」で、こんなお悩みありませんか?【e-おうち】
出張/持込/宅配でパソコン修理・設定 24時間365日対応
消費税計算

税率を設定して税込/税抜金額の消費税計算ができます。

文字数カウント

文字数をカウントできます。

和暦西暦変換

和暦と西暦を相互変換できます。

年齢計算

和暦または西暦から年齢を計算できます。

入学年・卒業年計算

履歴書に必要な学校の入学年・卒業年を生年月日から計算できます。

単位変換(換算)

キロ、マイル、グラム、華氏などの様々な単位を相互変換(換算)できます。

カラーコード変換

カラーコード(16進数)とRGB値(10進数)を相互変換できます。

Webタイマー(カウントダウン)

Webタイマー(カウントダウン)です。ストップウォッチ機能もあります。

生活に便利な電話番号一覧

警察や消防などの緊急連絡先や電話番号案内などの電話番号を確認できます。

プロバイダーのカスタマーサポートの電話番号一覧

主なプロバイダーのカスタマーサポートの電話番号を確認できます。

タスク管理(ToDo)

自分のWebブラウザーだけでタスク管理(ToDo)ができます。

エクセル関数

エクセル関数を検索できます。

麻雀の点数計算

麻雀の和了時の点数(符数/翻数/役)を計算することができます。

便利なショートカット一覧

Windows 10やExcelなどで使用できる便利なショートカットを確認できます。

電気料金計算

消費電力、使用時間、使用日数、1kWh単価から電気料金を計算できます。

パスワード生成(作成)

大文字・小文字・数字・記号を含むランダムなパスワードを生成できます。

自分のグローバルIPアドレスを確認

自分がインターネットに接続する時のグローバルIPアドレスを確認できます。

学校授業の「IT化」で、こんなお悩みありませんか?【e-おうち】
出張/持込/宅配でパソコン修理・設定 24時間365日対応
出張/持込/宅配でパソコン修理・設定 24時間365日対応
きょうみくん
このサイトの管理者
名前 きょうみくん
身長 181.1cm
誕生日 1月21日
所属 日本PCサービス株式会社
コメント

パソコン、インターネット、サーモン、ミルクティーが好きです。
猫ではありません。

エクセル家計簿の作り方など、技術的なコラムを書いているTech Blogも運営しています。