Googleタグマネージャーでクリック数やページビューを計測する方法

BLOG SEO

本記事の内容

  • Googleタグマネージャーでクリック数やページビューを計測する方法

本記事では、Googleタグマネージャーを使って、クリック数やページビューをアナリティクスで計測する方法を解説します。

4つの例を紹介しているので、他のサイトに比べて、より実践的!

なお本記事の対象は、アナリティクスを導入済みの方です。もし未導入なら、Googleアナリティクスの登録・設定方法【初心者向け】の記事を参考に、導入しておいてください。

また、Googleタグマネージャーの基礎知識や導入方法は、Googleタグマネージャーの使い方|導入&アナリティクス連携!の記事にまとめています。そちらの記事を先に読んでおくことをおすすすめします。

ではみていきましょう。

Googleタグマネージャーでクリック数やページビューを計測する方法

今回は、以下を計測する方法を解説します。

ケース①:特定のURLがクリックされた回数を計測する

このケースは、Googleタグマネージャーの使い方|導入&アナリティクス連携!の記事で詳しく解説してますので、そちらをご覧くださいませ。

ケース②:内部リンクがクリックされた回数を計測する

続いては、あなたのサイトから内部リンクがクリックされた回数を計測する方法を解説します。

手順1:変数の確認

変数は、ケース①で以下の3つにチェックを入れてるので、ここでは特にすることはありません。

  • Page URL
  • Click URL
  • Click Text

手順2:トリガーの作成

左メニューから[トリガー]をクリックし、右上の[新規]をクリックします。

左上の[無題のトリガー]をクリックして、わかりやすい名前に変更します。今回は「内部リンクのクリック」としました。そして、[トリガーの設定]をクリックします。

表示されたトリガータイプの中から、[クリック] > [リンクのみ]を選びます。

※番号は、下の方にある図中の番号と同じ
①計測を正しく行うために、[タグの配信を待つ]にチェックをつけます。②上限の数値はこのままでOK。
③[PageURL]、[正規表現に一致]を選び、半角で[.*]を入力します。[.*]は何かしらの文字があることを意味しており、この設定によって、あなたのサイトの全ページでこのトリガーが発動することになります。
④[一部のリンククリック]を選びます。
⑤[Click URL]、[含む]を選び、あなたのサイトのドメインを入力します。当サイトですと「hideharublog.com」。内部リンクは必ずあなたのサイトドメインが含まれているので、この設定をすれば全ての内部リンクのクリック数を計測できるわけです。
⑥最後に、右上の[保存]をクリックします。

すると、今回追加したトリガーが表示されました。

以上で、トリガーの作成は完了です。

手順3:タグを作成する

続いて、このトリガーを発動するタグを設定します。
左メニューから[タグ]をクリックし、右上の[新規]をクリックします。

左上の[名前のないタグ]をわかりやすい名前に変更します。今回は「内部リンクのクリック」としました。次に[タグの設定]をクリックします。

[ユニバーサルアナリティクス]を選びます。

※番号は、下の方にある図中の番号と同じ
①[トラッキングタイプ]を[イベント]にします。
②[カテゴリ]にはわかりやすい名前を入力ます。今回は「内部リンクのクリック」としました。
③アクションは[+]マークをクリックし、[Page URL]を選ぶと、{{Page URL}}が自動で入ります。
④ラベルは[+]をクリックし、[Click Text]を選びます。{{Click Text}}の後に、半角全角どちらでもいいので、コロン(:)を入力しましょう。[+]をクリックし、[Click URL]を選びます。
⑤[値]⑥[非インタラクションヒット]⑦[Googleアナリティクス設定]はそのまま。
⑧[このタグでオーバーライド設定を有効にする]にチェックをつけます。
⑨測定するサイトのGoogleアナリティクスのトラッキングID(UA-xxxxxxx-x)を入力します。

これで、タグの入力は完了です。

続いて、下にある[トリガー]をクリックし、先ほどの手順2で作成したトリガーを選びます。

