申し込みフォームにて必須事項が未入力のまま次のステップに進もうとした際に、リアルタイムでエラーメッセージを表示し、適切な入力を促します。これにより、入力ミスによる申し込み離脱を防ぎ、スムーズに契約手続きを完了できる環境を提供できます。

※ご注意
このシナリオは「未入力そのもの」を検知するものではなく、サイト上に表示されるエラーメッセージを前提に動作します。
フォームでエラーが出力される実装があることをご確認ください。

　

施策

  • 目的：フォーム入力で必須項目のエラーをフォロー

  • ゴール：フォーム完了

  • 主なターゲット：フォーム項目入力時にエラーがでた方

  • 接客を表示するページ：フォーム入力

概要

  • 入力フォームエラーを検知してイベントを発火

  • 発火したイベントを配信トリガーとしてコンテンツ（フォローメッセージ）を表示

設定方法

手順1：入力フォームエラーのイベント

すでに入力フォームエラーを検知できるイベントが存在する場合は設定の必要はありません。
こちらでは、コンテキストイベントを利用した入力フォームエラーイベント発火方法を示します。
※参考）Q.入力フォームエラー（input_form_error）のイベントはコンテキストイベント以外の方法はありますか？

  • ログインエラー時に特定文字列がページ上に表示（例：必須項目が入力されていません。）されていることを前提

    • コンテキストイベントの「入力フォームエラー」を利用してイベントを発火

      • コンテキストイベント及び詳細の設定についてはこちらを事前にご確認ください

      • 例：入力フォームエラー、特定箇所（セレクタ）に「必須項目が入力されていません。」が表示

        • CSSセレクタ：特定の文字列が表示されるセレクタ

        • チェックしたいテキスト：必須項目が入力されていません。

コンテキストイベント以外に、スクリプト配信でもイベント発火などでも設定は可能です。

手順2：接客テンプレートの選択

左メニューバーの「すベてのプロダクト > ストア > シナリオストア」 より、「必須項目の未入力を防ぎスムーズな申し込みを実現」というテンプレートを検索窓で検索し、「さっそく利用してみる」をクリックしてください。

※シナリオテンプレートが改修などにより無くなる可能性もある点ご留意ください。

手順3：アクションの編集

ポップアップで使う画像、テキスト、リンク先の設定などを行ってください。
接客サービス編集画面で追加したアクションの「編集」ボタンをクリックすると、アクション編集画面に移動することができます。

要素の設定

  • 各バナー要素やボタンリンク先を「アクション設定」より設定します

アクションの編集方法の詳細については、以下をご覧ください。
https://support.karte.io/post/5EoIkbQzbRxZpExRWdATwq

手順4：接客サービスの設定

接客配信の条件を設定します。
※推奨の設定条件を記載しておりますが、施策の目的やサイトの仕様によって条件はカスタマイズしてください。
※現在ないゴールやセグメントについては、以下の設定例を参考に新規作成してください。

  • ゴール

    • 対象のゴール（入力完了）を選択

      • ※検索結果にあたるイベントが存在している場合のゴール設定条件例

        • ゴールタイプ：イベント

        • イベントを選択：該当のイベント

        　

      • ※イベントが存在しない場合のゴール設定条件例

        • ゴールタイプ：ページ閲覧

        • ページ条件を指定：閲覧ページのパス > 次を含む（部分一致）> 該当ページのURL（ex.入力完了ページ:/form_complete/）

  • 対象ユーザー

    • すべて

      • 配信トリガーで入力フォームエラー（input_form_error）を指定するため実質エラー表示者に絞られます

  • 対象イベント

    • 配信トリガー

      • 入力フォームエラー（input_form_error） > 存在する

  • 配信頻度

    • アクセス毎

※ゴールの具体的な作成方法は、ゴールの設定方法をご参照ください。
※その他の設定については、施策の意図に応じて設定ください。
※推奨の設定条件を記載しておりますが、施策の目的やサイトの仕様によって設定条件はカスタマイズしてください。

配信前のチェック

  • 未実施グループを設定しましょう

  • 公開前にテスト配信をしましょう

接客効果の振り返り

以下を参考に接客効果の振り返りをしてください。

▼接客サービスの結果確認画面の見方
・アクション別に結果を比較する
　https://support.karte.io/post/4dS0dt9F779KwCrPOm7Sq1
・接客サービス詳細「効果の分析」タブの見方
　https://support.karte.io/post/17Fj6yNl4UWguEQJfbVTxm

▼接客サービスの振り返りのコツが分かる How to動画（KARTE Academy）
https://academy.karte.io/courses/1875613

よくある質問

Q.入力フォームエラー（input_form_error）のイベントはコンテキストイベント以外の方法はありますか？

A.はい。ログインエラー時の際に、イベントを発火すればよいので、他にも方法はいくつかあります。
一例として、 接客タイプ：スクリプト（ページ上の要素内のテキストをイベント送信）でのイベント発火は以下のイメージです。

  • 接客サービス > スクリプト配信 > ページ上の要素内のテキストをイベント送信 のテンプレートを選択

    • 例：ログインエラー時に、特定箇所（セレクタ）に「必須項目が入力されていません」が表示

      • イベント名：発生させるイベント名（入力フォームエラー（input_form_error））

      • フィールド名 ：イベントのフィールド内容（text）