リンクのクリックをGAで計測するのも簡単！ タグマネージャの「イベントリスナー」の使い方（全20回の15）

特定の行動やタイミングを感知する「イベントリスナー」

「リンクがクリックされたときにGoogleアナリティクスで計測したい」という需要はかなり高いのではないでしょうか。これまでは、リンクのクリックを計測する際にはそのリンクのHTMLへ専用のタグやJavaScriptを記述する必要がありました。Googleタグマネージャには、「リンクのクリック」など特定のタイミングでGoogleタグマネージャを呼び出せる機能があります。それが「イベントリスナー」と呼ばれる機能です。

イベントリスナーにはいくつか種類があり、トリガーの新規登録画面で「イベントの選択」から選択することができます。例えば、リンクなど何かしらがクリックされたタイミングを感知する「クリック」、フォームが送信されたタイミングを感知する「フォーム」、一定時間ごとに繰り返し呼び出せる「タイマー」、JavaScriptでエラーが発生したタイミングを感知する「JavaScriptエラー」などがあります。

●主なイベントリスナーの種類

「イベントの選択」で「ページビュー」以外のイベントリスナーを選択できる。

これらのイベントリスナーは、選択肢から目的のものを選択して使えるようになっています。そして選択した種類によって、ページの読み込み時以外にも例えば「リンクのクリック時」などのタイミングのトリガーを作成できるようになるわけです。

「リンクがクリックされたとき」のトリガーを作成する

さて、ここでは最も需要が高いであろう「リンクがクリックされたとき」のトリガーを例として解説しますが、ほかの「○○されたとき」系のトリガーも登録の仕方の流れは同じです。トリガーの新規登録画面で、これまで解説してきた「特定のページが表示されたとき」というトリガーは、「イベントの選択」で「ページビュー」を選択してきました。今回は「リンクがクリックされたとき」なので、「クリック」を選択します。すると「フィルタの追加」が表示されるので、ひとまず今は「すべてのクリック」を選択して先に進みましょう。

「イベントの選択」で、「クリック」を選択する。「フィルタの追加」はひとまず「すべてのクリック」を選択して「続行」をクリックする。

すると、「トリガーの設定」が表示されるので、そこで表示される「トリガーのタイプ」で「リンククリック」を選択します。これで、「リンクをクリックしたとき」というトリガーは設定完了です。

なお、「タグの配信を待つ」オプションは基本的にはデフォルトのままオンにしておきます。これは、確実にタグが配信されるようにページ遷移を一瞬停止させるためのオプションです。このオプションがオフだと、サーバーにデータを送信完了する前にページが遷移してしまい、正常に計測できない可能性があるので、オンのままにしておくことをおすすめします。もう1つの「検証をチェック」は、リンクが正常に動作したときのみリンククリックリスナーを起動するというオプションです。基本的にはこちらもオンで構いませんが、気になるようであればオフにしてもいいでしょう。

「トリガーのタイプ」で「リンククリック」を選択する。オプションは2つともオンで構わない。

これで、「リンクがクリックされたとき」というトリガーが作成できました。ただし、このままでは「ページ内のどれかのリンクがクリックされたとき」というトリガーでしかなく、あまり実用的ではありません。リンクのクリックを計測したいときは、例えば「特定のリンクを計測したい」とか「外部リンクを計測したい」という場合がほとんどですよね？ そこで、続いてどのリンクかを限定する条件を追加していきます。

「特定のリンクが」という条件を追加する

どのリンクのクリックを計測するのかは、「トリガーの設定」で変数を使って条件を追加します。リンクには、リンク先URLやtarget属性、class属性、id属性、アンカーテキストなどいくつかの情報がありますが、Googleタグマネージャにはそれらの情報を取得する専用の変数が用意されています。これらは「自動イベント変数」と呼ばれ、デフォルトでは無効になっているので、「変数」で有効にする必要があります。以下の変数にチェックを付けて、有効にします。

「変数」をクリックして「クリック」にある変数にチェックを付けて有効にする。

●よく使う自動イベント変数

• Click Element ―― リンク全文（aタグから含んでいるテキストや画像などすべて）
• Click Classes ―― リンクのaタグが適用されているCSSのclass名
• Click ID ―― リンクのaタグが適用されているid名
• Click Target ―― リンクのaタグに記述されているtarget属性（_blankなど）
• Click URL ―― リンク先URL（href属性）
• Click Text ―― リンクに含まれているアンカーテキスト全文

この中でも特に重宝するのは「Click URL（リンク先URL）」変数です。この変数を使うだけでも、例に挙げたような「特定ページへのリンク」や「外部サイトへのリンク」などの条件を作成できます。ここでは、リンク先URLを指定して「『amazon.co.jp』へのリンクがクリックされたとき」というトリガーを作成してみましょう。

先ほどのトリガーの「トリガーの設定」の一番下にある設定欄で「Click URL」を選択します。「含む」を選択して、目的のリンク先URLの条件を入力します。「＋」ボタンで追加した条件は4-5で解説した通りAND条件なので、たくさんあるリンクから絞り込まれる形となります。

「Click URL」「含む」の条件を追加して、どのリンク先かを特定する。ここでは、「『amazon.co.jp』を含むページへのリンク」という条件を表している。

これで保存すれば、「特定のリンクがクリックされたときに」というトリガーが作成できました。あとは、例えばGoogleアナリティクスのイベント計測タグなど、そのリンクがクリックされたときに配信したいタグと作成したトリガーをひもづければ設定完了です。

もちろん、条件の数は制限があるわけではありません。必要に応じて、いくつ条件を増やしても構いません。例えば、「リンク先URLに自社サイトのドメインを含まない」かつ「リンク集のページで」「target="_blank"のリンク」といった条件も設定可能です。使いこなせばいろいろと活用できる機能ですので、ぜひ試してみてください。

イベントの値に使うこともできる

実際にリンククリックをGoogleアナリティクスのイベント計測タグで計測した場合、おそらくリンク先URLやアンカーテキストを「アクション」や「ラベル」の値にして計測したくなると思います。その場合は、配信するイベント計測タグの設定画面を表示して、それぞれの項目に右側の変数ボタンから「Click URL」などの自動イベント変数を選択すればOKです。ちなみに、イベント計測タグの4つの項目のうち「値」は数値のデータしか対応していないので、ここにリンク情報を入れようとしてもエラーになってしまい計測できません。それ以外の「アクション」か「ラベル」で情報を取得するようにしましょう。