ブログに戻る

ブログ

Squarespace 向け SignalHost:アプリを接続し、コードを一度貼り付け、すべての注文を購入として送信する

公開 · 読了 9 分

Squarespace 向けの SignalHost はまだ Squarespace Extensions に掲載されていません。それまでは手動で追加できます: アプリを接続せずに使う

SignalHost アプリは、Squarespace サイトをサーバーサイド Google Tag Manager に接続します。Squarespace ではアプリがサイトのコードを書き込めないため、アプリは Code Injection に貼り付ける短いコードを 2 つ渡し、1 つ目がサイトにあることを確認し、注文から商品と合計金額を取り出して各購入を補完します。このガイドは、実際に出会う順番に沿って進みます。接続、貼り付け、確認、そしてうまくいかないときの対処です。

始める前に

  • Core、Plus、Advanced のいずれかのプランの Squarespace サイト。コードは Code Injection に入れますが、それ以外のプランにはこの機能がありません。
  • SignalHost のアカウント。試すだけなら無料プランで十分です。毎月 1 万リクエスト、コンテナ 1 つ。アカウントは接続の途中でも作成できます。
  • チェックのための公開済みのサイト。トライアル中のサイトやパスワードで保護されたサイトは非公開なので、SignalHost はまだ確認できません。また、トライアル中のサイトでは注文を受け付けられません。

1. 拡張機能をインストールして承認する

Squarespace の拡張機能から SignalHost をインストールします。すると Squarespace が、アプリによるサイトへのアクセスの承認を求めます。求められる権限は注文の読み取りだけです。承認してください。拒否した場合は何もインストールされず、SignalHost のページにその旨が表示されます。

続いて Squarespace から SignalHost に移動します。ログインするか、無料アカウントを作成してください。SignalHost 側から始めることもできます。コンテナのページの「ウェブサイトビルダーをお使いですか?」にある Squarespace のタイル(「接続してからコードを貼り付け」)を押すと、そのコンテナが選択された状態で同じ承認画面が開きます。

2. サイトをコンテナに接続する

次の画面には、アプリがすることとしないことが表示されます。アプリが注文を読み取るのは、各購入の商品と合計金額を送信するためだけで、顧客の情報は決して読み取りません。また、サイトを変更することも、Google アカウントを使用することも、請求情報を見ることもできません。

サイトのデータを送るコンテナを選ぶか、「(サイト名)用の新しいコンテナ」を選んで短いウィザードを進めます。コンテナはあなた自身の Google アカウントに構築されるので、ずっとあなたのものです。構築には数分かかり、準備ができ次第、貼り付けるコードが表示されます。「接続」を押してください。

3. コードを Code Injection に貼り付ける

「接続」の次の画面「Squarespace で完了する」には 2 つのコードがあり、それぞれに「コピー」ボタンが付いています。所要時間は約 2 分で、作業は一度だけです。

  • 「Header」に貼り付ける:Squarespace で Code Injection を開き、1 つ目のコードを Header 欄に貼り付けて保存します。これはサイトの全ページに入ります。
  • 注文ページに貼り付ける:2 つ目のコードを Order Confirmation Page 欄と Order Status Page 欄の両方に貼り付けて保存します。Squarespace は、ギフトカード、メンバーシップ、定期購入には前者のページを、物理商品、デジタル商品、サービスには後者のページを使うため、同じスニペットをそれぞれに入れる必要があります。何も販売しないサイトは、こちらを省略できます。

各欄の場所は、Squarespace 自身のCode Injection のガイドで確認できます。同じカードは、SignalHost がサイト上でコードを見つけるまで「Squarespace で設定を完了する」としてコンテナページに残るので、後から戻ってくることもできます。

4. 動作を確認する

カードの 3 番目のステップ「動作を確認する」は、SignalHost が公開中のホームページを自ら確認するものです。接続時、1 日 1 回、そして「もう一度チェック」を押したときに実行されます。「見つかりました」は、Header のコードがサイトにあることを意味します。注文ページは購入の後にしか存在しないため、注文用のスニペットはこの方法では確認できません。

次に、サイトを開いて少し見て回ってください。コンテナページでは、「詳細アクセス解析」の「最近」タブが直近 30 分をカバーし、Growth プラン以上では「ライブイベント監視」が、届いたイベントを名前ごとに 1 件ずつ表示します。最初の実際の注文は、コンテナのイベントの中に purchase として表示されます。

2 つのコードの役割

