Recomendados
Mais conteúdo relacionado
Destaque
Destaque (20)
Mais de Ptmind_jp
Mais de Ptmind_jp (20)
Ptengineの使い方
- 16. 16 イベント – 設定 補足資料 イベント設定－スマートフォン向け画面編
- 18. 18 スマートフォン向け画面の ボタン等に イベントを設定するためには、 スマートフォン向け画面を 呼び出す必要があります。 ※ Google Chromeブラウザでの 操作方法をご説明します。
- 19. 19 イベント設定画面が表示されたら、Windowsの場合はF12キー、 Macの場合は、 Command ＋ Option ＋ I キーを クリックしてください。Chromeの「デベロッパー画面」が表示 されます。
- 20. Chromeのデベロッパー画面で、図の(1)をクリックして青色の状態にした後、 (2)で「iPhone 6」を選択します。ブラウザで再読み込みを行うと、PCの画面から スマートフォンの画面に切り替わって、スマートフォンの画面を見ることができます。 20 ユーザーエージェント（UAの偽装） (1)(2) F12キー（Macの場合は Command ＋ Option ＋ I キー） スマートフォン向け画面
- 23. 23 イベント – 設定 補足資料 イベント設定－ 計測対象のボタンのHTMLソースの文字列が 少し異なるボタンが 複数ある場合
- 24. 24 計測対象のボタンのHTMLソースの文字列が少し異なるボタンが複数ある場合 たとえば、下記のような「買い物かごに追加」ボタンのクリック数をイベント計測で計測したいとします。 <a href=”class=”add_basket” data-ItemID=”STB64889″>買物カゴに追加</a> <a href=”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) 構成にある場合に有効です。
- 26. 26
- 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秒 滞在したとみなし計測する クリック 時間の経過 サーバーに送る
- 53. 「インタラクティブ要素」「非インタラクティブ要素」 とは、下記のようなHTML要素を指します。 「インタラクティブ要素」： a, input, select, embed, object, textarea, button, 設定され たonclickイベント 「非インタラクティブ要素」： 上記以外の要素（例：img, p, ol, ul, li） 53 A
- 55. イメージファイルでリンクを張ると、 （例）<a href="aaa.html"><img src="samplre.jpg"></a> 座標上は下記のように額縁の枠のようなスペースができます。 「インタラクティブ要素」だけは、クリック数を把握する際に取り こぼしが出ます。下記の例では、10＋5＝15がイメージファイルで リンクを張った箇所のクリック数になります。 55 「インタラクティブ要素」 「非インタラクティブ 要素」両方にチェックを入れていただく理由： a 要素 ＝ インタラクティブ要素 img 要素 ＝ 非インタラクティブ要素 10クリック 5クリック
- 60. 60 フィルター
- 61. ヒートマップ & 数値データ にかけられるフィルターの種類① 61 訪問関連 ・訪問の種類：新規訪問 or 再訪問 でフィルタリング ・入口ページ：入口ページのURLを選択してフィルタリング 流入元 ・流入元の種類：検索、参照サイト、ソーシャルメディア、ノーリファラー、キャンペーンから選択してフィルタリング ・キャンペーンURL：キャンペーンのURLを指定してフィルタリング ・参照元のホスト名：選択したホスト名でフィルタリング（例：www.ptmind.co.jp） ・参照元URL：選択した参照元のURLでフィルタリング（例：www.ptmind.co.jp/info/re20121224.html) ・検索エンジン名：選択した検索エンジン名でフィルタリング ・検索エンジン（キーワード）：選択した検索エンジン＋検索時のキーワードでフィルタリング ・キーワード：検索エンジンにかかわらず、検索時のキーワードでフィルタリング ・ソーシャル：選択したソーシャルメディア名でフィルタリング ・ソーシャルURL：選択したソーシャルメディアのURLでフィルタリング ＝サイト改善のきっかけを つかむ際によく使われる フィルター
- 63. ヒートマップ & 数値データ にかけられるフィルターの種類③ 63 CV ・CV名：登録したCV名別にフィルタリング ・CVタグ：登録したCVタグ別にフィルタリング キャンペーン ・キャンペーン名：登録したキャンペーン別にフィルタリング ・流入元：登録したキャンペーンの流入元別にフィルタリング ・メディア：登録したキャンペーンのメディア別にフィルタリング ・キーワード：登録したキャンペーンのキーワード別にフィルタリング ・コンテンツ：登録したキャンペーンのコンテンツ別にフィルタリング 前出 (3) CVの活用方法 (4) キャンペーンの活用方法 ＝サイト改善のきっかけを つかむ際によく使われる フィルター
- 66. 66
- 67. 67
- 68. 68
- 69. 69 比較するページを選択
- 73. 73 新規訪問 再訪問
- 78. 78 Section 5 設定
- 85. 85 フィルター
- 86. 86
- 87. 87
- 93. 93 もちろんCVRは大事 広告A 広告C 広告B CVR 0.1% CVR 0.2% CVR 0.8% LP CVRが高かった理由を知れば、知見がたまる！
- 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でも流入元広告が 違うとアテンションがこんなに違う
- 100. 100
Notas do Editor
- パン教室のサイトを事例にご説明します。
- ヒートマップのデータを何もフィルターを掛けずに見た場合、 いろいろな「セグメント」のユーザーが混ざり合っています。 「セグメント」を分けてヒートマップを見ると、ユーザーの行動の違いがわかって、気づきがあります。
- セグメントに分けて、ヒートマップを見るには、「フィルター」を掛けます。 こちらは、「新規訪問」のフィルターを掛ける操作。
- こちらは、