これで設定が完了なので、右上の[保存]をクリックします。

すると管理画面に、以下のようなタグができあがりました。

以上で、タグの作成は完了です。

手順4:プレビューする

管理画面の右上にある[プレビュー]をクリックします。

すると、以下のような新しいウィンドウが起動します。プレビューするURLを入力します。今回の例では、当サイトのトップページのURLを入力しました。そして、[Connect]をクリックします。

すると、先ほど入力したURLのページが自動で立ち上がります。今回の例では、当サイトのトップページに遷移します。画面の右下には、Tag Assistantが表示されます。

Tag Assistantのページに戻ると、以下のような画面になっているので、[Continue]をクリックします。

この時点では、今回設定したトリガー(内部リンクのクリック)はまだ発動していないので、[Tags Not Fired]のところに表示されています。

ここで、今回設定したトリガー(内部リンクのクリック)を自分でやってみます。例として、トップページ内の記事(ブログは40代でも遅くない!副収入を得たいなら今日からやろう)をクリックします。

Tag Assistantのページに戻ると、今回設定したタグ(内部リンクのクリック)が、[Tags Fired]に移ってます。この[Tags Fired]のところに表示されれば、今回の設定が正しく動作した証拠です。

プレビューを終了するときは、Tag Assistantページの左上のx印をクリックします。

[Stop debugging]をクリックします。

以下のような画面になります。

以上で、公開前のプレビューは完了です。

手順5:公開する

作成したタグを公開しましょう。右上の[公開]をクリックします。

[バージョン名]と[バージョンの説明]にわかりやすい名前と説明を入力し、右上の[公開]ボタンをクリックします。

以下のような表示がされます。

左上の[ワークスペース]をクリックしてみましょう。右上の「ワークスペースの変更:0」になっていれば、作成したタグは公開されてます。バージョンも上がってますね。

以上で、作成したタグの公開は完了です。

手順6:アナリティクスで確認する

最後に、今回作成したタグがGoogeアナリティクスに反映されるかを確認しましょう。
Googeアナリティクスを開き、左メニューから[リアルタイム] > [イベント]をクリックします。この時点では、[イベントカテゴリ]や[イベントアクション]には何もデータがないことを確認します。

つぎに、今回設定したトリガー(内部リンクのクリック)を自分で発生させてみます。今度は、グローバルメニューの一番左にある[SE0]をクリックしました。

再び、Googeアナリティクスに戻ります。
すると[イベントを発生させたアクティブユーザー]が0から1に変わってますね。[イベントカテゴリ]には今回作成した「内部リンクのクリック」が表示され、[イベントアクション]にはイベントが発生したページURLが記載されてます。

これで、今回Googleタグマネージャーで作成したタグと、Googleアナリティクスのひもづけが正常であることを確認できました。

なお、少し時間が経った後は[リアルタイム]ではなく、左メニューの[行動] > [イベント] > [概要]をクリックして、イベントカテゴリやイベントアクションを確認しましょう。

以上、内部リンクをクリック数を計測する方法でした。

ケース③:外部リンクがクリックされた回数を計測する

続いては、外部リンクがクリックされた回数を計測する方法を解説します。

手順1:変数の確認

変数は、ケース①をやっていれば、ここでは特にすることはありません。

手順2:トリガーの作成

左メニューから[トリガー]をクリックし、右上の[新規]をクリックします。
左上の[無題のトリガー]をクリックして、わかりやすい名前に変更します。今回は「外部リンクのクリック」としました。そして、[トリガーの設定]をクリックします。
表示されたトリガータイプの中から、[クリック] > [リンクのみ]を選びます。

