サイトに設置されているformが実行されたことを検知して、KARTE側にイベントを飛ばすケースを考えます。
- 例
- 資料請求フォームや来店予約フォームの入力内容を、KARTEのユーザー情報として連携する
form送信したことをイベントとしてトラッキングする
- form送信内容を含めずにform送信したこと自体をイベントとしてトラッキングしたい場合は、主にフィルターイベントを使用します
- form送信完了画面のURLパスを閲覧したことをトリガーに発火するフィルターイベントを作成します
- 詳しくは下記をご覧ください
form送信内容を含めてイベント発生させる
form送信内容をフィールドに含めてイベントを発生させるケースを考えます。
注意点
- form送信後に画面遷移が発生する場合、実装方法によってはイベントトラッキングの完了を待たずに画面遷移してしまいイベントがKARTEに送られないケースがあります
- form送信をJavaScriptで一時的に止めてからイベントトラッキングをする実装をした場合、実装方法によってはform送信自体ができなくなる可能性があります
- 上記が発生しないかどうか、複数ブラウザで十分に実装内容を検証してください
代表的な実装パターン
下記に、form送信内容をトラッキングするための代表的な実装パターンを示します。
A. サイトを改修し、form送信時にKARTEにイベント送信する
form自体の機能実装に手を入れて、下記の要件を満たすよう改修します。
- form送信時に、フロントエンドで送信を一時的に止めます
- KARTEのユーザータグやカスタムイベントタグで、form送信内容をKARTEにイベントトラッキングします
- KARTEへのイベントトラッキングが完了するか、タイムアウトになったら、止めていたform送信を再開します
B. サイトを改修し、form送信内容を送信完了ページで参照できるようにする
form自体の機能実装に手を入れて、下記の要件を満たすよう改修します。
- form送信内容を、SessionStorageまたはサーバーサイドで保持しておき、form送信完了ページでJavaScriptから参照できるようにします
- form送信完了ページ上で発火させるKARTEのユーザータグやカスタムイベントタグで、form送信内容をKARTEにイベントトラッキングします
- SessionStorageにデータを保持している場合は、KARTEへのイベントトラッキングが完了するか、タイムアウトになったら、データを削除します
※フォーム送信データをsessionStorage等に保持する場合、個人情報流出などのセキュリティリスクに十分配慮してください
注意点
tracker.form()というメソッドはページ上のリンククリック計測に使えますか？
tracker.form()は、タグv1の記述方法です。タグv1のサポート終了とともに、このメソッドも利用できなくなります- タグv2では、
tracker.form()と同様のメソッドは残念ながらサポートされません。代わりに本記事で紹介している方法をご利用ください - タグv2についての詳細は、下記をご覧ください