バーチャルページビューの設定方法 （URLが変わらないページの計測）

会員登録フォームなどでURLが変わらないページのヒートマップ計測を行うためには、利用者側で以下の作業をしていただく必要がございます。

例として、今回は以下のようにフォームが変わらないURLを参考に設定しましょう。
https://example.com/vpv/form.html

そして、複数存在しているHTMLのページが以下のファイルで構成されているとします。

入力開始ページ：　form1.html
確認ページ　　：　form2.html
登録完了ページ：　form3.html

各htmlファイルに解析コード設定 #

Note：ページが変わってもPtengine解析コードのjsファイルが再度読み込まれない、またはサイトに貼り付けているPtengineの解析コードが一行タグになっている場合、サイトのロジックかGTM経由で設定に従って設定してください。
一行の解析コード：<script src="https://js.ptengine.jp/xxxxxxxx.js"></script>

• それぞれ３つのファイルに、Ptengineの解析コードを入れます。

  <script type="text/javascript">
      ptengine.page('観測したいURL');
  </script>
  

例えば、form1.htmlには追加するのは、以下の解析コードとなります。

<script type="text/javascript">
    ptengine.page('https://example.com/vpv/form.html/input1');
</script>

これと同様にform2.html、form3.htmlにも仮想ページの一行のコードをそれぞれ追加することで、同じURLを別々のページとして数値を計測することができるようになります。

サイトのロジックかGTM経由で設定 #

ページが変わってもPtengine解析コードのjsファイルが再度読み込まれない、またはPtengineの解析コードが一行のタグになっている場合、こちらで紹介するサイトのロジックに直接設定またはGTM経由での設定方法に従って設定してください。

サイトのロジックに直接設定：
ページが変わるタイミングで以下タグを呼び出すように直接サイトのロジックに仕組む必要があります。

ptengine.page('https://example.com/vpv/form.html/input1');

GTM経由で設定：
ページが変わるタイミングをトリガーに定義して、変わる時に、指定のJSを発火する設定を行なってください。

例えば、入力開始ページを記録したい場合、
1.入力ボタンを押すことをトリガーとして定義してください。

2.コードで入力ページを指定してください。