bellFace起点スマホ画面サポートの初期設定
トップページ » スマホ画面サポート機能｜カテゴリートップ » スマホ画面サポート機能｜事前設定 » bellFace起点スマホ画面サポートの初期設定
このページでは、bellFace起点スマホ画面サポートの初期設定を解説します。
初期設定では、bellFaceがあらかじめ用意したボタンや通知バーをご利用いただけます。
ボタンや通知バーのデザインをカスタマイズしたい場合は、以下ページをご参照ください。
＜ 目次 ＞
■ STEP 1：起動ボタンの設置
管理画面メニュー ＞ ［管理者メニュー］ ＞ ［スマホ画面サポート］にアクセスし、［起動ボタンのコードを取得する］をクリックしてください。
起動ボタン貼り付けコードの表示ウィンドウにて［ソースコードをコピー］をクリックし、対象ページにコピーしたソースコードの埋め込みをおこなってください。
■ STEP 2：JavaScriptコードの設置
手順1．
JavaScriptコード設置のためのサイトキーを取得します。
管理者ユーザーにて、管理画面メニュー ＞ ［管理者メニュー］ ＞ ［スマホ画面サポート］にアクセスし、詳細設定欄に記載のサイトキーをコピーし、Web担当者にご共有ください。
手順2．
送信ボタン・スナックバーの表示位置ごとに初期設定用のサンプルJavaScriptコードになります。
いずれかのコードを選択し、管理画面上で取得した「サイトキー」を以下のソースコード内の 「サイトキー」 に代入のうえ対象ページに埋め込みをおこなってください。
▼送信ボタン左下
javascriptCopied!
<script id="bf-script" src="https://static.bell-face.com/bellface-img-sharing-tag/bundle.js" data-client="サイトキー" data-option="ew0KICAiY29ubmVjdGlvbk1vZGUiOiAibnVtYmVyIiwNCiAgInBvc2l0aW9uIjoiYm90dG9tLWxlZnQiLA0KICAiZGVmYXVsdENTUyI6dHJ1ZQ0KfQ==" defer></script>▼送信ボタン右下
javascriptCopied!
<script id="bf-script" src="https://static.bell-face.com/bellface-img-sharing-tag/bundle.js" data-client="サイトキー" data-option="ew0KICAiY29ubmVjdGlvbk1vZGUiOiAibnVtYmVyIiwNCiAgInBvc2l0aW9uIjoiYm90dG9tLXJpZ2h0IiwNCiAgImRlZmF1bHRDU1MiOnRydWUNCn0=" defer></script>▼ 送信ボタン左上
javascriptCopied!
<script id="bf-script" src="https://static.bell-face.com/bellface-img-sharing-tag/bundle.js" data-client="サイトキー" data-option="ew0KICAiY29ubmVjdGlvbk1vZGUiOiAibnVtYmVyIiwNCiAgInBvc2l0aW9uIjoidG9wLWxlZnQiLA0KICAiZGVmYXVsdENTUyI6dHJ1ZQ0KfQ==" defer></script>▼ 送信ボタン右上
javascriptCopied!
<script id="bf-script" src="https://static.bell-face.com/bellface-img-sharing-tag/bundle.js" data-client="サイトキー" data-option="ew0KICAiY29ubmVjdGlvbk1vZGUiOiAibnVtYmVyIiwNCiAgInBvc2l0aW9uIjoidG9wLXJpZ2h0IiwNCiAgImRlZmF1bHRDU1MiOnRydWUNCn0=" defer></script>
※ Webサイト・ページへのコード設置作業は、サポート対象外となります。
※ パスワード入力画面など、サポートに関係しない画面への貼り付けは避けてください
マスキングなどの対応をおこなっていない場合に、個人情報などもキャプチャされてしまう可能性があります。
特定の項目をキャプチャから除外することも可能です。詳細は以下をご確認ください
設置ページの内容にご注意の上、ご検討ください。
※ 冒頭でロードされる必要性がないため、埋め込み位置はbody の閉じタグ（ </body> ）の直後が推奨となります
他のスクリプト実行との優先度や兼ね合いで適宜ご判断ください。
※ JavaScriptコードが埋め込まれていないページでは、スマホ画面サポートはご利用いただけません
例）「① JS があるページ → ② JS のないページ → ③ JS のあるページ」という操作を行った場合
② の画面での撮影や画面送信はできません。
②から③や①に遷移した場合、 ①と③のページで継続利用することは可能です。
※ スクリプトについては、Google Tag Managerでの設置を行うことが可能です
設置を行う場合、document.writeの設定を有効化のうえ、ご対応ください
※ コード設置後は、必ず動作をご確認ください
PCとスマートフォンをご準備のうえ、スマートフォンをゲスト側に見立てて動作確認をおこなってください。
当ページの内容にご不明点がある場合は、チャットサポート または 弊社カスタマーサクセスチーム宛（cs@bell-face.com）までご連絡ください。
■ このカテゴリーのページ
bellFace起点スマホ画面サポートの初期設定
最終更新日：2022/12/15