新・元地方の中規模印刷会社で苦悩するWebデザイナー改めWebディレクターの日記

自由な20代、窮屈な30代を経て、遂に40代になっちまったWebディレクター&パソコン講師の覚書と思う言(こと)。略称【ちほちゅう】

*

WordPress(ワードプレス)+Google Analytics(グーグルアナリティクス)ですべてのリンククリック(クリックイベント)を計測する設定

      2016/04/26

  • このエントリーをはてなブックマークに追加

WordPress(ワードプレス)+Google Analytics(グーグルアナリティクス)でこれだけはやっておきたいシリーズ第二弾。
ちなみに第一弾は先日ネタにしたこちら。
□ WordPress(ワードプレス)+Google Analytics(グーグルアナリティクス)でサイト内検索を計測する設定 | ちほちゅう

で、今回はページ内の全リンククリックを計測させる設定です。
あくまでも主観ですがこれ、全リンクに何やら設定をしないといけないと思っていたのですが、実はJQueryを使えば簡単なJavascript表記を書き加えるだけで可能でした。

スポンサーリンク
 

書き加えるJavascript表記は以下です。

<script type=”text/javascript”>// <![CDATA[
jQuery(function() {
jQuery(“a”).click(function(e) {
var ahref = jQuery(this).attr(‘href’);
if (ahref.indexOf(“chihochu.jp“) != -1 || ahref.indexOf(“http”) == -1 ) {
ga(‘send’, ‘event’, ‘内部リンク’, ‘クリック’, ahref);}
else {
ga(‘send’, ‘event’, ‘外部リンク’, ‘クリック’, ahref);}
});
});
// ]]></script>

情報源: 少し玄人ぶって、Googleアナリティクスのイベントトラッキングをサイト改善に使ってみよう!

「chihochu.jp」のところは自分の使っているドメインに書き変えてください。

これを、テーマに「STINGER5」を使っている自分の場合は以下の部分に書き加えます。

WPクリックイベント-設定

ポイントは「Google Analytics」タグ(埋め込み用JavaScript)が書かれている部分です。
同じテーマを使っていなくても、「Google Analytics」タグと同じ場所(直下)に書いてあげれば行けると思います。
テンプレートファイルとしては「header.php」か「footer.php」であることが多いと思います。
自分の場合は「footer.php」でした。

なお、JQueryが必須となりますのでその辺り注意してください。
もっとも、最近のテーマはだいたいディフォルトでJQueryに対応(WordPress自体が対応?)しているようなので、さほど気にしなくてもいいと思います。

もっとも、以下のソースをヘッダーに書き加えるだけで基本的にはOKですが。

<script src=”//ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js”></script>

「1.12.0」のところはバージョンです。
もし、最新バージョンで動かなければちょっと古いバージョンに変えてあげるといいでしょう。

さて、そんなこんなで計測できるようになったクリックイベントですがどのように表示されるか見てみましょう。

一番手っ取り早いのはリアルタイム計測ですね。
「リアルタイム」→「イベント」と行きます。

クリックイベントリアルタイム計測

イベントカテゴリに「内部リンク」「外部リンク」と表示されていれば計測されています。
(どちらか一方だけでもOK)

ただ、あまりPVのないサイトなどでは計測されていてもリアルタイムでは表示されないことがあります。
そういうときは、こちらです。

「行動」→「イベント」→「サマリー」といって行動からイベントを確認する方法です。

クリックイベント行動計測

こちらは今までのログがちゃんと見れます。日程指定も可能。
設定してから数値が伸びているのが分かります。

一つだけ気になったのがサイトの速度ですが、殆ど影響がないみたいです。
ぶっちゃけ、当サイトにおいては逆に早くなってました(たまたまだと思うけど)

速度計測

とまあ、いろいろ計測できる「Google Analytics」ですが、他にもスクロールを計測したり、決まったリンクのクリックを計測したりさせることも可能です。

この辺りもいずれ紹介できればと思っていますが、前述の「サイト内検索計測」とこちら「クリック計測」くらいは設定も簡単なのでやっておくといいんじゃないかと思います。

 - SEO・SEM, 覚え書き , , ,

アドセンス広告メイン

Message

メールアドレスが公開されることはありません。

  関連記事

スマホ(スマートフォン)を機種変した時のLINE(ライン)の移行手順と注意点【Android→iPhone編】

スマホをiPhoneに変えた旨は先日ネタにしてました。 docomoのAndro …

iPhoneでYouTubeをBGMに使う方法

iPhone(アイフォーン)でYouTubeをBGMにツイッターやFaceboo …

カット&ペースト怖い。スマホ(スマートフォン)で撮った写真を完全に削除する方法

これは間違いなく自分が悪いんだけど、でも意外とやっちゃいそうなことなのでネタにす …

GmailとMMS(SMS)を使って任意の一つ(一意)のポータルが攻撃されたら通知させる設定【INGRESS】

アノマリーメダルも届き、再びモチベーションの戻ってきたINGRESS。 ポータル …

no image
当ブログをリンクさせて頂いたサイト(常時更新)

相互リンク用のページです。常時更新されます。

アンカー付きオブジェクトへのテキストの回り込みができない【InDesign】

久しぶりにInDesign(インデザイン)ネタ。 普段使ってないので忘れちゃって …

no image
Googleにインデックスさせないリンクの入れ方

Googleなんでさほど問題はないとは思うんだけど、 Yomi-Searchベー …

Android系スマートフォンを購入してまずするべきこと

そろそろAndroidスマホにも慣れてきたところ。そこで、Android系スマホ …

新語・流行語大賞2013ノミネート発表。今年は「じぇじぇじぇ」か「アベノミクス」か?

去年もやっていたので今年もやっておきます。新語・流行語大賞ノミネートの発表と予想 …

ツイッターとiPhoneの連絡先を同期する方法

FacebookとiPhoneの連絡先を同期させる方法は先日解説しました。 これ …