11
操操操操操 操操操操操操操操 PC 操操操操操 URL 操操操 株株株株 Ptmind

Ptengine イベント設定 PC、スマホ同一URLの場合

Embed Size (px)

Citation preview

Page 1: Ptengine イベント設定 PC、スマホ同一URLの場合

操作と設定イベント設定機能PC とスマホで同一 URL の場合

株式会社 Ptmind

Page 2: Ptengine イベント設定 PC、スマホ同一URLの場合

ウェブページ上の「会員登録」や「資料請求」ボタンなどが何回クリックされたか、といった、ユーザーの特定の行動を計測したい時に使用するのがイベント機能です。

2

Ptengine のイベント設定機能とは

Page 3: Ptengine イベント設定 PC、スマホ同一URLの場合

3計測したいボタンをクリックして設定

HTML ソースに変更を加えることなく、ウェブページを管理画面から呼び出して、計測対象をクリックして設定できます。

Page 4: Ptengine イベント設定 PC、スマホ同一URLの場合

4

イベントを設定したいボタンを選択すると、「イベントの要素設定」ウィンドウが開きます。

Page 5: Ptengine イベント設定 PC、スマホ同一URLの場合

5

PC とスマホで同一 URL の場合、「イベント設定」の URL 一覧から設定画面を呼び出すと、

PC 向け画面が表示されます。

PC 向け画面

Page 6: Ptengine イベント設定 PC、スマホ同一URLの場合

6

スマートフォン向け画面のボタン等に

イベントを設定するためには、

スマートフォン向け画面を呼び出す必要があります。

※ Google Chrome ブラウザでの操作方法をご説明します。

Page 7: Ptengine イベント設定 PC、スマホ同一URLの場合

7

イベント設定画面が表示されたら、 Windows の場合は F12 キー、Mac の場合は、 Command + Option + I キーをクリックしてください。 Chrome の「デベロッパー画面」が表示されます。

Page 8: Ptengine イベント設定 PC、スマホ同一URLの場合

Chrome のデベロッパー画面で、図の (1) をクリックして青色の状態にした後、(2) で「 iPhone 6 」を選択します。ブラウザで再読み込みを行うと、 PC の画面からスマートフォンの画面に切り替わって、スマートフォンの画面を見ることができます。

8

ユーザーエージェント( UA の偽装)

(1)(2)

F12 キー( Mac の場合は Command +

Option + I キー)

スマートフォン向け画面

Page 9: Ptengine イベント設定 PC、スマホ同一URLの場合

PC の画面でイベントを設定する場合と同様に、イベントの設定を行ってください。

9

スマートフォン向け画面が表示されたら

Page 10: Ptengine イベント設定 PC、スマホ同一URLの場合

10

「イベントの要素設定」ウィンドウはスマホのウィンドウ内側に表示されるので、ウインドウをマウスで移動させて、操作を行ってください。

Page 11: Ptengine イベント設定 PC、スマホ同一URLの場合

11