Googleアナリティクスのイベントトラッキングを計測する [Simplicity編]

b003

先日、当ブログのテーマをWordPressの無料テーマ「Simplicity」に変更しました。とても使い勝手がよく重宝しているのですが、今のところ1点だけ実現できない機能がありました。

Googleアナリティクスを利用してのイベントトラッキングです。

イベントトラッキングとは、Webサイト内のクリック数やPDF資料のダウンロード数、バナーのクリック数など、どのリンクが何回クリックされたかを計測できる機能です。テーマを変更する前はこのイベントタグをよく利用していたので、これはテーマを変更しても継承させたいと思って色々と調べてみました。ただ、私の探した範囲では有効な手段がなかったため、その時の作業備忘録です。

スポンサーリンク
レクタングル(大)

イベントトラッキングコードの設置

まずは基本的なところから。Googleアナリティクスでイベントトラッキングを計測するには、該当の<a>タグ部分にイベントタグを埋め込む必要があります。

Googleアナリティクスには従来の旧アナリティクスコードとユニバーサルアナリティクスコードの2種類があります。現在の管理画面から取得できるのは後者のユニバーサルコードとなっています。

見分け方は、トラッキングコードの中に[ga.js]へのリンクがあれば旧コード[analytics.js]へのリンクがあればユニバーサルアナリティクスのコードです。

自分で書いた過去記事「GoogleとYahooで電話発信コンバージョンを計測する」を参考にしました。

ご自身がどちらのタイプかを確認し、クリック数を計測したい<a>タグに下記コードをそれぞれ設置してください。

以下の「カテゴリ」「アクション」「ラベル」などは計測されたイベントを識別するための指標だと考えてもらえればOKです。こちらで詳しく解説されています。

[ユニバーサルアナリティクス対応]イベントトラッキングを使ってファイルのダウンロード数や外部リンクのクリックを計測する方法 – ひびの備忘録

旧コードのイベントタグ

旧コードの場合は以下の記述になります。

<a href="#" onClick="_gaq.push(['_trackEvent', '任意のカテゴリ名', '任意のアクション名', '任意のラベル名']);">クリック</a>

ユニバーサルコードのイベントタグ

ユニバーサルコードの場合は以下の記述になります。

<a href="#" onClick="ga('send', 'event', '任意のカテゴリ名', '任意のアクション名', '任意のラベル名']);">クリック</a>

アナリティクスのトラッキングコードの設置位置

今回ポイントになるのはこちらのGoogleアナリティクスのトラッキングコードを設置する位置です。

Simplicityの初期設定・おすすめの設定」のマニュアル通りに進めた場合は、トラッキングコードは</body>の前に設置されます。アナリティクスでのアクセス解析には何ら問題ないのですが、イベントトラッキングを計測する場合はこの位置では動作しません

イベントトラッキングを有効にするには、計測するイベントよりも前、つまり</head>の直前にトラッキングコードを入れておく必要があります。

そのため、上記の管理画面からGoogleアナリティクスを連携させる方法ではなく、ヘッダー要素のインクルードファイルにトラッキングコードを埋め込みます

この場合は管理画面でのアナリティクスの連携作業は不要です。

header-insert.php に追記する

Simplicityの子テーマの中にheader-insert.phpというファイルがあります。(修正は必ず子テーマで行ってくださね)このファイルに記述した内容は</head>よりも前に設置してくれるようです。

※Simplicityのテーマを利用していなくてこのページをご覧頂いている方は、この項目は読み飛ばしてもらって大丈夫です

デフォルトでは以下の記述となっています。

<?php
//ヘッダー部分にタグを挿入したいときは、このテンプレート挿入(ヘッダーに挿入する解析タグなど)
//子テーマのカスタマイズ部分を最小限に抑えたい場合に有効なテンプレートとなります。
//例:<script type="text/javascript">解析コード</script>
?>
<?php if (!is_user_logged_in()) :
//ログインユーザーをカウントしたくない場合は
//↓ここに挿入?>

<?php endif; ?>
<?php //ログインユーザーも含めてカウントする場合は以下に挿入 ?>

この9行目の箇所にご自身のGoogleアナリティクスのトラッキングコードを貼り付けてください。旧アナリティクスコードかユニバーサルアナリティクスコードかは関係ありませんのでご自身のコードを貼り付けます。

イメージとしてはこんな感じです。

<?php
//ヘッダー部分にタグを挿入したいときは、このテンプレート挿入(ヘッダーに挿入する解析タグなど)
//子テーマのカスタマイズ部分を最小限に抑えたい場合に有効なテンプレートとなります。
//例:<script type="text/javascript">解析コード</script>
?>
<?php if (!is_user_logged_in()) :
//ログインユーザーをカウントしたくない場合は
//↓ここに挿入?>

(Googleアナリティクスのコードをここに入れる)

<?php endif; ?>
<?php //ログインユーザーも含めてカウントする場合は以下に挿入 ?>

追加が完了したらサーバーに上書きしておきましょう。

イベントが反映されるまでに時間がかかる

このコードを設置してもすぐにイベントが計測されるわけではありません。このあたりはGoogleアナリティクスの仕様なので詳しくは解説できませんが、3~4時間ほどかかることもあります。

数日経過しても反映されないようであれば、設置方法にミスがある場合も考えられますので、一度ソースをチェックしたほうが良いかもしれません。

最後に

Googleアナリティクスの機能でイベントトラッキングまで利用している人は少ないのかもしれません。そこまで計測する必要がないという場合はもちろんあると思いますので。

しかし、クリック数を計測することでコンテンツの見直しやリンクの設置位置などサイト改善のための重要なヒントも取得できるようになります。例えば、サイドバーに設置したバナーがクリックされないと分かれば、別の場所に移動させてみたり、デザインを変えてみたりと次の策が練れますよね。漠然と「クリックされてないようだ」では改善のポイントが定まりません。

イベントトラッキングを上手に利用して、より良いサイト作りを目指されてみてはいかがでしょうか。

2015.11.11追記

上記の方法でイベントトラッキングは利用可能になりますが、アナリティクスのトラッキングコードがソースの<title>タグよりも上に設置される状態となり、条件によっては解析画面でのページタイトルが (not set) と抽出されることもあるようです。

新しいGoogleアナリティクスでページタイトル別の一覧を出す方法とタイトルが(not set)について – 運営堂

その場合はPVが重複カウントされている可能性もあるので、アナリティクス側で (not set) を除外するか、上記の手法ではイベントトラッキングは行わないというどちらかの選択肢になるのかもしれません。

スポンサーリンク
レクタングル(大)
レクタングル(大)
LINEスタンプ
LINEスタンプ販売中です

ゆれる白いトリ

キノカッパ

日常トークに使えるスタンプも販売中⇒LINE公式ストアへ