オンライン予約
お客様のスケジュールに沿った予約：お客様自身がサービス、担当者、空き時間を選択
事例と機能を見る →無料
このウィジェットを設定するSquarespace · ポートフォリオの次のステップ
Squarespaceサイトに連絡手段や予約を追加します。ウィジェットを選んで設定し、対応プランでCode Injectionからコードを貼り付けます。この方法ではcheckoutにウィジェットはインストールされません。consentと分析には別の手順が必要です。
カード不要・登録は1分、タグはさらに1分・設定の変更は5分でサイトに反映
必要なウィジェットを選択し、アカウントで設定します。通常のウィジェットは共通タグを使用しますが、consentと分析には個別の設置手順が重要です。
お客様のスケジュールに沿った予約：お客様自身がサービス、担当者、空き時間を選択
事例と機能を見る →無料
このウィジェットを設定する1つのフローティングボタン：WhatsApp、Telegram、電話、チャット — 最大12チャネル
事例と機能を見る →無料
このウィジェットを設定する訪問者とのライブチャット — 対応するのは業務チャットから回答する自社の担当者です
事例と機能を見る →無料
このウィジェットを設定するコールバック申請フォーム。PBX接続時は自動発信
事例と機能を見る →無料
このウィジェットを設定する「電話する」ボタン — ゲストは番号もアプリも不要で、サイトからお客様のPBXを通じて通話できます
事例と機能を見る →無料
このウィジェットを設定するポップアップ、埋め込みフォーム、クーポン、表示条件とA/Bテスト付きのクイズ
事例と機能を見る →$9/月
このウィジェットを設定するアカウントの注文・予約・記録・評価の件数を示すバッジ
事例と機能を見る →無料
このウィジェットを設定するサイトの隅に表示される、メニューの動画入りサークル。クリックすると音声付き動画と「注文」ボタンが表示されます
事例と機能を見る →無料
このウィジェットを設定する「予約する」ボタン → 1つのフォーム → 「テーブル」セクションへの申請
事例と機能を見る →$9/月
このウィジェットを設定する注文ボタンを押すと、既存のサイト上にストアフロントが開きます
事例と機能を見る →無料
このウィジェットを設定する「?」ボタン → 記事・検索・「役に立った」評価を備えたサイドパネル
事例と機能を見る →$19/月
このウィジェットを設定するプライバシーポリシー、利用規約、返金、Cookie、配送 — お客様の情報に基づいて作成し、サイトに埋め込みます
事例と機能を見る →$9/月
このウィジェットを設定するトラッカーの自動ブロックとGoogle Consent Mode v2に対応したCookie同意
事例と機能を見る →無料
このウィジェットを設定する選択したウィジェットとプラットフォームは登録時に保存されます。その後、アカウントでウィジェットを設定してください。Squarespaceのこの手順は開いたままにしておき、設定が完了したら以下のインストール手順に戻ってください。
プラットフォームの有料プランが必要
Code InjectionはCore、Plus、Advanced、および一部のレガシープランで利用できます。
Squarespaceのヘルプでは、Code InjectionについてCore、Plus、Advanced、および一部のレガシープランが挙げられています。パネルがご自身のアカウントで利用できるか確認してください。
プラットフォームの料金はウィジェットCenaly.comの価格とは別です。プランにCode Injectionがない場合、ページ内のHTMLブロックをグローバル設置と同等の代替手段と自動的にみなすことはできません。
このページのメニュー項目と料金条件は公式ヘルプに基づいています：
プラットフォームのヘルプと照合済み 2026-09-22
一般的なウィジェット：チャット、連絡ボタン、予約
<script src="https://cdn.cenaly.com/site/v1.js" data-domain="your-site.com" async></script>通常のウィジェット用のタグの例です。コードはアカウントから取得してください。デモ用ドメインに置き換える必要はありません。アナリティクスをブロックする場合は、以下に記載の別の手順を使用してください。 Cookieバナーと分析：別個の手順 →
Cenaly.comのアカウントでウィジェットを選択して有効にし、「My Site」で自分のタグを取得します。対象のサイトアドレスを指定してください。
SquarespaceでサイトツールからCode Injectionパネルを開きます。ご利用のプランで利用できるか確認してください。以下の公式ヘルプにパネルへの直接リンクがあります。
Headerはサイトのページのheadにコードを挿入します。分析の早期ブロックには、別のconsentタグと以下のセクションの手順を使用してください。
Saveを押して公開アドレスを開きます。Code Injectionはcheckoutではサポートされていません。
ウィジェットを開き、テスト質問を送信するか予約を完了させます。モバイルメニューとフォームを確認し、次に「My Site」で「Installation Check」を実行します。
チェックアウトページはこのコードに対応していません。lock page、order confirmation、order statusの各フィールドには別の用途があります。個別に確認せずにタグを重複して設置しないでください。
厳格なオプトインには、cookieバナー設定から専用のconsentタグを取得し、head内の最初のスクリプトとして、asyncとdeferを付けずに、アナリティクスや広告より前に設置してください。共通のasyncタグは、同意前にブロックされることを保証しません。
<script src="https://cdn.cenaly.com/consent/v1.js" data-domain="your-site.com"></script>テーマのコード、プラグイン、GTM、プラットフォームの組み込みインテグレーションを考慮してください。プラットフォームがそれらより前にconsentを設定できない場合、外部タグだけでは不十分です。インテグレーション自体で同意を設定してください。
opt-inでは既知のトラッカーはブロックされ、不明なものはCMPの手順に従って手動でマークアップする必要があります。すでに実行されたコード、サーバー側のSet-Cookie、service workersはタグでは停止できません。
公開サイトでクリーンなセッションとNetworkを開き、選択前と拒否後に、ブロックされるべきトラッカーのリクエストがないことを確認します。次に必要なカテゴリを承認し、起動と決定の変更を確認します。表示されるバナーとHTMLによる設置確認では、ブロックを証明できません。
サイトビルダーでは編集内容は下書きに保存されます。ページを再公開するまで、公開サイトにタグは反映されません。
管理画面 → マーケティング → 「マイサイト」。最初の欄にサイトのアドレス、その隣に「設置を確認」があります。
確認ではページの元のHTMLを読み取り、検出されたウィジェットを表示します。Google Tag Manager 経由で設置したタグは検出されません。これは確認の制限であり、設置の問題ではありません。
インストールエラーの対処はヘルプをご覧ください インストール手順 →
Code Injectionはサイトのページを対象としており、チェックアウトはコードに対応していません。トップページだけでなく、必要なURLを確認してください。
個別のページの場合：Pages → ページ設定 → Advanced → Page Header Code Injection。すでにグローバルに設置したタグを重複して設置しないでください。
タグを挿入しても、他のサービスからフォームやスケジュールが移行されるわけではありません。訪問者に同じウィンドウを2つ表示しないよう、1つの機能を選んでください。
Headerと接続済みの分析インテグレーションを確認してください。共通のasyncタグとバナーの表示だけでは、同意がトラッカーより先に読み込まれたことの証明にはなりません。
Code InjectionはCore、Plus、Advanced、および一部のレガシープランで利用できます。最新のSquarespaceヘルプは上記のとおりです。設定前にパネルへのアクセスを確認してください。
プランで利用できる場合は、ページのAdvanced設定にあるPage Header Code Injectionを使用してください。これはコンテンツ内のHTMLブロックとは別の方法です。
いいえ、説明したCode Injection経由の方法では、そこにコードは追加されません。これはサイトのページを対象としています。
保存、公開アドレス、ウィジェットの有効化、正しいドメインを確認してください。エディター外でサイトを開き、編集モードでコードが無効になっていないことを確認してください。
Shadow DOMはウィジェットのスタイルを分離します。ご利用のテンプレートの挙動、モバイルメニュー、フォーム、ボタンの重なりを確認してください。挿入方法だけでは保証できません。
同意前にトラッカーをブロックするには、専用のconsent/v1.jsをasync/deferなしでheadの先頭に置く必要があります。選択前、拒否後、承認後の読み込みを確認してください。プラットフォーム内蔵の分析機能は別途設定が必要な場合があります。バナーが表示されることは法律への準拠を証明するものではありません。
詳細（プラットフォーム別のインストール、設定、トラブルシューティング）はヘルプをご覧ください。 インストール手順 →
ご利用のプランでCode Injectionが使えるか確認し、目的を選んでウィジェットを設定します。設置後はスマートフォンで訪問者の導線を確認してください。
ウィジェットを選択カード不要・登録は1分、タグはさらに1分・設定の変更は5分でサイトに反映