GA4での設定のtelタップが計測できなくなった！GTMを使った設定手順を解説！

今回は、GA4でtelタップの計測を行うために必要なGTMでのGoogleタグ設定から

telタップ設定の手順を解説します。

telタップとは

ホームページの電話番号をユーザーがタップした状態のことを「telタップ」と呼びます。

この「telタップ」をGTMで下記設定を行うことにより、計測することができます。

下記設定を行う前に予めtelタップを計測したいホームページにGTMの計測タグを設置完了させた後に、telタップの設定に必要な「Google タグ」をGTMに設定します。

▼設定手順

1.GTMに「Googleタグ」設定を行う際はまず、GTMの画面を開き、サイドバーの「タグ」を選択して、「新規」をクリックします。

2.下記タグ設定画面が表示されるので、まずは「名前のないタグ」と書かれている場所に自分が分かりやすい「タグの名前」を入力します。

※今回の場合「GoogleアナリティクスGA4設定」と入力しています。

3.「タグの設定」をクリックすると下記「鉛筆マーク」が表示されるので、鉛筆マークをクリックして、下の赤枠内の「Google タグ」を選択します。

4. 3.まで完了したら「タグID」を入力します。

タグIDはGA4の管理画面の「データストリーム」に書かれている測定ID「G-XXXXXXXX」を入力します。

5. 次に「タグID」下記設定内容を入力します。

——————————–

・構成の設定変数・・・・「なし」を選択

・構成パラメータ

「send_page_view」を入力、 値「true」を入力

——————————–

6. 5.まで完了したら、「トリガー」の設定を行います。③と同じく、「トリガー」をクリックすると「鉛筆マーク」が表示されるので、鉛筆マークをクリックして、トリガーの選択一覧から「All Pages」を選択します。

7.  6.の設定まで完了したら、下記画面に戻り右上の「保存」をクリックして保存します。

8. 今回追加したタグ「GoogleアナリティクスGA4 設定」の左のチェックボックスにチェックを入れ「プレビュー」を押して、「GoogleアナリティクスGA4 設定」のタグをホームページに反映する前に問題なく反映されるかテストを行います。

9. 8.の後、プレビューで問題がなければ、「公開」を押下、ホームページに反映します。ここまで行ったら、「Google タグ」の設定が完了です。

次にtelタップをGA4の「イベント」と「キーイベント」で計測できるようにGTMで設定を行います。

10. 1.と同様、「新規」から新しいタグの設定を行います。「タグの名前」は何のためのタグか分かりやすい名前を入力します。※今回は「TELTAP」と入力しました。

11.  3.と同じく「タグの設定」をクリックすると下記「鉛筆マーク」が表示されるので、鉛筆マークをクリックして、タグタイプを選択一覧から「Google アナリティクス」をクリックし、「Google アナリティクス:GA4 イベント」を選択します。

12. 11.が完了後、以下のように入力します。

———————————————-

・測定ID・・・G-XXXXXXXX（Xには英数字が入ります）

・イベント名・・・TELTAP

・Event Settings Variable・・・なし

・イベントパラメータ・・・

「click_url」　値「{{Click URL}}」

「click_text」　値「{{Click Text}}」

「page_view」　値「{{Page URL}}」

———————————————-

13.  2.を入力後、「トリガー」の設定を行います。

3.と同じく、「トリガー」をクリックすると「鉛筆マーク」が表示されるので、鉛筆マークをクリックして、トリガーの選択一覧の右端にある「＋」をクリックして、新たにトリガーを追加します。

14. 「＋」をクリック後、下記画面が開くので「無題のトリガー」と書かれている所に分かりやすい名前を入力します。

※今回の場合はtelタップのみで使用するトリガーのため「tel【電話番号の頭数字4桁】」という名前にしています。

15. 14.でトリガーの名前を入力後、鉛筆マークをクリックして「トリガーのタイプを選択」画面から「リンクのみ」を選択します。

16. 15.が完了後、以下のように入力し、「保存」をクリックします。

———————————————-

・「一部のリンククリック」を選択

・イベント発生時にこれらすべての条件が true の場合にこのトリガーを配信します・・・

「Click URL」を選択

「含む」を選択

「tel:」を入力

———————————————-

17. 16.で「トリガーの設定」で保存した後、下記画面に戻り「保存」をクリックして「保存」します。

18. 17.の後、追加したタグ「TELTAP」の左のチェックボックスにチェックを入れ、「プレビュー」を押して、タグをホームページに反映する前に問題なく反映されるかテストを行います。

19.  18.の後、プレビューで問題がなければ、「公開」を押下、ホームページに反映します。

20. 19.まで完了したら、telタップが問題なくGA4に計測されるかホームページをスマホで表示して電話番号をタップして計測のテストを行います。

スマホでホームページに載っている電話番号をタップした後、GA4の「レポート」の「リアルタイムの概要」内の「イベント」を見たときに下記赤枠内のように今回GTMで設定したtelタップのタグ名「TELTAP」が表示されていれば、問題なくtelタップが計測されていることになります。

※赤枠内のように表示されない場合、GA4を開いている画面のキャッシュを切ってしばらく時間を置いてみる等を試してみてください。

まとめ

これからもGA4やGTM、ホームページ制作などで困ったことがあれば、ぜひ気軽にご相談ください。私たちがお手伝いできることがあれば、全力でサポートさせていただきます！