Googleアナリティクス基礎：仮想ページビューの設定と計測方法

X (Twitter) Facebook Hatena Pinterest Email Pocket

同一URLで計測が困難だったり、PDFや資料ダウンロードなどのクリックを仮想ページとしてトラッキングしたりする方法があります。Googleアナリティクスの公式ヘルプでは、仮想ページのトラッキングと記されています。

こんにちは、カグア！です。バーチャルページビューともよばれるこの手法は、Googleアナリティクスでは特別なトラッキングのときに、よく使われる手法です。

本記事では、仮想ページビューの設定について解説します。

本記事の執筆は、Googleアナリティクス歴5年目のカグア！（@kagua_biz）です。なお、情報は2015年10月時点でのものです。ご注意ください。

[kanren]

この記事の目次

仮想ページビューとは
- 仮想ページビューが使われるケース
- 仮想ページビューのトラッキングコード
Googleタグマネージャの仮想ページビュー設定
- 同一URL計測時の注意
仮想ページビューの関連情報リンク
まとめ

仮想ページビューとは

すみれ

仮想ページって何ですか？

カグア！

架空のページビューを発生させて計測するトラッキング方法だね。Googleアナリティクスでは伝統的によく使われてきた。

すみれ

架空のアクセスってことですか？

カグア！

そうだね。

すみれ

捏造Σ(；ﾟωﾟ)//

カグア！

たしかに実際にはブラウザで見えないケースで発生させるときもあるけど、ページビューと同等のことが行われたときに設定するケースがほとんどだから、捏造は言いすぎだぞｗ。

すみれ

そうだったんですね、ほっ。

＞＞その他のトラッキング方法 – アナリティクスヘルプ

プロが教えるいちばん詳しいGoogle アナリティクス 4 | NRIネットコム株式会社, 神崎健太

仮想ページビューが使われるケース

・同一URLでのページ遷移があり、通常のトラッキングだと正しい計測とは言えない。
・PDFダウンロードなどトラッキングコードを入れられないがPVと同等の行為を計測する。

カグア！

おもにこういったケースでよく使われるんだ。

すみれ

資料ダウンロードなんかは目標設定にしてもいいですもんね。

カグア！

そう！その通り！

すみれ

ビクッ！Σ(･ω･ﾉ)
驚かせないでくださいよー。

カグア！

Googleアナリティクスでは目標設定するには、ページビューかイベントになっているかしないと、設定できないよね。仮想ページビューを使うことで、架空とはいえページビューを発生させることには違いないので、目標として設定できることもメリットなんだ。

すみれ

デメリットは？

カグア！

別途設定しないといけなかったり、実際には見えないPVなわけだったりするから、うまく引き継げないと何のこのPV？みたいな余計なコストも発生しかねないなど。

すみれ

なるほど。使いドコロを考えてピンポイントで使うのがいいのかもですね。

カグア！

そうだね。

仮想ページビューのトラッキングコード

ga('send','pageview',{'page':'架空のURL','title':'架空のタイトル'});

仮想ページビューとは、運営者が能動的に「ここでページビューを発生させたい」とするGoogleアナリティクスのテクニックです。

ですから、通常のトラッキングコードを読み込んだ後、上記コードを、onClick で発生させたり、トラッキングコード内で動的な変数とともに埋め込んだりすることで、動作させます。

例1:資料ダウンロード

<A HREF="～" onClick="ga('send','pageview',{'page':'/download.html','title':'資料A'});"></A>

例2:同一URLでのページ遷移

ga('send','pageview',{'page':'/<?php echo $formstep; ?>','title':'<?php echo $formtitle; ?>'});

※$formstepや$formtitleは、動的に変わる変数など。

例3:クリック検知も含め計測

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){$("a").click(function(e){ 
var ahref = jQuery(this).attr('href');
if(ahref.indexOf("download.pdf")!=-1){
 ga('send','pageview',{'page':'/download.html','title':'資料A'});
}
});});
</script>

jQueryを使えば、フッターなどに入れて一括管理も可能。