197 人が現在オンライン
197 人が現在オンライン
Google アナリティクスのアカウント設定、プロパティ、ビューやフィルタ設定などについて、ユーザー同士で意見交換ができます。解析を通して浮かんだ質問やアイディアを投げかけ合って、よりデータ分析の知識を高めていきましょう。
ガイドを表示
star_border
返信

フォーム内でのユーザの動きを計測したい

中級者 ✭ ✭ ✭

お世話になっております。

 

表題の件について、
フォームの送信数は設定することで計測は可能かと思いますが、
フォームのどこで落ちたかなど、各入力項目における入力具合などは計測することは可能なのでしょうか。

 

ご教示いただけると幸いです。

1 件の受理された解決策

受理された解決策
ベストアンサーのマーク済み.
解決策
トピック作成者Daisukeさんが付与
12月

Re: フォーム内でのユーザの動きを計測したい

プロフェッショナル ✭ ✭

ご確認ありがとうございます。

 

>上記に記載の ”項目ごとに入力項目名を記述”とは、具体的にどういったものを記載するのでしょうか?

こちらは、「氏名」や「電話番号」など、その入力項目が何なのかを記入してください。

 

「一般的にこういう記載だと、これ」など例があればご教示いただきたいのですが。

例えば氏名欄であれば、通常はテキスト形式の入力欄になっているかと思います。

(サイトによってhtmlの記述は多少違うと思いますが)氏名欄が次のようなhtmlになっているのであれば

<input type="text" name="your-name" id="hogehoge" value="test" aria-required="true">

<input onfocus="ga('send', 'event', location.href, 'inputform', '氏名');" type="text" name="your-name" id="hogehoge" value="test" aria-required="true">

analytics.jsでは上記のようにonfocusのイベントハンドラを追記して頂きます。これを項目ごとにひとつひとつ設定してください。

 

そうすると、氏名欄にカーソルが当てられた際に

 

- カテゴリ:フォームページのパス(URL)

- アクション:inputform

- ラベル:氏名

 

がGoogleアナリティクスのイベントレポートで計測できます。

 

私のサイトでは問題なく計測されましたが、この方法はフロントエンドの知識もある程度必要になりますので、ご自身のフォーム周りの知識に不安を感じられているのであれば、フロントエンドエンジニアの方に私からの回答を見ていただいた上で、実装をお願いした方が良いと思います。

 

ご参考になれば幸いです。

もしお役に立てましたら、いいね♡のボタンや解決済みのボタンを押していただけますととても嬉しいです!Kumiko Muraji

元の投稿で解決策を見る

Re: フォーム内でのユーザの動きを計測したい

初級者 ✭
突然、Googleにログイン出来なくなった❗どうすれば良いですか?

Re: フォーム内でのユーザの動きを計測したい

[ 編集済み ]
プロフェッショナル ✭ ✭

Daisukeさん、こんばんは。

 

analytics.jsを直書きされている場合は、フォームページのhtml上の入力項目部分に

onfocus="ga('send', 'event', location.href, 'inputform', '(項目ごとに入力項目名を記述)');"

と記述すれば、入力項目にカーソルが当てられた際イベント計測されますので、これを以てどこまで入力されたかを判断することは可能かと思います。

 

GTMの場合は

 

①GTMのカスタムhtmlタグを用いて、各入力項目にカーソルが当てられた際下記のdataLayerを出力

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
	'event': 'inputform',
	'dl_label': '(項目ごとに入力項目名を記述)',
	});
</script>

 

②変数で「dl_label」を定義

スクリーンショット 2017-12-06 4.28.21.png

 

③トリガーで「カスタムイベント:inputform」を設定し、下記のようにイベントタグを作成

スクリーンショット 2017-12-06 4.29.31.png

 

で、上記のanalytics.jsを直書きの場合と同じ事ができます。

 

フォームの構造により実装方法は変わることが予想されますので、エンジニアさんにご相談の元、上記の実装を検討されたほうが良いかと思います。

 

ご参考になれば幸いです。

もしお役に立てましたら、いいね♡のボタンや解決済みのボタンを押していただけますととても嬉しいです!Kumiko Muraji

Re: フォーム内でのユーザの動きを計測したい

中級者 ✭ ✭ ✭
連さん
返信ありがとうございます!

上記に記載の ”項目ごとに入力項目名を記述”とは、具体的にどういったものを記載するのでしょうか?
フォーム周りの知識がなく「一般的にこういう記載だと、これ」など例があればご教示いただきたいのですが。
よろしくお願いします。
ベストアンサーのマーク済み.
解決策
トピック作成者Daisukeさんが付与
12月

Re: フォーム内でのユーザの動きを計測したい

プロフェッショナル ✭ ✭

ご確認ありがとうございます。

 

>上記に記載の ”項目ごとに入力項目名を記述”とは、具体的にどういったものを記載するのでしょうか?

こちらは、「氏名」や「電話番号」など、その入力項目が何なのかを記入してください。

 

「一般的にこういう記載だと、これ」など例があればご教示いただきたいのですが。

例えば氏名欄であれば、通常はテキスト形式の入力欄になっているかと思います。

(サイトによってhtmlの記述は多少違うと思いますが)氏名欄が次のようなhtmlになっているのであれば

<input type="text" name="your-name" id="hogehoge" value="test" aria-required="true">

<input onfocus="ga('send', 'event', location.href, 'inputform', '氏名');" type="text" name="your-name" id="hogehoge" value="test" aria-required="true">

analytics.jsでは上記のようにonfocusのイベントハンドラを追記して頂きます。これを項目ごとにひとつひとつ設定してください。

 

そうすると、氏名欄にカーソルが当てられた際に

 

- カテゴリ:フォームページのパス(URL)

- アクション:inputform

- ラベル:氏名

 

がGoogleアナリティクスのイベントレポートで計測できます。

 

私のサイトでは問題なく計測されましたが、この方法はフロントエンドの知識もある程度必要になりますので、ご自身のフォーム周りの知識に不安を感じられているのであれば、フロントエンドエンジニアの方に私からの回答を見ていただいた上で、実装をお願いした方が良いと思います。

 

ご参考になれば幸いです。

もしお役に立てましたら、いいね♡のボタンや解決済みのボタンを押していただけますととても嬉しいです!Kumiko Muraji

Re: フォーム内でのユーザの動きを計測したい

中級者 ✭ ✭ ✭
連様

お世話になっております。
ご教示いただきありがとうございます。

設定してみます。
また、不明点なあったら、ご教示いただければ幸いです。

以上、よろしくお願い致します。