ABテストで使える！？仮想ページビューとは

#仮想ページビュー（Virtual Page View）とは？
LPO（ABテスト）を行う場合に、Googleアナリティクスで表示するページ名をパターン毎に分けたいケースがある。
例えば、●●●ドットコム（Aパターン）や××ジェイピー（メイン画像変更）など。
SEO上の問題から<title>タグを変更することは避けたい…、こういった場合に使えるのが**「仮想ページビュー」**である。

#どうやるか

通常のユニバーサルアナリティクスのコード箇所を…

<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-XXXXXXXX-X', 'auto');
  ga('send', 'pageview');

</script>

このように修正します。

<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-XXXXXXXX-X', 'auto');
  ga('send', 'pageview', {
  'page' : '/pattern_b.html',
  'title' : 'パターンB'
  });

</script>

##ページ名の表示が変更された

##ページタイトルが変更された

下記は変更したい方のみの記述でも良い。
'page' : '/pattern_b.html'
'title' : パターンB'

#ABテスト以外の利用ケース
例えば、利用しているシステムの兼ね合いで、下記のようにフォームのURLが明示的に変わらない場合などにも利用できます（HTMLの編集は可能な環境であると仮定します）。
（入力）http://www.example.jp/form/
（確認）http://www.example.jp/form/
（完了）http://www.example.jp/form/

入力

ga('send', 'pageview', '/form/input');

入力エラー

ga('send', 'pageview', '/form/error');

確認

ga('send', 'pageview', '/form/confirm');

完了

ga('send', 'pageview', '/form/thanks');

Googleタグマネージャーで同様のことを行う場合は、下記が参考になるでしょう。

[URLが変わらないフォームをGoogleタグマネージャを使って正しく計測する設定 | Webコンサルティング/Webマーケティングのパワー・インタラクティブ]
(http://www.powerweb.co.jp/column/gtm-ua-virtualPV.html)

#【PR】経由媒体ごとにABテストが出来る！「Smile LPO」
弊社：アンダス株式会社のサービス「Smile LPO」では、ページでのABテストのみならず、デザインパーツ単位でのテストも出来ちゃいます！詳細はコチラ！

[SmileLPO スマイルLPO | Smile Tools スマイルツールズ]
(http://smiletools.jp/slpo.html)