電話番号リンクをGA4とGTMでイベント計測コンバージョン設定する

店舗のホームページなどで、電話番号をリンク(tel:)にした場合のクリックイベントについて、GA4(Google Analytics 4)とGTM(Google Tag Manager)をどのようにコンバージョン設定すれば良いかをご案内いたします。

Google Tag Manager の基本的な設定は完了している状態を前提として解説を進めます。
GA4の設定自体が完了していない方は先に Google アナリティクスのGA4化を完了してから、以下の設定をお願いいたします。

GTMのトリガーとタグを設定する

まず Google Tag Manager で、トリガーを設定します。
設定名は『Trg_Click_Link(GA4)』としましたが、何でも問題ありません。

図1:Google Tag Manager でトリガー設定
図1:Google Tag Manager でトリガー設定

トリガーのタイプを選択します。
クリックの項目にある「リンクのみ」をクリックします。

「タグの配信を待つ」について、デフォルト値のままチェック。

「妥当性をチェック」について、チェック。
「Page URL」を選択、「正規表現に一致」を選択、「.*」と入力

「このトリガーの発生場所」について、
「一部のリンククリック」チェックボックスを選択、
「Click URL」を選択、「先頭が一致」を選択、「tel:」と入力

※このトリガーへの参照は、次に設定を行う『Tag_Click_Event_Tracking(TEL GA4イベント用)』が自動的に表示されますので、今は表示されていなくても問題ありません。

次に、タグを設定します。
設定名は『Tag_Click_Event_Tracking(TEL GA4イベント用)』としましたが、何でも問題ありません。

図2:Google Tag Manager でタグ設定
図2:Google Tag Manager でタグ設定

「設定タグ」について、
別途タグで「Google アナリティクス: GA4 設定」をしている場合は、そちらを選択してください。
「Google アナリティクス: GA4 設定」をしていない場合は、図2のとおり、測定IDにあなたのサイトのGA4測定IDを入力してください。

「イベント名」について、任意の名称を設定してください。
図2では「TEL Click」としました。

同意設定については、こちらでは解説いたしません。

「トリガー」について、
先ほど図1のように設定した「Trg_Click_Link(GA4)」を選択してください。

以上でタグマネージャ側の設定は完了です。
設定を「公開」してください。

GA4でイベント確認とコンバージョンを設定する

あらかじめ、GA4の管理画面を開いておきます。
「レポート」→「リアルタイム」と進んでおいてください。

では、先ほどGTM設定で設定した内容をテストします。
電話番号リンク(tel:)をサイトでクリックしてください。

図3:GA4管理画面「レポート」→「リアルタイム」
図3:GA4管理画面「レポート」→「リアルタイム」

ワンテンポズレはありますが、図3「イベント数(イベント名)」に「TEL Click」が現れれば成功です。

※ワンテンポのズレを待っても表示されない場合は、設定を見直しましょう。

図4:GA4管理画面「設定」(「イベント」)
図4:GA4管理画面「設定」(「イベント」)

GA4管理画面「設定」(「イベント」)に移動し、日付選択で設定当日が選択されていることを確認してください。
「TEL Click」が表示されていれば、「コンバージョンとしてマークを付ける」のチェックスライダーをON(青色)にしてください。

※図4の項目がなかなか反映されない場合があるようです。最大1日かかることもあるようですので、少し気長に設定しましょう。なかなか現れない場合は次の日に確認してみましょう。

図5:GA4管理画面「レポート」→「リアルタイム」のコンバージョン
図5:GA4管理画面「レポート」→「リアルタイム」のコンバージョン

電話番号リンク(tel:)をサイトでクリックしてください。
図5「コンバージョン(イベント名)」に「TEL Click」が現れれば成功です。
お疲れ様でした。