以下の設定をしてきます。※番号は、下の方にある図中の番号と同じ
①計測を正しく行うために、[タグの配信を待つ]にチェックをつけます。②上限の数値はこのままでOK。
③[PageURL]、[正規表現に一致]を選び、半角で[.*]を入力します。[.*]は何かしらの文字があることを意味しており、この設定によって、あなたのサイトの全ページでこのトリガーが発動することになります。
④[一部のリンククリック]を選びます。
⑤[Click URL]、[含まない]を選び、あなたのサイトのドメインを入力します。当サイトですと「hideharublog.com」。外部リンクとはすなわち、あなたのサイトドメインが含まれないURLなので、この設定をすれば全ての外部リンクのクリック数を計測できるわけです。
⑥最後に、右上の[保存]をクリックします。

以上で、トリガーの作成は完了です。

手順3:タグを作成する

続いて、このトリガーを発動するタグを設定します。
左メニューから[タグ]をクリックし、右上の[新規]をクリックします。

左上の[名前のないタグ]をわかりやすい名前に変更しましょう。今回は「外部リンクのクリック」としました。次に[タグの設定]をクリックします。

[ユニバーサルアナリティクス]を選びます。

以下の設定をしてきます。※番号は、下の方にある図中の番号と同じ
①[トラッキングタイプ]を[イベント]にします。
②[カテゴリ]にはわかりやすい名前を入力ます。今回は「外部リンクのクリック」としました。
③アクションは[+]マークをクリックし、[Page URL]を選ぶと、{{Page URL}}が自動で入ります。
④ラベルは[+]をクリックし、[Click Text]を選びます。{{Click Text}}の後に、半角全角どちらでもいいので、コロン(:)を入力しましょう。[+]をクリックし、[Click URL]を選びます。
⑤[値]⑥[非インタラクションヒット]⑦[Googleアナリティクス設定]はそのまま。
⑧[このタグでオーバーライド設定を有効にする]にチェックをつけます。
⑨測定するサイトのGoogleアナリティクスのトラッキングID(UA-xxxxxxx-x)を入力します。

これで、タグの入力は完了です。

続いて、下にある[トリガー]をクリックし、先ほどの手順2で作成したトリガーを選びます。
これで設定が完了なので、右上の[保存]をクリックします。
以上で、タグの作成は完了です。

手順4:プレビューする

管理画面の右上にある[プレビュー]をクリックします。
すると、Tag Assistantという新しいウィンドウが起動します。プレビューするURLを入力しましょう。今回の例では、当サイトのトップページのURLを入力しました。そして、[Connect]をクリックします。

すると、先ほど入力したURLのページが自動で立ち上がります。今回の例では、当サイトのトップページに遷移します。画面の右下には、Tag Assistantが表示されます。

Tag Assistantのページに戻り、[Continue]をクリックします。

この時点では、今回設定したトリガー(外部リンクのクリック)はまだ発動していないので、[Tags Not Fired]のところに表示されています。

ここで、今回設定したトリガー(外部リンクのクリック)を自分でやってみます。例として、トップページ下部にあるTwitterのリンクをクリックしました。

すると、「外部リンクはデバッグできないけど続ける?」というメッセージが出ますが、これは無視します。

Tag Assistantのページに戻ると、今回設定したタグ(外部リンクのクリック)が、[Tags Fired]に移ってます。この[Tags Fired]のところに表示されれば、今回の設定が正しく動作した証拠です。

※注:この外部リンクのプレビューは、うまく反応してくれないときがあります。何度かやってるうちに、[Tags Fired]に移りました(汗)。原因がわかったら、追記しますね。

プレビューを終了するときは、Tag Assistantページの左上のx印をクリックします。続いて[Stop debugging]をクリックしましょう。

以上で、公開前のプレビューは完了です。

手順5:公開する

作成したタグを公開しましょう。右上の[公開]をクリックします。
[バージョン名]と[バージョンの説明]にわかりやすい名前と説明を入力し、右上の[公開]ボタンをクリックします。
左上の[ワークスペース]をクリックし、バージョンが上がっていることを確認しましょう。

以上で、作成したタグの公開は完了です。

手順6:アナリティクスで確認する

最後に、今回作成したタグがGoogeアナリティクスに反映されるかを確認しましょう。

