申込画面で「次へ」ボタンをクリックしても、入力画面から確認画面へ遷移しない原因の一つとして、デザインテンプレート内に必要な記述が入っていない可能性があります。
1.原因
デザインテンプレート修正の際に、申込入力画面の入力、確認画面のindex.htmlファイル内にある下記$FORMをコメントアウト、または削除している場合、申込み画面の「次へ」ボタンをクリックしても、入力画面から確認画面へ遷移しません。
$FORM | 説明 |
---|---|
$FORM{Common.all_vars} | クロスサイトリクエストフォージェリ(CSRF)対策のために用意された弊社独自のデザインテンプレート変数 |
-
クロスサイトリクエストフォージェリ(CSRF)とは、WEBアプリケーションの利用者に、特定のURLをクリックさせることなどによって、本来ログインしていなければ実行できないはずのリクエストを、利用者を介して第三者が実行する攻撃手法のことです。
図1:申込入力画面のindex.htmlをテキストエディタで開いたイメージ |
注意点
$FORM{Common.all_vars}に加え、図1赤枠の<form AUTOCOMPLETE ~から始まる変数も、申込フォームに必要な要素です。コメントアウトまたは削除しないようにご注意ください。
2.対策
コメントアウトされた該当の$FORMをコメントアウトを解除するか、記述自体ない場合、index.htmlファイルに追記します。
全キャンペーン>個別キャンペーン:「管理開始」リンク>サイドメニュー>[キャンペーンテンプレート変更]
- 全キャンペーンより、個別キャンペーンの[管理開始]リンクをクリックします。
- サイドメニュー>[キャンペーンテンプレート変更]リンクをクリックします。
- キャンペーン内の最新登録日時のseminar.zip、または[デフォルトダウンロード(seminar.zip)]リンクをクリックします。
- seminar.zipを解凍します。
- 申込入力画面のindex.htmlをテキストエディタで開きます。
※キャンペーンのフローにより、index.htmlへのファイルパスは異なります。
上記、seminar.zipを適用されている場合のファイルパスとなります。
例1)フロー名:キャンペーン申し込み([ユーザー情報])
申込入力画面:seminar/application/application_flow_master_id/user/index.html
例2)フロー名:キャンペーン申し込み([ユーザー情報/アンケート])
申込入力画面:seminar/application/application_flow_master_id/userenquete/index.html - $FORM{Common.all_vars}のコメントアウトを解除する、または記述自体ない場合は追記し、上書き保存します。
- 修正が終わったseminar.zipを再度ZIPに圧縮します。
- 個別キャンペーン画面に戻り、サイドメニュー>[キャンペーン]をクリックします。
- サイドメニューの[キャンペーンテンプレート変更]をクリックします。
- [新規登録]ボタンをクリックして、seminar.zipを選択し、 [登録]ボタンをクリックします。
- 申込み画面より、「次へ」ボタンをクリックし、確認画面に遷移することを確認します。
図2:デザインテンプレート編集イメージ |