WordPressを使ってGoogleアナリティクスのカスタムディメンションを設定する方法

2015年05月29日（金）

WordPressを使ってブログを書いている方や、管理している方向けの記事です。（WordPressの関数を使って、説明していますが、使っているCMSによってあわせて変更すれば、どのCMSでも使えます。）Googleアナリティクスのカスタムディメンションを有効活用してGoogleアナリティクスのアクセス解析結果をより見やすいものに変えてみようと思います。

Googleアナリティクスのカスタムディメンションという機能をご存知ですか？

この記事の目次

カスタムディメンションとは？

簡単に言うと、お客様のデータを格納できる箱です。例えば、訪問してきたユーザの属性情報を入れて、Google アナリティクスで計測ができるようになるオリジナルのディメンションです。url毎にどの会社の人が見ているのかわかるようにするのは、こちらのサンプルを御覧ください。

以前書いた、どこどこJPとの連携もカスタムディメンションを使って連携させています。

Googleアナリティクスと「どこどこJP」を連携させるとすごい便利！
http://www.e-agency.co.jp/column/20150223.html

Google アナリティクスのカスタムディメンジョンを使用すると、サイトから独自データをGoogleアナリティクスに送信し、独自データをアクセス情報の集計に利用することができます。

カスタムディメンションを使うには、ユニバーサルアナリティクスが必要です。

Google アナリティクスは、従来のトラッキングコードga.js と新しい analytics.js （ユニバーサルアナリティクス）があります。カスタムディメンションを使うには、 analytics.js （ユニバーサルアナリティクス）に変更する必要があります。

analytics.js に更新していない方はユニバーサルアナリティクスアップグレードセンター – Google アナリティクス — Google Developers などを参考に更新してください。参考までに従来のトラッキングコードとユニバーサルアナリティクスとのコードの違いを書いておきます。

従来のトラッキングコード（ga.js）

<script type="text/javascript">
// IMPORTANT: Remove this code snippet when upgrading to analytics.js
 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXX-Y']);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
 
</script>

ユニバーサルアナリティクス（analytics.js）

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
ga('create', 'UA-XXXX-Y', 'auto');  // Replace with your property ID.
ga('send', 'pageview');
 
</script>

Google アナリティクスの管理画面でカスタムディメンションを作成

アナリティクス設定（Google アナリティクス管理画面）をクリックし、カスタム定義の中にあるカスタムディメンションをクリックします。

新しいカスタムディメンションというのが表示されます。こちらをクリックしてください。

カスタムディメンションの名称を決定

カスタムディメンションを追加という画面が表示されます。カスタムディメンションの名前をここに入れます。まだ決めていない場合は、読み進めてから決定しても良いです。一度定義してしまったら削除出来ないので慎重にすすめてください。
※作成した順番でdimention1,dimention2,dimention3という順番で作成されます。

カスタムディメンションのサンプルコード

作成すると上図の様にサンプルコードが表示されます。カスタムディメンションのサンプルとして、JavaScriptとAndroid SDKとiOS SDKの３種類が表示されます。今回は、Googleアナリティクスのウェブバージョンを使用するので、JavaScriptのソースコードを使用します。

作成するとこのようになります。

一番目に著者というカスタムディメンションを作成してみました。無事作成出来るとこのように表示されます。

WordPressを使ったサンプルソースです。

カスタムディメンションのタグの実装をWordPressを使って実装サンプルを作りました。

1.著者データ取得方法。
誰が書いた記事が人気なのか？すぐわかって便利ですね！
著者別のアクセス解析データを出すことで、著者別のPVを出したり人気記事を振り返るのに良いですよね。

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
  ga('create', 'UA-XXXXXXX-X', 'example.com');
  ga('set', 'dimension1', '<?php the_author_meta('user_login'); ?>');
  ga('send', 'pageview');
</script>

2.カテゴリーデータ取得方法。
複数のカテゴリーがあるサイトなら、カテゴリー毎の人気記事を抽出したいときに使えます！
カテゴリー別でデータを見たいときに使える指標だと思います。

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
  ga('create', 'UA-XXXXXXX-X', 'example.com');
  ga('set', 'dimension2', '<?php $cats = get_the_category(); echo $cats[0]->slug;?>');
  ga('send', 'pageview');
</script>

3.投稿日時取得方法。
投稿日時をいちいちサイトから確認しなくても、アクセス解析上で表示できて便利ですね！
今月の記事だけをリストアップしたい時があるので日の設定は Y/m　として2015/05 のようなデータの入れ方にしました。

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
  ga('create', 'UA-XXXXXXX-X', 'example.com');
  ga('set', 'dimension3', '<?php the_time('Y/m'); ?>');
  ga('send', 'pageview');
</script>

以上3つを組み合わせたもの。

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
 
  ga('create', 'UA-XXXXXXX-X', 'example.com');
  ga('set', 'dimension1', '<?php the_author_meta('user_login'); ?>');
  ga('set', 'dimension2', '<?php $cats = get_the_category(); echo $cats[0]->slug;?>');
  ga('set', 'dimension3', '<?php the_time('Y/m'); ?>');
  ga('send', 'pageview');
</script>

上の合わせたサンプルソースは、dimention1には、著者、dimention2には、カテゴリー、dimention3には、日時をしてしたものです。

設定が完了するとこのようになります。

Googleアナリティクス上にカスタムディメンションは、下図の様に反映されます。

スクリーンショット 2015-05-27 14.59.16

セカンドディメンションにカスタムディメンションという項目が表示され、ソートできるようになります。

スクリーンショット 2015-05-28 14.42.44

上図のデータは、カスタムレポートのデータです。2015年5月のPV数が見たい！など月ごとのデータが見やすくなりました！毎月のコンテンツの評価などを出すためにこのカスタムディメンション便利ですね！更にセカンドディメンションで著者を追加すれば、特にPVを稼いだ著者をソートできます。

カスタムディメンションを作るときの注意事項

その１

一度作成したカスタムディメンションやカスタム指標は削除できませんが、アカウントの設定から管理、編集することは可能です

カスタムディメンションやカスタム指標を設定、編集する – アナリティクスヘルプ
※2015年4月現在、1度作成したら削除することは出来ません。

その２

通常のGoogleアナリティクスのアカウントでは、20個まで作成可能です。もっと細かく設定したい場合には、200コマで作成できるGoogleアナリティクスプレミアムをおすすめします。イー・エージェンシーは、Googleアナリティクスプレミアムの公式リセラーです。もし設定やカスマイズなどのご相談がある場合は、問い合わせよろしくお願い致します。

Google アナリティクスプレミアム導入 | e-Agency https://www.e-agency.co.jp/services/googleanalyticspremium.html

Google アナリティクス認定パートナーが提供する解析ソリューション | 株式会社イー・エージェンシー http://www.e-agency.co.jp/services/googleanalytics.html

次回、記事予告。Googleタグマネージャを使ってカスタムディメンションを指定する方法。

このページをシェア、ブックマーク

著者

この記事を書いたのはattripです！

大学卒業後、DJ KRUSH氏との仕事を契機に、Web業界に進む。
現在はおもてなしを科学する“実践型Webプロデューサー”株式会社イー･エージェンシーに勤務。マーケティングチーム広報。
個人ブログアットトリップ http://attrip.jp/　は、月間181万ＰＶ
Google+

Facebookで購読