メインコンテンツへスキップ

ヘッダフッタ内容を編集

  • ヘッダフッタ編集を利用する全てのページに共通するヘッダやフッタ画像を一括で変更することができます。また、全てのページに共通するコンテンツを独自に作成したい場合は、「共通コンテンツを利用する」をご参照ください。ヘッダフッタ内容を編集しますフォームのテーマ色を変更する共通コンテンツを利用するヘッダフッタ内容を編集します全てのページに共通するヘッダフッタの内容を編集します。編集方法は、次のとおりです。ページタイトルに共通メッセージを入力することができますヘッダフッタ編集画面（[WEB][ヘッダフッタ編集]）より、「共通タイトル」項目が対象です。初期設定は次のとおりです。-【会社名】ヘッダ部に画像を挿入しますHTMLを入力することができるので、画像の指定やclassやidの指定等もできます。ヘッダフッタ編集画面（[WEB][ヘッダフッタ編集]）より、「ヘッダHTML」項目が対象です。初期設定は次のとおりです。タグで指定している画像が、ヘッダフッタ編集画面の「ロゴファイル1」でアップロードされた画像を指定しています。フッタ部に画像を挿入しますHTMLを入力することができるので、画像の指定やclassやidの指定等もできます。ヘッダフッタ編集画面（[WEB][ヘッダフッタ編集]）より、「フッタHTML」項目が対象です。初期設定は次のとおりです。Copyright©$FORM{Date.now}【会社名】AllRightsReserved.タグで指定している画像が、ヘッダフッタ編集画面の「ロゴファイル2」でアップロードされた画像を指定しています。[登録]ボタンをクリックしますフォームのテーマ色を変更するフォームの配色を変更することができます。デフォルトは「skyblue」です。各テーマ色を選択し、フォーム上で実際に配色をご確認ください。注意選択肢以外の色を指定することができません。次にいくつかの例を表示します。skyblue管理画面設定フォームの表示色lightgreen管理画面設定フォームの表示色pink管理画面設定フォームの表示色共通コンテンツを利用する全てのページに共通するコンテンツ項目を有効化することで、独自で作成したスクリプトを全てのページへ一括で反映させることができます。利用方法は、次のとおりです。共通コンテンツ項目を有効化します共通コンテンツは、システム設定画面（[設定][システム設定一覧]）より、「共通コンテンツの使用」を「有効」にすることで、ヘッダフッタ編集画面（[WEB][ヘッダフッタ編集]）に項目が復元されます。ヘッダフッタ編集画面に共通コンテンツ10項目が追加されていることを確認します共通コンテンツ内に独自で作成したソースコードを入力します補足・共通コンテンツ項目は、「コンテンツ1」〜「コンテンツ10」の10項目が追加されます。・共通コンテンツ有効化後の運用や設定に関しては、お客様で管理してください。・「共通コンテンツ」で追加される変数は「システムテンプレート変数簡易一覧」には表示されません。$FORMは「コンテンツ1：$FORM{Common.contents1}」「コンテンツ2：$FORM{Common.contents2}」～「コンテンツ10：$FORM{Common.contents10}」を利用してください。デザインテンプレートに$FORMを挿入しますデザインテンプレートのカスタマイズ方法は、「テンプレート変更を利用する」ページをご参照ください。注意・コンテンツ項目内に弊社の独自変数（$FORM変数）を記載することはできません。
    https://smpdoc.shanon.co.jp/ja/web/headerfooter/
    • 設定方法 登録/更新 ユーザーマニュアル

    ヘッダフッタ編集を利用する

  • ヘッダーフッターの変更方法

    1. 全キャンペーン（セミナー）管理モードの[WEB]タブ>[ヘッダーフッター編集]メニューをクリックします。
    2. ヘッダフッタ設定画面が表示されます。
      ________6.png
      　　　　　　　　　　　　　　　　　　　図１:ヘッダフッタ調整画面
    3. 下記の項目の内容をそれぞれ変更します。

      ・[ヘッダHTML]項目にヘッダー情報を設定します。
      ・[フッタHTML]項目にフッター情報を設定します。

    4. 編集後、[登録]ボタンをクリックします。
      登録完了後、申込画面のヘッダー及びフッター情報が変更されます。

    [ヘッダフッタ設定]では以下の設定項目があります。
    あわせて参考にしてください。

    項目名

    内容

    共通のタイトル

    ブラウザのウィンドウタイトルになります。
    [ページタイトル] - [共通のタイトル]が表示されます。
    例：入力画面 - SHANON

    javascript/CSSなど

    JavascriptやCSSのコードを直接記述し、動作させることができます。

    ヘッダHTML

    ヘッダー情報を設定することができます。

    フッタHTML

    フッター情報を設定することができます。

    ロゴファイル1～3

    ロゴ画像ファイルをアップロードしキャンペーン（セミナー）ページ等で表示することが出来ます。

    コンテンツ1～10

    独自のデザインテンプレート変数($FORM)を作成することが出来ます。

     

    関連FAQ

    デザインテンプレート変数の作成方法や有効化方法については、以下のFAQをご確認ください。

     

    • 変更 FAQ 操作方法 ロゴファイル

    自社のロゴやフッターリンク等をSMP上に表示させる方法

  • デザインテンプレートのカスタマイズによって、ヘッダーやフッターを非表示にすることが可能です。


    標準のキャンペーン（セミナー）のヘッダー、フッターの位置は以下です。（初期設定状態）

    _____1.JPG

    図1:ヘッダー・フッターの位置画像

     

    個別キャンペーンのヘッダー・フッターを削除する方法

    以下手順にて、テンプレートの修正を行うと 、

    全キャンペーン（セミナー）＞WEBタブ＞ヘッダーフッター編集＞ ヘッダHTMLに
    登録されている内容すべてが対象ページから削除されますので、ご注意ください。 
    （ページに表示されている会社のロゴ画像なども削除されます。） 

     

    1. 全キャンペーン（セミナー）管理画面（青い画面）より、 該当の個別キャンペーン（セミナー）管理画面（オレンジ画面）へ移動します。 
    2. キャンペーン（セミナー）タブをクリックします。
    3. 左メニューの[キャンペーン（セミナー）テンプレート変更]をクリックします。
    4. [デフォルトダウンロード(seminar.zip)]ボタンをクリックしてダウンロードします。 
      ※ダウンロードしたseminar.zipは修正用とバックアップ用に分けて保存します。 
    5. seminar.zipを解凍します。
    6. 対象のファイルパスを確認します。


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

      キャンペーン（セミナー）詳細画面：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
      ※入力画面～確認画面～完了画面はURLが同一になりますが、別々のhtmlファイルを参照しています。 また、キャンペーン（セミナー）のフローにより、ファイルパスは異 なります。

    7. ヘッダーやフッターの変数を削除し、ファイルを保存します。
      -------------------------------------
      対象変数 
      -------------------------------------
      $FORM{Common.body_header}
      $FORM｛Common.body_footer｝
      -------------------------------------
    8. 上記修正が終わったseminar.zipを再度ZIPに圧縮します。
    9. SHANON MARKETING PLATFORMの画面に戻り、キャンペーン（セミナー）タブをクリックします。
    10. 左メニューの「キャンペーン（セミナー）テンプレート変更」をクリックします。
    11. [新規登録]ボタンをクリックして、seminar.zipを選択し、 
      [登録]ボタンをクリックします。

     

    • 削除 HTML FAQ 操作方法

    ヘッダー、フッターの削除方法

  • 現状のSHANON MARKETING PLATFORMには、[WEB]タブの[ヘッダーフッター編集]メニューのHTMLを初期設定（デフォルト）に戻す機能はございません。 


    下記に初期設定（デフォルト）の[WEB]タブの[ヘッダーフッター編集]メニューのHTMLを記載しておりますので、こちらをご利用ください。 
     

    初期設定（デフォルト）

    項目 値
    共通のタイトル - 【会社名】
    javascript/CSSなど 記述なし
    ヘッダHTML <div id="ss_header"><img src="$FORM{Common.logofile_1}" alt="SHANON MARKETING PLATFORM" title="SHANON MARKETING PLATFORM"></div>
    フッタHTML <div id="ss_footer"><address>Copyright &copy $FORM{Date.now<%Y>} 【会社名】 All Rights Reserved.</address><img src="$FORM{Common.logofile_2}" alt="Powered by SHANON MARKETING PLATFORM" title="Powered by SHANON MARKETING PLATFORM"></div>
    ロゴファイル ロゴファイル1と2に登録している画像は下記の画像ファイルからダウンロードください。

    ロゴファイル1：shanon_marketing_platform_header.gif
    ロゴファイル2：powered_by_shanon_marketing_platform.gif 
    • FAQ 操作方法 修正 ヘッダー/フッター

    WEBタブの[ヘッダーフッター編集]を初期設定（デフォルト）に戻す方法