17. 埋め込みサイト設定 | ミカタFAQ マニュアル

開き方

サイトの中の右上の「埋め込みサイト設定」ボタンを押します。埋め込みサイト設定では管理者と編集者を変更できます。

項目	説明
埋め込みタグ	自社サイトのページに貼るタグです。「タグをコピー」ボタンを押してコピーします。
FAQの表示を許可するサイト	FAQを表示することができるサイトのドメインです。 1行に1つで、「＋ドメインを追加」ボタンを押すと行を追加できます。ここに登録したサイトだけがこのFAQを表示できます。
埋め込みの見た目	埋め込みタグと同じ枠の中。タグを貼った先でのFAQの最大幅・配置・左右と上下の余白。選ぶとすぐに保存されます（タグの貼り直しは要りません）。

利用モードが「独立サイトのみ」に設定されている場合は、「このサイトは『独立サイトのみ』なので、いまは使われていません」と表示されます。見た目などに変更を加えても独立サイトには反映されません。

タグは <script src="…/widget/faq-widget.js" data-site="サイトキー" defer></script> の形の1行です。FAQを出したいページのHTMLの中で表示させたい位置に貼ります。ページ中の、本文の途中でも末尾でも構いません。

貼る作業は、自社サイトを管理している人に頼んでください。「このタグをこのページのここに貼ってほしい」と伝えれば足ります。タグの下の「貼り方」（貼る位置についての説明と、幅が貼った場所に合わせて広がることについての説明が書いてあります。）もお伝えください。

FAQは、タグを貼った場所の幅いっぱいに広がり、文字の大きさや書体はそのサイトのものを引き継ぎます。

幅の広い場所で横に間延びしたり、スマホで画面の端にくっついたり、前後の文章と詰まって見えてしまう、といった表示の不具合がある場合、こちらの設定で表示を整えます。

項目	選べるもの
最大幅	制限なし／700／800／900／1000px。置いた場所がこれより広くても、FAQはこの幅で止まります。
配置	中央寄せ／左寄せ。最大幅より広い場所に置いたときに、どちらに寄せるか設定します。
左右の余白	なし／8／16／24px。スマホで端にくっつかないようにします。
上下の余白	なし／16／24／32px。前後の文章との間の設定です。

最初から「900px・中央寄せ・左右16px」が入っています。迷ったらこのままで構いません。文字の大きさはサイトに合わせて自動で決まるので、ここでは変えられません。

プルダウンで選ぶと、その場で保存されます（下の「保存」は押さなくて構いません）。タグを貼ったページを次に開いたときから反映され、タグを貼り直す必要はありません。「プレビュー」の「埋め込み」を別のタブで開いておくと、選ぶたびに自動で読み直されるので、見ながら調整できます。

www.example.com のように、ドメインだけを書きます。ページのパス（/support/ など）や https:// は要りません（URLを貼り付けても、ドメインの部分だけが保存されます）。

www のあるものと無いものは別物です。実際にFAQを出すページのドメインと同じ形で書いてください。http と https は区別しないので、どちらでも通ります。

テスト用のサイトと本番のサイトの両方に出すときは、「＋ドメインを追加」で行を足して、両方を入れます。入力欄でEnterを押しても次の行が足せます。行の右の「削除」で外せます。どちらも「保存」を押すまで反映されません。

ここが空欄のままだと、埋め込んだFAQはどのサイトにも表示されません。この画面に注意が出て、サイト一覧のカードにも「許可ドメイン未設定」の印が出ます（利用モードが「独立サイトのみ」のサイトには出ません）。