WordPress+jQueryでイベントトラッキング

WordPressで作ったサイトのヘッダやフッタなどのリンクを、jQueryを使ってGoogle Analyticsのイベントトラッキングをする方法。

header.php、footer.phpの該当箇所にidを振る。

header.php

<li class=”header-nav-listitem”><a id =”header_link” href=”/hoge_page/” >hoge</a></li>

footer.php

<li class=”footer-listitem”><a id =”footer_link” href=”/hoge_page/ “>hoge</a></li>

functions.phpにjqueryを書く。

 function wp_event_tracking(){ ?>
<script>
jQuery(function () {
jQuery(“#header_link”).click(function () {
ga(‘send’, ‘event’, ‘hoge’, ‘click’, ‘header_hoge_’+location.pathname);
});
jQuery(“#footer_link”).click(function () {
ga(‘send’, ‘event’, ‘hoge’, ‘click’, ‘footer_hoge_’+location.pathname);
});
});
</script>
<?php }
add_action(‘wp_head’ , ‘wp_event_tracking’);

これでイベントトラッキングには
カテゴリ:hoge
アクション:click
ラベル:以下の通り

ヘッダ:header_hoge_ページ名
 例:hader_hoge_/hoge_page/
フッタ:footer_hoge_ページ名
 例:footer_hoge_/hoge_page/
みたいな感じで計測される。
(/が入るのがイヤとかだったらreplace()してください。)

これで、どのページのヘッダ、フッタから「hoge_page」へのリンクがクリックされたかが計測できる。
新規ページを作ってもOKなので、運用上のミスも発生しない。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です