「ログインが必要なコンテンツ」をWebサイトへ設置する具体手順を教えてください。
管理画面の「フォーム詳細」からコンテンツを作成してスクリプト(コンテンツID情報)を発行し、トラッキングコードが設置された自社Webサイトへ埋め込みます。
全体フロー(作業の全体像)
- 【BowNow管理画面】 会員登録フォームを作成する(※作成済みであれば省略可能)
- 【BowNow管理画面】 「ログインが必要なコンテンツ」を新規登録し、表示させたい限定情報(HTML/テキスト)を入力して専用スクリプトを発行する
- 【Webサイト側】 発行されたスクリプトおよび会員登録フォームをWebサイトへ設置する
手順(操作):① 管理画面でのコンテンツ作成とコード取得
- 管理画面の [フォーム・ファイル] > [フォームを管理する] を開きます。
- 事前に作成した対象の「会員登録フォーム」の [フォーム名] をクリックしてフォーム詳細画面を開きます。
- 画面下部の [ログインが必要なコンテンツ] エリアにある [新規登録] ボタンをクリックします。
- 「コンテンツを登録(変更)する」画面で以下の項目を入力します。
- コンテンツ名:管理用の名称を入力します。
-
コンテンツ内容(最大10,000文字):
ログイン後に表示させたいテキストやHTMLを入力します(※フレーム幅はデフォルトのままで問題ありません)。
※外部CSSファイルの読み込みはできません。装飾(色やボタン作成など)を行いたい場合は、コンテンツ内容内に直接<style>タグを記述してください。
※フレーム幅はデフォルトのままで問題ありません。 -
スクリプト設定(最大30,000文字 / 任意):
<script>~</script>を記述することで独自のスクリプトを追加できます。
※設定するスクリプトによってはBowNowコンテンツが正しく動作しなくなる場合があり、動作保証外となりますのであらかじめご了承ください。
- 入力が完了したら [登録] ボタンをクリックします。
- 作成後、該当コンテンツの [コンテンツID] をクリックし、表示された「サイト反映コード(スクリプト)」をすべてコピーします。
手順(操作):② サイト反映コードを取得してWebサイトへ設置する
-
トラッキングコードが設置されている自社WebサイトのHTMLソースを開き、限定情報を表示させたい場所へコピーしたサイト反映コード(スクリプト)を貼り付けます。
▼Webサイト側への埋め込みイメージ:<!-- Webサイトの一般ページ本文 --> <h2>会員限定コンテンツ</h2> <p>以下の枠内は会員のみ閲覧可能です。</p> <!-- ★ここにBowNowの専用スクリプトを貼り付け(※自動でiframeが生成されます) --> <script id="_bownow_ccs_sid_..."></script>
-
会員登録フォームの設置
同一ページ内(またはログイン画面からリンク表示される案内先ページ)に、未登録ユーザーが新規会員登録を行うための「会員登録フォーム」も設置します。
※Webサイトへの具体的な設置・埋め込み方法については、以下のヘルプページをご参照ください。
フォームをWebサイトへ設定する方法(詳細マニュアルはこちら)
仕様・補足(ログイン画面のカスタマイズ)
本設定で立ち上がるログイン画面(ダイアログ)の見た目や案内文章は、紐づけた会員登録フォーム側の設定からカスタマイズできます。
-
ログイン画面(枠・案内文・ログインボタン等)の見た目を変える
設定場所:[フォームを管理する] > 対象フォームの [編集] > [タブ:ログイン画面設定] -
ログイン後に表示される「中身(限定情報)」の見た目を変える
[ログインが必要なコンテンツ] の作成・編集画面内にある「限定コンテンツ内容」エリアへHTML/CSSを記述して編集- 案内文の変更:「ログイン画面表示説明文(上/下)」エリアからHTML記述が可能
- デザイン(CSS)変更:プレビュー上部の [CSS変更] ボタンから独自スタイルを記述
-
会員登録フォームの同時用意が必須
自動表示されるログインダイアログ内には新規登録用の入力枠がありません。新規ユーザーが登録できるよう、必ずWebサイト内に会員登録フォーム自体もセットで用意してください。-
【例外】手動パスワード付与の場合
フォームを設置せず、既存顧客等へ手動でパスワードを発行・案内する場合は、管理画面のリード詳細より手動設定を行ってください。
会員登録フォームに登録を行っていないユーザーにパスワードを付与する方法
-
【例外】手動パスワード付与の場合
-
トラッキングコードの設置必須
管理画面でコンテンツを作成しただけではWebサイト上に反映されません。必ず取得したサイト反映コードを対象Webページへ貼り付けてください。