WordPressの運用

WordPressのカテゴリーリンクのクリック数をAnalyticsで計測する

2017.09.14

2017.09.17

MagicMouse

WordPressのカテゴリーリンクのクリック数をGoogleAnalyticsのイベントトラッキングで計測する方法をご紹介します。親カテゴリー、子カテゴリー対応です。

WordPressの設定

当サイトのグローバルナビはカテゴリーリンクで生成されています。先日、子カテゴリーのドロップダウン表示を実装しましたが、ドロップダウンが実際どれぐらいクリックされるのか検証したくなり、クリック数を計測してみる事にしました。

Analyticsタグの埋め込み

Analytics側の設定はシンプルなjsを計測するボタンに追記するだけです。

<a href="#" onclick="ga('send', 'event', 'Category', 'Action', 'Label', 'Value');">ボタン</a>

設定するのはカテゴリー、アクション、ラベル、バリューでバリューは省略可能です。問い合わせボタンなどは以下のように設定しています。

<a onclick="ga('send','event','cv','click','cvBtn');" href="#" class="cv-area-btn">問い合わせ</a>

といった具合にシンプルなコードを追記するだけです。

wp_list_categoriesの問題

カテゴリーリンクの出力にwp_list_categoriesを使っていると個別にタグが追記できないので、カテゴリーリストのHTMLを自由に編集できるようにします。

カテゴリーリストのHTMLを自由に編集できるようにする

以下、HTMLが自由に編集できるようにしたコードです。親子カテゴリーに対応しています。この時点ではトラッキングコードは入れてません。

    <?php $categories = get_categories('parent=0'); ?> <?php foreach($categories as $category): ?> <?php $cat_id = $category->cat_ID; $cat_name = $category->cat_name; $cat_url = home_url('/').$category->category_nicename.'/'; $cat_slug = $category->category_nicename; $cat_child_list = wp_list_categories(array('child_of' => $cat_id,'echo' => 0)); ?> <li> <a href="<?php echo $cat_url ?>"><?php echo $cat_name ?></a> <?php if ($cat_child_list): ?> <ul class="children"> <?php $cat_child_id = get_categories(array('parent'=>$category->cat_ID)); ?> <?php foreach($cat_child_id as $chaild): ?> <?php $cat_child_url = home_url('/').$cat_slug.'/'.$chaild->category_nicename.'/'; $cat_child_name = $chaild->cat_name; $cat_child_slug = $chaild->category_nicename; ?> <li> <a href="<?php echo $cat_child_url; ?>"><?php echo $cat_child_name; ?></a> </li> <?php endforeach; ?> </ul> <?php endif ?> </li> <?php endforeach; ?>

トラッキングコードの記述

以下、カテゴリースラッグをラベルに設定しトラッキングコードを記述しています。

親カテゴリーのリスト
<li onclick="ga('send','event','gnav','click','<?php echo $cat_slug; ?>');">
子カテゴリーのリスト
<li onclick="ga('send','event','gnav','click','<?php echo $cat_child_slug; ?>');">

例ではliにタグを設置していますが、aの方が良いかもしれません。

設置の確認

設置の確認はAnalyticsのリアルタイム>イベントで行います。うまく設置できていたらイベントとしてカウントされます。アナリティクス オプトアウトなどでアナリティクスを除外していないブラウザでボタンをクリックしてみてイベントがカウントされていればOKです。

アナリティクスキャプチャー

WEBSITE DESIGN REQUEST

ホームページ制作依頼について

W・D・Sでホームページ制作をご希望の方はお気軽にご相談ください。
制作内容、ご予算、納期をお知らせいただくとスムーズです。

ホームページ制作を相談する