入力フォームの離脱を計測するイベントトラッキング

      2016/03/01

アクセス解析イメージ

Google Analyticsのリンクなどのクリックを計測する、イベントトラッキングのメモです。

下記のようなフォームがある場合、どの項目まで入力されたかを調べたい。そういう場合は、Googleアナリティクスのイベントトラッキングを設置すると調べることができます。

フォームサンプル

フォームの入力フィールド(inputタグとtextareaタグ)にイベントトラッキングの計測コードを仕込みます。

フォームイメージ

トラッキングコードの実装サンプル

イベントハンドラ="ga('send', 'event', 'カテゴリ’, 'アクション’, 'ラベル', 値);"

イベントハンドラは、onclick,onfocus,onmousedown,onsubmitなどをよく使いますが、今回は「onfocus」を使っております。

<input type="text" onfocus="ga('send', 'event', 'form1', 'focus', '1company-name', null, true);" 〜>

<input type="text" onfocus="ga('send', 'event', 'form1', 'focus', '2name', null, true);" 〜>

<input type="text" onfocus="ga('send', 'event', 'form1', 'focus', ' 3phone-number', null, true);" 〜>

<input type="text" onfocus="ga('send', 'event', 'form1, 'focus', '4email-address', null, true);" 〜>

<textarea type="text" onfocus="ga('send', 'event', 'form1, 'focus', '5inquiry-contents', null, true);" 〜>

トラッキングコードの設定項目

フォーム要素(会社名フィールド)

カテゴリ・・・form1-input
アクション・・・focus
ラベル・・・1company-name
値・・・(なし)
ノンインタラクション・・・TRUE

フォーム要素(お名前フィールド)

カテゴリ・・・form1-input
アクション・・・focus
ラベル・・・2name
値・・・(なし)
ノンインタラクション・・・TRUE

フォーム要素(お電話番号フィールド)

カテゴリ・・・form1-input
アクション・・・focus
ラベル・・・3phone-number
値・・・(なし)
ノンインタラクション・・・TRUE

フォーム要素(メールアドレスフィールド)

カテゴリ・・・form1-input
アクション・・・focus
ラベル・・・4email-address
値・・・(なし)
ノンインタラクション・・・TRUE

フォーム要素(お問い合わせフィールド)

カテゴリ・・・form1-input
アクション・・・focus
ラベル・・・5inquiry-contents
値・・・(なし)
ノンインタラクション・・・TRUE

※ノンインタラクションは、trueにすると直帰率に影響しなくなります。

参考サイト:入力フォームのどこで脱落したのか? Googleアナリティクスで評価する――実例で解説!イベントトラッキング(3)[第68回]

スポンサーリンク

 - オウンドメディア構築・運用で使える基礎知識