Framer 向け SignalHost：プラグインを接続し、一度公開して、公開中のサイトにコードが入ったことを確認する

• 少なくとも一度は公開した Framer サイト。プラグインの接続にはサイトのアドレスが必要で、まだない場合は先に公開するよう求められます。
• Framer プロジェクトの編集権限。プラグインは接続をプロジェクトに保存し、サイトのカスタムコードに書き込みますが、どちらにもこの権限が必要です。
• SignalHost のアカウント。試すだけなら無料プランで十分です。毎月 1 万リクエスト、コンテナ 1 つ。アカウントは接続の途中でも作成できます。

Framer Marketplace で SignalHost を見つけ、プロジェクトで開きます。「Connect with SignalHost」ボタンが 1 つだけある小さなパネルとして開きます。それを押すと、ブラウザのウィンドウで signalhost.io が開きます。ログインするか、無料アカウントを作成してください。

そのウィンドウで作業を終えるまでパネルは待機し、自動で更新されます。ウィンドウを閉じてしまった場合は、「Open the window again」で再び開けます。10 分たっても応答がない場合、パネルはもう一度やり直すよう求めます。

ウィンドウには、プラグインがすることとしないことが表示されます。プラグインは、全ページにトラッキングコードを追加して最新の状態に保ち、コンテナのステータスを読み取って公開中のサイトにコードが入っているかを確認し、Framer でログアウトしたときに自動的に接続を解除します。サイトのその他の部分を変更することも、Google アカウントを使用することも、請求情報を見ることもできません。

既存のコンテナを選ぶか、「（サイト名）用の新しいコンテナ」を選んで短いウィザードを進めます。コンテナとは、あなた自身の Google アカウントに構築される、あなた専用のタギングサーバーなので、ずっとあなたのものです。新しいコンテナの構築には数分かかりますが、すぐに接続でき、コンテナの準備ができ次第プラグインがコードを追加します。「接続」を押すと、ウィンドウに「接続しました — Framer に戻ってください」と表示されるので、閉じてかまいません。

Framer に戻ると、プラグインが自動で接続を受け取ってコードを追加し、サイトを公開すれば稼働すると知らせます。

Framer はカスタムコードを公開済みのサイトでしか配信しないため、公開するまで訪問者にとっては何も変わりません。パネルには 2 つのステップが表示されます。「Tracking code added to every page」と「Publish your site to make it live」です。

いつもどおりに公開してから、パネルで「Check again」を押してください。SignalHost が公開中のホームページを取得し、コードを探します。見つかると、2 番目のステップが「Live on」とサイトのアドレスの表示に変わり、コンテナページでも設置が完了したと数えられます。プラグインが自分で公開することはありません。

公開中のサイトを開き、少し見て回ってください。パネルの「Open SignalHost」を押すとコンテナページに移動します。そこでは「詳細アクセス解析」の「最近」タブが直近 30 分をカバーし、「トラブルシューティング」の「チェックを実行」で届いたページビューを数えられます。Growth プラン以上では、「ライブイベント監視」に、届いたイベントが名前ごとに 1 件ずつ表示されます。

追加されるのは、サイトのカスタムコードにある 1 つのコードで、全ページの head の末尾に置かれます。中身は Google Tag Manager のローダーで、googletagmanager.com ではなくあなた自身のタギングアドレスを向いています。そこから Tag Manager コンテナを読み込み、Google タグはそれを通じてページビューを送信します。

誰かがプラグインを開くたびに、プラグインはそのコードをコンテナが必要とするものと比較し、何か変わっていれば置き換えます。それ以外には一切触れず、コンテンツ、CMS、訪問者のデータを読み取ることもありません。独自のイベントも追加しません。フォームの送信など、ページビュー以外のものは、サイトがデータレイヤーにプッシュしたときにコンテナに届きます。

接続はプロジェクトに保存されるので、プロジェクトの編集者は全員同じ接続を見ることになります。この接続で読み取れるのは、この 1 つのコンテナの設置用の値だけです。

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

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

ドメインが稼働すると、SignalHost が新しいコードを添えてメールでお知らせします。Framer では貼り付ける必要はありません。プラグインを開けば自動でコードが置き換わるので、あとは公開するだけです。それまでは古いアドレスが動作し続けます。プラグインを開いたのに公開を忘れていると、「Publish again: your live site still has an older version」と表示されます。

プラグインを使わずに同じコードを追加することもできます。コンテナページの「サイトに設置する」カードでコードを見つけて「コピー」を押します。Framer で「Site Settings → General → Custom Code」を開き、全ページの head の末尾に入るように貼り付けて、公開します。最後に、コンテナページで「設置しました」を押します。

失うものは、コードがコンテナに追従しなくなることです。タギングアドレスが変わったときは、SignalHost からメールで届く新しいコードで自分で置き換え、もう一度公開します。公開中のサイトにコードがあるかを確認するものもなくなります。どちらか一方だけを使ってください。プラグインも接続していると、全ページにコードが 2 つ入ってしまいます。

「設定 › 接続済みサイト」には、サイトが「Framer プラグイン」として、最後の通信日時とともに表示されます。

パネルの一番下とプラグインのメニューにある「Log out」は、SignalHost での接続を終了し、サイトのカスタムコードからプラグインのコードを削除します。カスタムコードの他の変更と同じく、削除が訪問者に反映されるのは次回の公開時です。コンテナとそのアクセス解析は残り、いつでも再接続できます。

「接続済みサイト」の「接続を解除」は逆の順序で働きます。次に誰かが Framer でプラグインを開いたときに、プラグインがサイトから SignalHost を削除し、公開中のサイトからは次回の公開時にコードが外れます。

• 接続の前に一度サイトを公開するようパネルに求められる：サイトにまだ公開済みのアドレスがありません。公開してから「Check again」を押してください。
• 編集権限、またはサイトのカスタムコードを編集する権限が必要だとパネルに表示される：プロジェクトのオーナーに編集権限を依頼してください。
• コンテナを設定中：数分後にもう一度開いてください。コンテナの準備ができ次第、プラグインがコードを追加します。
• SignalHost のコードがオフになっている：誰かが「Site Settings → General → Custom Code」でオフにしました。そこでオンに戻して公開してください。
• 公開中のサイトを読み取れなかった：SignalHost が公開済みのページを取得できませんでした。公開してから「Check again」を押してください。
• このサイトは SignalHost で接続が解除された：誰かが「接続済みサイト」で「接続を解除」を押しました。トラッキングを続けるには、もう一度接続してください。
• SignalHost に接続できなかった：しばらくしてからもう一度お試しください。
• その他：サイトのアドレスを添えて hello@signalhost.io までご連絡ください。

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