ユーザーが科学的データを動的フォームに入力し、フォーム入力が変更されると結果が動的に生成されるWebベースのアプリケーションを開発しました。Googleアナリティクスを使用してダイナミックフォームの使用状況を測定できますか？
フォームは動的なので、ページをリロードせずにユーザーが多くの時間を費やすことがあります。
私たちのクライアントは、各ユーザーが使用量や関与度を測定するためにフォームにいくつの調整を加えたかを知りたいと考えています。
フォームに加えられた変更の数を記録するJavascriptカウンタが既にあります。
また、変更されたフィールドの数（Javascriptで可能なフィールド数）を測定できるかどうかを尋ねました。
Googleアナリティクスでダイナミックフォームの使用状況を記録することはできますか？最善の方法/アプローチは何でしょうか？
はい、変更ごとに少しのJavascriptを追加できますか？
Googleタグマネージャを使用している場合は、イベントオブジェクトをdataLayerにプッシュしてこれらのオブジェクトをリッスンしてから、GAイベントタグを発生させることができます。
GTMをお持ちでない場合は、変更が発生するたびにGAイベントをハードコードするだけです。
各イベントで送信されるJavascriptについて何も言えない場合を除きますか？ Googleのタグマネージャ（GTM）イベントの
例：
dataLayer.push({
'event': 'form_change',
'eventCategory': 'forms',
'eventAction': [e.g. form name e.g. newsletter sign up],
'eventLabel': [type of change e.g. field value after change]
})
あなたは、値 'form_change' のカスタムイベントをリッスンするGTMを言うだろう。
ご覧になりたいサイトにアクセスすることはできますか？リンクがありますか？
コンテキスト変更イベントをGAに送信するために、onclickまたはonchangeトリガーイベントを使用できます。私は、これを達成するためにヘルパー関数を使用することが有用であることを発見しました。
この機能は、<head>に配置する必要があります。関連するフォーム名とコンテキスト（this）を入力してください。
<form>
<input type="text" name="field1Name" onchange="analyticsForm('formName', this)">
<input type="text" name="field2Name" onchange="analyticsForm('formName', this)">
<select name="field3Name" onchange="analyticsForm('formName', this)">
<option value=""> </option>
<option value="A">A </option>
<option value="B">B </option>
<option value="C">C </option>
</select>
<input type="checkbox" name="agree" value="false" class="checkbox" onclick="analyticsForm('formName', this)">
</form>
上記の例では以下に示すように、ページコード内
<script>
// helper function to trigger a Data Layer Form Event
analyticsForm = function(f, el) {
var formName = f;
var elName = el.name || el.id || el.type;
var category = 'interaction';
var action = 'form: ' + formName;
var label = elName + ':' + el.type;
// GA method of sending the event
ga('send', 'event', category, action, label);
// GTM method of sending the event
window.dataLayer.push({
'event': 'event',
'category': category,
'action': action,
'label': label
});
}
</script>
、analyticsForm機能（ラジオボタンまたはチェックボックスを含む）は、従来の形で各フィールドのonchangeと呼ぶことができますテキストフィールドまたは選択フィールドが変更されるか、チェックボックスまたはラジオボタンがクリックされるたびに、次の構造のイベントが呼び出されます。
{{form name}}{{element name/id}}：{{element type}}