Download to read offline
Ptengineの使い方
- 1.
- 2.
- 3.
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16. 16 イベント – 設定補足資料 イベント設定－スマートフォン向け画面編
- 17.
- 18.
- 19. 19 イベント設定画面が表示されたら、Windowsの場合はF12キー、 Macの場合は、 Command ＋Option ＋ I キーを クリックしてください。Chromeの「デベロッパー画面」が表示 されます。
- 20.
- 21.
- 22.
- 23. 23 イベント – 設定補足資料 イベント設定－ 計測対象のボタンのHTMLソースの文字列が 少し異なるボタンが 複数ある場合
- 24. 24 計測対象のボタンのHTMLソースの文字列が少し異なるボタンが複数ある場合 たとえば、下記のような「買い物かごに追加」ボタンのクリック数をイベント計測で計測したいとします。 <a href=”class=”add_basket” data-ItemID=”STB64889″>買物カゴに追加</a> <ahref=”class=”add_basket” data-ItemID=”DTB99057″>買物カゴに追加</a> <a href=”class=”add_basket” data-ItemID=”WTP99756″>買物カゴに追加</a> 上記3点の記述は、「data-ItemID=」の値が異なるため、上記のうちの一つ、 <a href=”class=”add_basket” data-ItemID=”STB64889” >買物カゴに追加</a> をイベント取得のソースとして設定すると、1つの商品分のボタンの計測しかできません。 そこで、イベント設定の管理画面で、「data-ItemID=”XXXXXXXX”」という部分を除外すると、 「data-ItemID=」の値に関わらず、「買物カゴに追加」ボタンのクリック数を計測することが可能になります。 (1) (2) (3) 一部の記述だけ異なるボタンなどを計測したい場合は、下記の設定画面で 設定を行います。 (1)「要素範囲」で「カスタム」を選択し、(2)「要素」で計測対象としない 要素のチェックを外します。(3) 「DOM構成を無視」にチェックを入れると、 ページ内で条件を満たす全ての要素のイベント発生を計測します。 同じ内容の要素がページ内で異なるDOM(Document Object Model) 構成にある場合に有効です。
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47. 47 アテンションヒートマップでウェブページの各エリアの滞在時間を計測する方法 ブラウザの位置が動いた時刻、クリックが発生した時刻から、各エリアの滞在時間を計測しています。 位置 A 位置 B 17時00分 00秒 17時00分 20秒 位置 C 17時00分 50秒 400Pixcel移動 位置Aに20秒滞在 ウェブページ ブラウザ 540Pixcel移動 位置Bに30秒滞在 Java Script Ptengine server サーバーに、位置情報を送る タイミングはいつか？ 1. 最初にページを開いた時 2.スクロールした時 3. クリック（タップ）した時 4. スクロールもタップもないまま 30秒経過して、まだ該当ウェブ ページ上にいる時 ページを開いた時 400pixcel 540pixcel 5. スクロールもタップもないまま 30秒経過して、該当ウェブ ページから離脱していたら？ →最後に計測した位置に15秒 滞在したとみなし計測する クリック 時間の経過 サーバーに送る
- 48.
- 49.
- 50.
- 51.
- 52.
- 53. 「インタラクティブ要素」「非インタラクティブ要素」 とは、下記のようなHTML要素を指します。 「インタラクティブ要素」： a, input, select,embed, object, textarea, button, 設定され たonclickイベント 「非インタラクティブ要素」： 上記以外の要素（例：img, p, ol, ul, li） 53 A
- 54.
- 55. イメージファイルでリンクを張ると、 （例）<a href="aaa.html"><img src="samplre.jpg"></a> 座標上は下記のように額縁の枠のようなスペースができます。 「インタラクティブ要素」だけは、クリック数を把握する際に取り こぼしが出ます。下記の例では、10＋5＝15がイメージファイルで リンクを張った箇所のクリック数になります。 55 「インタラクティブ要素」「非インタラクティブ 要素」両方にチェックを入れていただく理由： a 要素 ＝ インタラクティブ要素 img 要素 ＝ 非インタラクティブ要素 10クリック 5クリック
- 56.
- 57.
- 58.
- 59.
- 60.
- 61. ヒートマップ & 数値データ にかけられるフィルターの種類① 61 訪問関連 ・訪問の種類：新規訪問or 再訪問 でフィルタリング ・入口ページ：入口ページのURLを選択してフィルタリング 流入元 ・流入元の種類：検索、参照サイト、ソーシャルメディア、ノーリファラー、キャンペーンから選択してフィルタリング ・キャンペーンURL：キャンペーンのURLを指定してフィルタリング ・参照元のホスト名：選択したホスト名でフィルタリング（例：www.ptmind.co.jp） ・参照元URL：選択した参照元のURLでフィルタリング（例：www.ptmind.co.jp/info/re20121224.html) ・検索エンジン名：選択した検索エンジン名でフィルタリング ・検索エンジン（キーワード）：選択した検索エンジン＋検索時のキーワードでフィルタリング ・キーワード：検索エンジンにかかわらず、検索時のキーワードでフィルタリング ・ソーシャル：選択したソーシャルメディア名でフィルタリング ・ソーシャルURL：選択したソーシャルメディアのURLでフィルタリング ＝サイト改善のきっかけを つかむ際によく使われる フィルター
- 62.
- 63. ヒートマップ & 数値データ にかけられるフィルターの種類③ 63 CV ・CV名：登録したCV名別にフィルタリング ・CVタグ：登録したCVタグ別にフィルタリング キャンペーン ・キャンペーン名：登録したキャンペーン別にフィルタリング ・流入元：登録したキャンペーンの流入元別にフィルタリング ・メディア：登録したキャンペーンのメディア別にフィルタリング ・キーワード：登録したキャンペーンのキーワード別にフィルタリング ・コンテンツ：登録したキャンペーンのコンテンツ別にフィルタリング 前出 (3)CVの活用方法 (4) キャンペーンの活用方法 ＝サイト改善のきっかけを つかむ際によく使われる フィルター
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72.
- 73.
- 74.
- 75.
- 76.
- 77.
- 78.
- 79.
- 80.
- 81.
- 82.
- 83.
- 84.
- 85.
- 86.
- 87.
- 88.
- 89.
- 90.
- 91.
- 92.
- 93. 93 もちろんCVRは大事 広告A 広告C 広告B CVR 0.1% CVR 0.2% CVR0.8% LP CVRが高かった理由を知れば、知見がたまる！
- 94.
- 95.
- 96.
- 97. 97 広告A 広告B 広告C広告D 広告E 広告F 広告G 広告H 同じLPを、広告流入元別に ファーストビューが終わったエリアの スクロール到達率を比較してみましょう 56％ 66％ 56％ 47％ 51％ 59％ 47％ 43％
- 98. 98 広告A 広告B 広告C広告D 広告E 広告F 広告G 広告H 同じLPでも流入元広告が 違うとアテンションがこんなに違う
- 99.
- 100.