導入ガイド / Squarespace
SquarespaceにEmbentを導入
Squarespace標準搭載のCode Injectionパネルからスニペットを追加するだけです — プラグインもテーマファイルの編集も不要です。
始める前に
- Squarespace Coreプラン以上が必要です。Code Injectionは有料プラン限定の機能で、Basicプランでは利用できません。
- チェックアウトページはCode Injectionに対応していないため、そこにはウィジェットが表示されません。LockページとOrder-statusページには独自のCode Injection欄があるため、それらのページにもウィジェットを表示したい場合はそこにもスニペットを追加してください。
手順
1
埋め込みスニペットをコピー
Embentのダッシュボードでボットの Overview を開き、埋め込みスニペットをコピーしてください。次のような内容です:
<script src="https://api.embent.com/widget.js" data-bot="YOUR_BOT_ID" async></script>2
Code Injectionを開く
サイトのダッシュボードから Website → Website Tools → Code Injection に進みます(旧バージョン7.0のサイトでは Settings → Advanced → Code Injection)。
3
スニペットをFooter欄に貼り付け
Footer欄にスニペットを貼り付けます。ここに入れたコードは、閉じるbodyタグの直前にすべてのページで読み込まれます。Saveをクリックします。
動作確認
新しいブラウザタブでサイトを再読み込みしてください。チャットのアイコンが画面の隅に表示されます。自分のページについて質問すると、引用付きで回答するはずです。
うまくいかない場合
試してもウィジェットが表示されませんか?ほとんどのケースはこちらで解決します。
埋め込みコードを追加したのにウィジェットが表示されません — チャットのアイコンもボタンも何も出てきません「ウィジェットが表示されない」というケースのほとんどは、次の4点で解決します。まず、公開中のサイトを開いてページのソースを表示し(右クリック → ページのソースを表示)、「embent」を検索してください — スクリプトが見つからない場合、そのコードは公開済みのページに保存されていません。次に、スニペット内のdata-bot IDが、ダッシュボードのSettingsに表示されているものと一致しているか確認してください。3つ目に、サイトのページキャッシュとCDNキャッシュをクリアしてください — キャッシュされたページはウィジェットのない古いバージョンを表示し続けます。4つ目に、ダッシュボードでボットが一時停止(paused)されていないか確認してください — 一時停止中のボットは、意図的に訪問者に何も表示しません。
よくある質問
Basicプランですが、これを追加できますか?直接的にはできません。Code InjectionはCoreプラン以上で使える有料機能で、Basicプランではカスタムスクリプトを追加すること自体ができません。Core以上にアップグレードすると利用できるようになります。
チェックアウトページにウィジェットは表示されますか?いいえ。チェックアウトページはCode Injectionに対応していないため、ウィジェットは通常のサイトページにのみ表示されます。LockページとOrder-statusページには独自のCode Injection欄があるため、そこにも表示したい場合はスニペットを追加してください。
サイトの表示が遅くなりますか?いいえ。スクリプトは非同期で読み込まれ、ウィジェットは独自のフレームワークを持たずgzip圧縮後50KB未満なので、ページの描画をブロックすることはありません。
今すぐEmbentをあなたのサイトに導入しましょう。答えをでっち上げるくらいなら「わかりません」と言うAIエージェント。Freeプラン、カード登録不要 — ほとんどのサイトが2分以内に回答を始めます。
画面の隅にあるチャットのアイコンが、まさにこのページで動いているEmbent自身です — 私たちについて何でも聞いてみてください。