WEB制作

2019/05/22 Wednesday

外部リンクのクリック数がGoogle Analyticsで計測できない、、、

最近、書き込んでなかったので書きます。

自分はパラパラ炒飯の極意を得ているのですが、TVで違う方法でしかも簡単にできる方法が紹介されてましたので、やってみたら全然パラパラしねぇ！

どうも、ウラ坊です。

今回は、とある件で「Google Analyticsでクリック数の計測をしたい！」というのがありまして、

さっそく担当部署に聞いたら、

えっ？そんなん簡単だろ？

それぐらい自分でやってくれって、、、

想定外のシャッターガラガラ閉店。

マジかよ、、、

外は暖かくなってきてますが、うちの会社はまさかの冷たい！？

ってことで、自力でやるしかなくなったわけで、まずはググりました。

今回計測するのは「外部リンク」なんです。

「Googleアナリティクス　外部リンク　計測」

これでググりました。

最初に出てきたのは「Googleタグマネージャー」

”Googleタグマネージャを使うことで、簡単にイベントトラッキングの設定ができます。”

と、おっしゃりますが、何回読み返しても今の私の脳内では処理不能。

もうひとつ方法がありました。

それは、「直接コードを書き込む」といって、計測したいソースに計測させるためのタグを挿入。

これなら行けそうだ！と思い、読みました。

手順としては、

計測したいタグをソースコードから探します。ここでは例として「https://worldshare.jp/」という外部リンクの以下のようなaタグを使います。

<a href="https://worldshare.jp/" target="_blank">外部サイトへ飛びます</a>

1	<a href="https://worldshare.jp/" target="_blank">外部サイトへ飛びます</a>

次に、以下のタグを挿入します。

onclick="ga('send', 'event', 'カテゴリ', 'アクション', 'ラベル', '値');"

1	onclick="ga('send', 'event', 'カテゴリ', 'アクション', 'ラベル', '値');"

「send　event」

でデータをアナリティクスに送る。

「カテゴリアクションラベル」

は自分で計測するための名称。

「値」に　1　をつけて、クリックされるごとにクリック数が1ずつカウントされる。

で、挿入後がこちら

<a href="https://worldshare.jp/" onclick="ga('send', 'event', 'カテゴリ', 'アクション', 'ラベル', '1');">外部リンクへ飛びます</a>

1	<a href="https://worldshare.jp/" onclick="ga('send', 'event', 'カテゴリ', 'アクション', 'ラベル', '1');">外部リンクへ飛びます</a>

よし！これで計測できるぞ！

しーん、、、

全く計測されず、、、

なぜだ！なぜなんだ！！

さらにググりました。するとなんと！

”計測されない場合、Analyticsトラッキングコードを確認しましょう。
そこで、Global site tag（グローバルサイトタグ）の場合は従来の記述と異なります。”

これはどういう事かというと、最近またGoogle Analyticsの計測タグが新しくなり、

このGlobal site tag（グローバルサイトタグ）というものが使われるようになったんだそうな。

Global site tag（グローバルサイトタグ）とは？

アナリティクスを入れる場合、ソース内に下記のようなトラッキングコードを挿入していると思います。

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-XX"></script>
<script>
&nbsp;&nbsp;window.dataLayer = window.dataLayer || [];
&nbsp;&nbsp;function gtag(){dataLayer.push(arguments);}
&nbsp;&nbsp;gtag('js', new Date());
&nbsp;&nbsp;gtag('config', 'UA-XXXXXX-XX');
</script>

  window.dataLayer = window.dataLayer || [];

  function gtag(){dataLayer.push(arguments);}

  gtag('js', new Date());

  gtag('config', 'UA-XXXXXX-XX');

</script>

あ、頭にGlobal site tagって書いてある！

なので、今までのタグとはちょっと記述方法が変わります。

グローバルサイトタグでのトラッキングコードは以下の通り。

onclick="gtag('event', 'アクション', {'event_category': 'カテゴリ','event_label': 'ラベル'});"

1	onclick="gtag('event', 'アクション', {'event_category': 'カテゴリ','event_label': 'ラベル'});"

なるほど。確かに違う。今回は値がなくても計測できるんですねー

完成形がこちら。

<a href="https://worldshare.jp/" onclick="gtag('event', 'アクション', {'event_category': 'カテゴリ','event_label': 'ラベル'});">外部リンクへ飛びます</a>

1	<a href="https://worldshare.jp/" onclick="gtag('event', 'アクション', {'event_category': 'カテゴリ','event_label': 'ラベル'});">外部リンクへ飛びます</a>