メインコンテンツへスキップ
  • 申込画面で「次へ」ボタンをクリックしても、入力画面から確認画面へ遷移しない原因の一つとして、デザインテンプレート内に必要な記述が入っていない可能性があります。

     

    1.原因

    デザインテンプレート修正の際に、申込入力画面の入力、確認画面のindex.htmlファイル内にある下記$FORMをコメントアウト、または削除している場合、申込み画面の「次へ」ボタンをクリックしても、入力画面から確認画面へ遷移しません。

    $FORM 説明
    $FORM{Common.all_vars} クロスサイトリクエストフォージェリ(CSRF)対策のために用意された弊社独自のデザインテンプレート変数
    • クロスサイトリクエストフォージェリ(CSRF)とは、WEBアプリケーションの利用者に、特定のURLをクリックさせることなどによって、本来ログインしていなければ実行できないはずのリクエストを、利用者を介して第三者が実行する攻撃手法のことです。

     

    _______________.png

    図1:申込入力画面のindex.htmlをテキストエディタで開いたイメージ

    注意点

    $FORM{Common.all_vars}に加え、図1赤枠の<form AUTOCOMPLETE ~から始まる変数も、申込フォームに必要な要素です。コメントアウトまたは削除しないようにご注意ください。

     

    2.対策

    コメントアウトされた該当の$FORMをコメントアウトを解除するか、記述自体ない場合、index.htmlファイルに追記します。

    全キャンペーン>個別キャンペーン:「管理開始」リンク>サイドメニュー>[キャンペーンテンプレート変更]
    1. 全キャンペーンより、個別キャンペーンの[管理開始]リンクをクリックします。
    2. サイドメニュー>[キャンペーンテンプレート変更]リンクをクリックします。
    3. キャンペーン内の最新登録日時のseminar.zip、または[デフォルトダウンロード(seminar.zip)]リンクをクリックします。
    4. seminar.zipを解凍します。
    5. 申込入力画面のindex.htmlをテキストエディタで開きます。

      ※キャンペーンのフローにより、index.htmlへのファイルパスは異なります。

      例1)フロー名:キャンペーン申し込み([ユーザー情報])
      申込入力画面:seminar/application/application_flow_master_id/user/index.html

      例2)フロー名:キャンペーン申し込み([ユーザー情報/アンケート])
      申込入力画面:seminar/application/application_flow_master_id/userenquete/index.html

      上記、seminar.zipを適用されている場合のファイルパスとなります。

    6.  $FORM{Common.all_vars}のコメントアウトを解除する、または記述自体ない場合は追記し、上書き保存します。
    7. 修正が終わったseminar.zipを再度ZIPに圧縮します。
    8. 個別キャンペーン画面に戻り、サイドメニュー>[キャンペーン]をクリックします。
    9. サイドメニューの[キャンペーンテンプレート変更]をクリックします。
    10. [新規登録]ボタンをクリックして、seminar.zipを選択し、 [登録]ボタンをクリックします。
    11. 申込み画面より、「次へ」ボタンをクリックし、確認画面に遷移することを確認します。

    cart.gif

    図2:デザインテンプレート編集イメージ

     

    3.関連コンテンツ

    「次へ」ボタンをクリックしても、入力画面から確認画面へ遷移しない②

  • デザインテンプレートのアップロード可能なファイルサイズは、システムで利用するテンプレート、キャンペーン(セミナー)で利用するテンプレートともに50MBになります。
    ※このファイルサイズの変更はできません。

    【1】アップロード可能サイズの確認方法
    【2】ファイル制限が設定される機能

    アップロード可能サイズの確認方法

    1. 全キャンペーン(セミナー)管理モードの[設定]タブ > [システム設定一覧]メニューをクリックします。
    2. システム設定一覧画面より以下の項目を確認します。
      テンプレートのファイルサイズ制限(MB)  50MB

    ______-_______________.gif

    ファイル制限が設定される機能

    以下の機能でシステム設定で設定されている通り、ファイルサイズの制限が設けられています。

    • システムで利用するテンプレート
    • キャンペーン(セミナー)で利用するテンプレート

    システムで利用するテンプレート(WEB-テンプレート変更

    1. 全キャンペーン(セミナー)管理モードの[WEB]タブ > [テンプレート変更]メニューをクリックします。
    2. システムで利用するテンプレート画面より[新規登録]ボタンをクリックします。
    3. システムテンプレート登録画面が表示されます。

    WEB__________.gif

    キャンペーン(セミナー)で利用するテンプレート(キャンペーン(セミナー)テンプレート変更

    1. 個別キャンペーン(セミナー)管理モードの[WEB]タブ > [キャンペーン(セミナー)テンプレート変更]メニューをクリックします。
    2. キャンペーン(セミナー)で利用するテンプレート画面より[新規登録]ボタンをクリックします。
    3. キャンペーン(セミナー)テンプレート登録画面が表示されます。

    ________________.gif

    関連マニュアル

    デザインテンプレートのアップロード方法に関しましては、以下SHANON MARKETING PLATFORM ユーザーマニュアルをご確認下さい。

    ▼デザインテンプレートカスタマイズマニュアル 
    P12 STEP4 デザインテンプレートを圧縮し、アップロードする

    btn_download.png

    デザインテンプレートのアップロード可能なファイルサイズの変更はできますか

  • config.yamlファイルとは

    キャンペーン(セミナー)テンプレートは、誤って別のキャンペーン(セミナー)に登録されたり、サンドボックス環境のものを本番稼働環境に登録されたりすることを防ぐために、「config.yaml」ファイルを含んでいます。

    ここではSHANON MARKETING PLATFORM (以下、SMPと表記)ドメインの変更や他のキャンペーンに登録する際の「config.yaml」ファイルの編集方法をご案内します。

     

    キャンペーン(セミナー)テンプレートのダウンロード、アップロード方法はSMPご利用ガイドをご参照下さい。


    btn_readmore.png

     

    config.yamlファイルの編集方法

    1. テキストエディタで[config.yaml]ファイルを開きます。
    2. ファイル内の「Url:」を[https://ドメイン名/]に書き換えます。
    3. [config.yaml]ファイルを保存します。

    system.zipの場合

    sys_configyaml.jpg

     

    semina.zipの場合
    アップロードするキャンペーン(セミナー)のIDの記載が必要になります。

    sem_configyaml.jpg

     

    キャンペーン(セミナー)テンプレートの config.yamlファイルについて教えてください。

  • 独自のデザインテンプレート変数($FORM)は、「コンテンツ機能」を利用することで作成することが可能です。
    こちらの機能では、増やした「項目枠」へ「共通のソースコード」を入れ、お客様側で一元管理ができます。

    --------------------------------------------
    「コンテンツ機能」とは
    --------------------------------------------

    全キャンペーン(セミナー)管理 [WEB]タブ>サイドメニュー:ヘッダーフッター編集 の中に
    「コンテンツ1」〜「コンテンツ10」という「項目枠」を追加することができます。
    「コンテンツ1」〜「コンテンツ10」分の変数が利用できるようになります。

    360026424613-1.jpg

    コンテンツをシステムのWEBページに出力するための変数は以下になりますので、
    デザインテンプレートの編集にて差込をしたいページに以下変数を埋め込み、管理します。
    コンテンツ1:$FORM{Common.contents1}
    コンテンツ2:$FORM{Common.contents2}
       ・
       ・
       ・
    コンテンツ10:$FORM{Common.contents10}

    デザインテンプレートの変更方法につきましては、以下マニュアルをご参照ください。

    ▼WEB
    デザインテンプレートカスタマイズマニュアル

    btn_readmore.png


    <ご留意点>
    --------------------------------------------

    • 「コンテンツ機能」機能を利用するためには、「共通コンテンツの使用」を有効化する必要があります。
      有効でない場合はシャノン カスタマーサポートまでご連絡ください。
       ※「コンテンツ機能」を有効にするには数日かかる可能性がありますのでご了承ください。

       ◆「コンテンツ機能」機能有効/無効の確認方法
      1.全キャンペーン(セミナー)管理モード[設定]タブ>サイドメニュー[システム設定一覧]を開きます。
      2.[共通コンテンツの使用]が[有効]となっているか確認します。
    • 「コンテンツ機能」にて追加される変数は「システムテンプレート変数簡易一覧」には表示されません。
    • 機能有効後の運用・管理に関しましては、お客様にて設定などを行ってください。
    • コンテンツ項目内に弊社の独自変数($FORM変数)を記載することはできかねます。

    --------------------------------------------

    デザインテンプレート変数($FORM)を独自で作成することはできますか?

  • 下記手順で、表示している画面のファイルパスの確認ができます。

    1.対象キャンペーン(セミナー)の[管理開始]リンクをクリックします。
    キャンペーン(セミナー)タブにある、[来場側詳細WEBページ(代理登録利用可)]リンクをクリックし、キャンペーン詳細画面(ランディングページ)を表示します。

    2.キャンペーン(セミナー)左上のアクティングアラートフィールドに「テンプレートパスの表示」の項目が表示されますので、[切り替え]リンクをクリックし「ON」にします。
    ONにすると、表示されている申込画面で使用しているデザインテンプレートファイルのファイルパスが表示されます。

    360005551993-1.jpg 3.ファイルパスを確認したいページへ移動し、画面左上の赤太枠で囲まれたファイルパスを確認します。
    こちらが現ページのhtmlファイルパスとなりますので、デザインテンプレートファイル(seminar.zip、system.zip)を展開して、そのパスを元にファイルを特定します。

    hidariue.JPG

     
    【ファイルパスの例】
    system.zipを読み込んでいる場合は、seminar_baseが表示されます。
    seminar_baseとseminar.zipの最初のseminarの階層は同じです。
    例)キャンペーン(セミナー)詳細ページ
    system/seminar_base/seminar/preview.html
    seminar/seminar/preview.html

    ※入力画面~確認画面~完了画面はURLが同一になりますが、別々のhtmlファイルを参照しています。
    また、キャンペーン(セミナー)のフローにより、ファイルパスは異なります。

     例1:seminar.zipを適用されている場合
    -------------------------------------------------------------------
    【1】フロー名:キャンペーン申し込み([ユーザー情報])
    -------------------------------------------------------------------

    キャンペーン(セミナー)詳細画面:seminar/seminar/preview.html
    申込入力画面:seminar/application/application_flow_master_id/user/index.html
    申込確認画面:seminar/application/application_flow_master_id/confirm/index.html
    申込完了画面:seminar/application/application_flow_master_id/complete/index.html

     例2:seminar.zipを適用されている場合
    -------------------------------------------------------------------
    【2】フロー名:キャンペーン申し込み([ユーザー情報/アンケート])
    -------------------------------------------------------------------

    キャンペーン(セミナー)詳細画面:seminar/seminar/preview.html
    申込入力画面:seminar/application/application_flow_master_id/userenquete/index.html
    申込確認画面:seminar/application/application_flow_master_id/confirm/index.html
    申込完了画面:seminar/application/application_flow_master_id/complete/index.html

    ※上記例1、例2のファイルパスは、個別キャンペーン(セミナー)にてデザインテンプレートを設定している場合のものになります。

     

    デザインテンプレートをカスタマイズするための操作マニュアルはこちらをご確認ください。

    ▼WEB
    デザインテンプレートカスタマイズマニュアル
    btn_readmore.png




    申込画面のデザインを編集したいのですが、どのファイルを編集すればいいですか?