LoginSignup
7

More than 5 years have passed since last update.

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

Last updated at Posted at 2015-12-22

仮想ページビュー(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>

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

ページ.png

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

タイトル.png

下記は変更したい方のみの記述でも良い。
'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マーケティングのパワー・インタラクティブ

【PR】経由媒体ごとにABテストが出来る!「Smile LPO」

弊社:アンダス株式会社のサービス「Smile LPO」では、ページでのABテストのみならず、デザインパーツ単位でのテストも出来ちゃいます!詳細はコチラ!

SmileLPO スマイルLPO | Smile Tools スマイルツールズ

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
7