目次のクリック率をサクッと計測！アナリティクスを使った計測方法を解説
目次のクリック率を知りたい…。
SUGOIMOKUJIというプラグインがありますが、アフィンガー専用なので他のテーマでは使えない、、
もっと手軽に計測できるようにしたい、、という要望をもらい、アナリティクスのイベントタグを使って実装しました！
・・・設定はカンタン！
「タグを埋め込む」
これだけです。
アナリティクスを利用している人であれば、すぐに使えます。
そして、
・ヒートマップでとれなかった、データを定量化して、
・コンソールでとれるデータより、精度が高く
・アフィンガー以外のテーマでも、実装できる
しかも、無料、です。
JINや、cocoonの利用している方でも、
利用できるようにサンプルを用意しました！
コピペするだけなので、だれでもカンタンに設置できます。
リライトに役に立ちます
クリック数が多い → ユーザに求められる内容
ですので、
・クリック数が多ければ → 内容を厚くする
・クリック数が少ないければ → 削除する
といった「データに基づいた選択」ができるようになります。
設置方法について
設置といってとてもカンタン、コピペするだけです。
<script type="text/javascript">
jQuery(function() {
jQuery("#toc_container a").click(function(e) {
var ahref = jQuery(this).attr('href');
var val = jQuery(this).text();
ga('send','event','toc', val, ahref);
});
});
</script>ただ一点注意がありまして、プラグインによってコードが異なります。
設置後は、リアルタイムなどで実際に挙動しているか、チェックするとエラーなく実装できます。
それでは、本題に入ります・・！
今回は３パターンご用意しました！
・「アフィンガー ＋ TOC＋」
・「JIN ＋ RTOC」
・「cocoon」
順にみていきます。
① ：アフィンガーとTOC+
コード
<script type="text/javascript">
jQuery(function() {
jQuery("#toc_container a").click(function(e) {
var ahref = jQuery(this).attr('href');
var val = jQuery(this).text();
ga('send','event','toc', val, ahref);
});
});
</script>設置場所
AFFINGER5管理 - その他 - コード出力 より
②：JINとRTOC
コード
<script type="text/javascript">
jQuery(function() {
jQuery("#rtoc-mokuji-wrapper a").click(function(e) {
var ahref = jQuery(this).attr('href');
var val = jQuery(this).text();
ga('send','event','toc', val, ahref);
});
});
</script>設置場所
HTMLタグ設定 より
③：cocoon
コード
<script type="text/javascript">
jQuery(function() {
jQuery("#toc a").click(function(e) {
var ahref = jQuery(this).attr('href');
var val = jQuery(this).text();
ga('send','event','toc', val, ahref);
});
});
</script>設置場所
cocoon設定 - ヘッダー用コード より
アナリティクスの見方
設置が完了したら、データを確認していきます。
データが溜まるまで少し時間がかかるので、
最短で、1〜3日ほど
がっつりデータをみたい方は、1ヶ月ほどみておくとある程度データがたまっているはずです。
アナリティクスを開き、「行動」 ー 「イベント」 選択します。
そのあと、
「ページ」をクリックすると、「toc」という項目が表示されます
各ページごとのデータが格納されています。
データが少なすぎる時の対処方法
もしかしたら、データが少ないすぎて判断できない、、ということがあるかもしれません。
そういうときは、レコーディングツールを使った方が効果が高いです。
実際使ったなかで、使いやすかったのは、hotjarです。
ヒートマップとして有名な計測ツールですが、
実はレコーディング機能が優秀です。
無料版で最大300回データのレコードを取得することができ、始めたての人はこちらの方が有益なデータが取れると思います。
まとめ
アナリティクスのイベント計測機能はとても便利です。
今回は目次のクリック率を計測しましたが、
アフィリエイトのクリック数
なども計測ができて、コンバージョン施策としても活躍します。
この内容は僕が運営しているサイトで紹介していますので、興味ある方は参考にしてもらえればなと！
この記事が気に入ったらサポートをしてみませんか？