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’);
<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なので、運用上のミスも発生しない。