Googeアナリティクスを開き、左メニューから[リアルタイム] > [イベント]をクリックします。この時点では、[イベントカテゴリ]や[イベントアクション]には何もデータがないことを確認します。

つぎに、今回設定したトリガー(外部リンクのクリック)を自分で発生させてみます。今回の例では、トップページ下部にあるTwitterのリンクをクリックします。

再び、Googeアナリティクスに戻ります。
すると[イベントを発生させたアクティブユーザー]が0から1に変わってるでしょう。[イベントカテゴリ]には今回作成した「外部リンクのクリック」が表示され、[イベントアクション]にはイベントが発生したページURLが記載されてます。

これで、今回Googleタグマネージャーで作成したタグと、Googleアナリティクスのひもづけが正常であることを確認できました。

なお、少し時間が経った後は[リアルタイム]ではなく、左メニューの[行動] > [イベント] > [概要]をクリックして、イベントカテゴリやイベントアクションを確認しましょう。

以上、外部リンクがクリックされた回数数を計測する方法でした。

ケース④:特定のページに到達した回数を計測する

最後は、特定のページが見られた回数を計測する方法を解説します。
このケースを使う用途例としては、申込フォームで登録や商品購入したあとに表示するサンキューページが見られた回数だけを計測したい、なんてとき。

もちろん、アナリティクスでも解析できますが、この方法も知っておくと便利です。

基本的な手順は、これまでと同じですので割愛します。

手順1:変数の確認

ここでは特にすることはありません。

手順2:トリガーの作成

左メニューから[トリガー]をクリックし、右上の[新規]をクリックします。
左上の[無題のトリガー]をクリックして、わかりやすい名前に変更します。今回は「特定ページに到達」としました。そして、[トリガーの設定]をクリックします。
表示されたトリガータイプの中から、[ページビュー] > [ページビュー]を選びます。注意すべきは、これまでの[クリック] > [リンクのみ]ではなく、[ページビュー]を選ぶところ。

以下の設定をしてきます。
①[一部のページビュー]を選びます。
②[Page URL]、[等しい]を選び、特定のページのURL(サンキューページなど)を入力します。注意すべきは、これまでの[Click URL]ではなく、[Page URL]を選ぶところ。この設定によって、特定のページに到達した回数だけを計測できるようになります。
③最後に、右上の[保存]をクリックします。

これで、トリガーの設定は完了です。

手順3:タグを作成する

続いて、このトリガーを発動するタグを設定します。
途中までは、これまでのケースと同様です。

以下の設定をしてきます。※番号は、下の方にある図中の番号と同じ
①[トラッキングタイプ]を[イベント]にします。
②[カテゴリ]にはわかりやすい名前を入力ます。今回は「特定ページに到達」としました。
③アクションや④ラベルは、今回は空欄でOK。
⑤⑥⑦はそのまま。
⑧にチェックをつけて、⑨にトラッキングIDを入力します。

これで、タグの入力は完了です。

続いて、下にある[トリガー]をクリックし、先ほどの手順2で作成したトリガーを選びます。
これで設定が完了なので、右上の[保存]をクリックします。
以上で、タグの作成は完了です。

以降の手順(プレビュー →公開 →アナリティクスで確認)は、ケース①〜③と同じですので、上記の解説を見ながら実際に試してみてください。

以上、特定のページに到達した回数を計測する方法でした。

まとめ

今回は、Googleタグマネージャーを使って、クリック数やページビューを計測する方法を、4つのケースで解説しました。いかがでしたか?

サイトのアクセス解析をするなら、アナリティクスだけでなく、Googleタグマネージャーもぜひ使いましょう。

Googleタグマネージャーの使い方|導入&アナリティクス連携!の記事でも紹介したように、Googleタグマネージャーにはたくさんのメリットがありますから。

ただし、Googleタグマネージャーって、慣れるまではとまどいもあるでしょう。そんなときは、ぜひ本記事を参考にしてください。4つの事例を詳しく書いた記事は、他にはないと思いますので。

今回は以上です。