【質問】URLが変わらない入力フォーム、計測するにはどうしたらよい?

WEB活用の教科書

今回の授業の先生



WEB活認定コンサルタント
松本 年史(まつもと としふみ)

執筆コラム

今週の質問と回答

【Q】
自社のWebサイト、資料請求の申し込みフォームが入力ページ×2、確認ページ、Thanksページの計4ページで構成されているのですが、ページが遷移してもURLは変わらない作りになっています。
 
資料請求の完了数やフォーム内の各ページの離脱数などを計測したいのですが、「Googleアナリティクスでは、URLが変化する作りになっていないと計測できない。」と担当者からは言われてしまいました。何か良い方法はないでしょうか?

 

【A】
今回のご質問は、URLの変化がない入力フォームにおいて、Googleアナリティクスの目標設定をどのように行えば良いか、という内容ですね。
 
目標の完了数だけでなく、フォーム内の各ページの離脱数なども計測したい場合は、Googleアナリティクスの「仮想ページビュー」という機能を活用して、計測出来るようにすると
良いでしょう。
 

Googleアナリティクスの「仮想ページビュー」は、実際には存在しないURL(ページビュー)をあたかも存在しているかのようにGoogleアナリティクスに計測させる為の機能です。
  
今回の場合、URLは変化しないものの、フォームの入力が進む毎にページが遷移する(=読み込まれる)形になっていますので、フォーム内の各ページが読み込まれる際に、仮想のURLをGoogleアナリティクスに送信するよう設定を行います。

 
例えば、質問のケースでは入力フォーム内においてURLが変化しないということなので、次のような構造になっていることが想定されます。
 
入力ページ1 https://example.com/shiryo/
入力ページ2 https://example.com/shiryo/
確認ページ  https://example.com/shiryo/
Thanksページ https://example.com/shiryo/
 
これを、例えば仮想ページビューの機能を使用して、以下のような仮想のURLをGoogleアナリティクスに送信するよう設定を行います。
 
入力ページ1 https://example.com/shiryo/input1/
入力ページ2 https://example.com/shiryo/input2/
確認ページ  https://example.com/shiryo/confirm/
Thanksページ https://example.com/shiryo/thanks/
 

仮想ページビューの設定は、比較的容易です。仮想ページビューを設定する各ページについて、ソースに記載されているGoogleアナリティクスのタグを次のように変更します。
  
※以下の記載は、ユニバーサルアナリティクスタグでの設定方法です。また、タグマネージャーにより設定を行っている場合は、記述内容が異なります。
 
変更前:ga(‘create’, ‘UA-XXXX-Y’, ‘auto’);
    ga(‘send’, ‘pageview’);
 
変更後:ga(‘create’, ‘UA-XXXX-Y’, ‘auto’);
    ga(‘send’, ‘pageview’, {‘page’: ‘URL’, ‘title’: ‘タイトル’});
 
‘URL’には、仮想ページビューとして送信するURLを(上記の入力ページ1の場合、「/shiryo/input1/」)、’タイトル’には任意のページタイトル(「入力ページ1」
など)を記述します。これにより、ページが読み込まれた際に、記述された仮想のURLとページタイトルが送信され、Googleアナリティクスで計測されるようになります。

 
これに加えて、Googleアナリティクスの管理画面で目標設定を行います。上記の例では、目標の種類として「到達ページ」を選択し、“到達ページ”にThanksページの仮想のURL(「/shiryo/thanks/」)を記述します。また「目標到達プロセス」をオンにした上で、入力フォームの各仮想URL(「/shiryo/input1/」「/shiryo/input2/」「/shiryo/confirm/」)を記述します。

 
以上を行うことで、Googleアナリティクスで資料請求に至ったアクセスを目標完了数として計測することが可能になるとともに、入力フォーム内のどのページで離脱が多いか
などの分析も行えるようになります。
  
得られた分析結果をもとに、入力フォームの改善を実施し、より多くの成果が挙げられるよう継続的な取組みを実施されると良いでしょう。

>>>「WEB活用の教科書」バックナンバーを見る

無料メルマガ「WEB活用の教科書」購読申し込み

お名前とメールアドレスと入力して[無料メルマガを購読する]をクリックすると、中小企業~個人事業主がWEBを活用してビジネスを展開するために必要なノウハウをお届けする無料メルマガ【WEB活用の教科書】を毎週水曜日にお届けいたします。いつでも配信解除ができますので、お気軽にご購読ください。

氏名 必須  
メールアドレス 必須