サイトに入るのは、あなたが貼り付けたものだけです。SignalHost が後からそれを変更することはできません。

  • Header のコードは Google Tag Manager のローダーで、googletagmanager.com ではなくあなた自身のタギングアドレスを向いています。そこから Tag Manager コンテナを読み込み、Google タグはそれを通じてページビューを送信します。
  • 注文用のスニペットは、注文ページが初めて表示されたときに 1 回だけ実行されます。注文の商品、税金、送料、クーポンをタギングアドレスに問い合わせ(SignalHost はこれらを顧客の氏名、メールアドレス、住所を含めずに Squarespace から読み取ります)、注文番号をトランザクション ID として、注文を purchase として送信します。この問い合わせに応答がない場合でも、注文番号と、ストアの通貨での Squarespace の合計金額は送信します。

購入は購入者自身のブラウザから送信されるので、Google アナリティクスと Google 広告は、それにつながった訪問を成果として計上できます。購入者が注文ページに戻ってきても同じ注文が二重に数えられることはなく、ページにまだローダーがない場合は、スニペットが自分でローダーを読み込みます。2 つ目のコピーを読み込むことは決してありません。

すべてのリクエストは広告ブロッカーが認識できない形でブラウザから送られ、タギングサーバーがそれを Google アナリティクス 4 と、コンテナページで設定した広告プラットフォーム(Google 広告、Meta、TikTok など)に転送します。Cookie バナーが Google Consent Mode を使っている場合、拒否した訪問者は Google の Cookie なしの ping としてのみ数えられます。

独自のトラッキングドメイン

コンテナは signalhost.io 配下のアドレスで始まります。有料プランでは、コンテナページの「カスタムドメインを設定する」が、代わりに sgtm.yoursite.com のような自社サイトのサブドメインを使う設定を案内します。これはフィルタリストを生き延び、クリックの Cookie をファーストパーティに保ちます。

コードを自分で貼り付けたので、切り替えも自分で行います。ドメインが稼働すると、SignalHost が新しいコードをメールでお送りします。古いコードは置き換えるまで動作し続けます。次回のチェックの後、または「もう一度チェック」を押したとき、コンテナページの Squarespace のカードが古いコピーを報告し、新しいアドレスを使った 2 つのコードを表示します。両方を置き換えてください。

アプリを接続せずに使う

アプリなしでローダーを貼り付けることもできます。コンテナページの「サイトに設置する」カードでコードを見つけて「コピー」を押します。手順 3 と同じように Code Injection の Header 欄に貼り付けて保存します。最後に、コンテナページで「設置しました」を押します。

失うものは 2 つあります。1 つは注文用のスニペットです。商品の問い合わせはアプリを通じて注文を読み取るため、SignalHost はこれを接続済みのサイトにしか渡しません。したがって購入は送信されません。もう 1 つは公開サイトのチェックです。後からアプリを接続しても Header のコードは同じなので、追加するのは注文用のスニペットだけです。

管理と接続の解除

「設定 › 接続済みサイト」には、サイトが「Squarespace アプリ」として表示されます。「接続を解除」は一度だけ確認したうえで、SignalHost による注文の読み取りを停止します。貼り付けたものを SignalHost が削除することはできません。コードは Code Injection で削除するまで読み込まれ続け、それまで購入は注文番号と合計金額付きで、ただし商品なしで届きます。コンテナとそのアクセス解析は残り、サイトはいつでも再接続できます。

Squarespace で拡張機能をアンインストールした場合も同じように接続が終了し、貼り付けたコードは削除するまで残ります。

うまくいかないとき

  • サイトで見つからない:Header のコードを貼り付けて保存し、「もう一度チェック」を押してください。貼り付ける Code Injection がない場合は、その機能のないプランです。Core、Plus、Advanced のいずれかが必要です。
  • サイトが非公開だとチェックに表示される:トライアル中のサイトやパスワード付きのサイトは、まだ確認できません。サイトが公開されれば、すぐにコードが動作します。
  • コンテナを設定中:数分でカードにコードが表示されます。構築に失敗した場合はカードにそう表示されるので、コンテナを開いてもう一度お試しください。
  • 「Squarespace へのアクセスが終了しました」:SignalHost が注文を読み取れなくなったため、購入が商品なしで届きます。カードで「もう一度接続」を押してください。
  • 「この接続リンクは使用できません」:Squarespace からやり直してください。SignalHost 拡張機能を開いて、サイトを接続します。
  • その他:サイトのアドレスを添えて hello@signalhost.io までご連絡ください。

商標について

SignalHost は Algorithmo GmbH の独立した製品であり、Squarespace、Google、Meta、TikTok とは提携しておらず、これらから承認を受けたものでもありません。Google Analytics、Google Ads、Google Tag Manager は Google LLC の商標です。Meta は Meta Platforms, Inc. の商標です。TikTok は ByteDance Ltd. の商標です。Squarespace は Squarespace, Inc. の商標です。

広告ブロッカーにデータを奪われ続けない

無料で始めましょう。最初のコンテナを数分で稼働できます。