![見出し画像](https://assets.st-note.com/production/uploads/images/30363473/rectangle_large_type_2_4678f0a220a46839695f832bc235ac8a.png?width=1200)
目次のクリック率をサクッと計測!アナリティクスを使った計測方法を解説
目次のクリック率を知りたい…。
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>
ただ一点注意がありまして、プラグインによってコードが異なります。
設置後は、リアルタイムなどで実際に挙動しているか、チェックするとエラーなく実装できます。
それでは、本題に入ります・・!
今回は3パターンご用意しました!
・「アフィンガー + 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回データのレコードを取得することができ、始めたての人はこちらの方が有益なデータが取れると思います。
まとめ
アナリティクスのイベント計測機能はとても便利です。
今回は目次のクリック率を計測しましたが、
アフィリエイトのクリック数
なども計測ができて、コンバージョン施策としても活躍します。
この内容は僕が運営しているサイトで紹介していますので、興味ある方は参考にしてもらえればなと!
この記事が気に入ったらサポートをしてみませんか?