ブログに戻る

ブログ

BigCommerce 向け SignalHost:アプリをインストールし、一度確認するだけで、すべての売上をサーバーサイドで計測

公開 · 読了 9 分

BigCommerce 向けの SignalHost はまだ BigCommerce App Marketplace に掲載されていません。それまでは手動で追加できます: SignalHost を手作業で追加する

SignalHost アプリは、コードを貼り付けることなく、BigCommerce ストアにサーバーサイド Google Tag Manager を導入します。Script Manager を通じて 2 つのスクリプトを追加し、BigCommerce 自身のデータレイヤーを Google アナリティクスの e コマースイベントに変換し、当社側で何かが変われば両方を最新の状態に保ち、アプリを削除すればスクリプトも一緒に消えます。このガイドは、実際に出会う順番に沿って進みます。インストール、コンテナの接続、確認、テスト、そしてうまくいかないときの対処です。

始める前に

  • Stencil テーマを使っている BigCommerce ストア。スクリプトはそこで動作します。Catalyst を含むヘッドレスのストアフロントでは、スクリプトも BigCommerce のデータレイヤーも描画されないため、コードを直接追加する必要があります。
  • SignalHost のアカウント。試すだけなら無料プランで十分です。毎月 1 万リクエスト、コンテナ 1 つ。アカウントはインストールの途中でも作成できます。
  • まだ公開していないストアも接続できます。ただし、公開されるまで SignalHost はストアフロントを確認できません。

1. アプリをインストールする

BigCommerce App Marketplace で SignalHost を開き、インストールします。BigCommerce が、アプリの求める権限を一覧表示します。Content は Script Manager を通じてスクリプトを書き込むため、Checkout Content はスクリプトをチェックアウトと注文確認ページでも動かすため、Information & Settings はストアの名前と通貨を読み取り、データレイヤーをオンにするためのものです。確定すると、コントロールパネルの中でアプリのページが開きます。以後は「Apps」メニューから開けます。

2. コンテナを接続する

「SignalHost に接続」を押します。新しいタブで signalhost.io が開くので、ログインするか、無料アカウントを作成してください(アプリのページにも、そのための「無料アカウントを作成」ボタンがあります)。

次の画面には、アプリがすることとしないことが表示されます。アプリは、チェックアウトを含むストアの全ページにトラッキングを追加して最新の状態に保ち、ストアの商品閲覧、カート、チェックアウト、購入のイベントをコンテナに送信します。顧客の連絡先情報を読み取ることも、Google アカウントを使用することも、請求情報を見ることもできません。

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

3. BigCommerce で確認する

コントロールパネルのアプリのページに戻ってください。戻ったことをページが自動で検知し、あなたのアカウントと選んだコンテナとともに「接続を確認してください」と表示します。「確認」を押してください。押すまで、ストアにスクリプトが追加されることはありません。

するとページに「数分以内にトラッキングが始まります」と表示され、スクリプトが設置されると「トラッキングは稼働中です」に変わります。戻ったときにリクエストの有効期限が切れていた場合は、もう一度「SignalHost に接続」を押してください。

4. テストする

ストアフロントを開き、商品を見て、カートに入れ、チェックアウトを始めてください。アプリのページは「過去 7 日間」の「ページビュー」、「カート追加」、「購入手続き」、「購入」を数えます。トラッキングが稼働すると、SignalHost がストアフロントを自ら確認した結果も表示されます。「ストアフロントのトップページで見つかりました」は、スクリプトが設置されていることを意味します。

「統計と設定を開く」を押すとコンテナページに移動し、「詳細アクセス解析」の「最近」タブで直近 30 分を確認できます。Growth プラン以上では、「ライブイベント監視」に、届いたイベントが名前ごとに 1 件ずつ表示されます。

アプリがストアに追加するもの

Script Manager に 2 つのスクリプトが追加されます。どちらもアプリが書き込み、最新の状態に保ちます:

  • SignalHost:チェックアウトを含む全ページの head に置かれる、Google Tag Manager のローダーです。googletagmanager.com ではなくあなた自身のタギングアドレスを向いていて、そこから Tag Manager コンテナを読み込みます。
  • SignalHost events:チェックアウトと注文確認ページを含む全ページのフッターに置かれ、BigCommerce のデータレイヤーを Google アナリティクスの e コマースイベントに変換します。カテゴリと商品の閲覧は view_item_list と view_item に、カートは add_to_cart、remove_from_cart、view_cart に、チェックアウトは begin_checkout、add_shipping_info、add_payment_info、purchase になり、purchase には注文番号、税金、送料、クーポンが付きます。

イベント用のスクリプトが読み取るのは、商品、金額、注文番号だけです。顧客の氏名、メールアドレス、電話番号、住所は決して読み取りません。注文確認ページを再読み込みしても、同じブラウザで注文が二重に数えられることはありません。

データレイヤーはストアの設定で、誰かがオンにするまでオフのままです。アプリがそれをオンにします。これにより BigCommerce 自身のイベントスクリプトがストアフロントに追加されますが、買い物客に見えるものは何も変わりません。BigCommerce に拒否された場合は、スイッチの場所がアプリのページに表示されます。

どちらのスクリプトも Analytics の同意カテゴリに属します。ストアに BigCommerce の Cookie バナーが表示される場合、SignalHost はアナリティクス Cookie を許可した買い物客に対してのみ動作します。すべてのリクエストは広告ブロッカーが認識できない形でブラウザから送られ、タギングサーバーがそれを Google アナリティクス 4 と、コンテナページで設定した広告プラットフォーム(Google 広告、Meta、TikTok など)に転送します。

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

コンテナは signalhost.io 配下のアドレスで始まります。有料プランでは、コンテナページの「カスタムドメインを設定する」が、代わりに sgtm.yourstore.com のような自社サイトのサブドメインを使う設定を案内します。これはフィルタリストを生き延び、クリックの Cookie をファーストパーティに保ちます。ドメインが稼働すると、アプリは数分以内に自動でストアを切り替えます。手作業で置き換えるものは何もありません。

SignalHost を手作業で追加する

アプリなしでローダーを追加することもできます。コンテナページの「サイトに設置する」カードでコードを見つけて「コピー」を押します。コントロールパネルで「Storefront › Script Manager」を開き、そのコードでスクリプトを追加します。配置は全ページの head とし、ストアに BigCommerce の Cookie バナーが表示される場合は analytics カテゴリにします。最後に、コンテナページで「設置しました」を押します。

これで得られるのはページビューだけです。イベント用のスクリプト、データレイヤーのスイッチ、ストアフロントのチェック、独自ドメインへの自動切り替えは、アプリでしか利用できません。タギングアドレスが変わったときは、SignalHost からメールで届く新しいコードで、スクリプトを自分で置き換えます。どちらか一方だけを使ってください。アプリもインストールしていると、ローダーが 2 回実行されます。

管理と接続の解除

アプリのページには、プランと今月のリクエスト数が表示されます。プランの請求は BigCommerce ではなく signalhost.io で行われ、「プランをアップグレード」を押すとそちらが開きます。コンテナページの設置カードには「(ストア名)の BigCommerce アプリで設置済み」と表示され、「管理」を押すと「設定 › 接続済みサイト」に移動します。

アプリのページの一番下にある「接続を解除」は、もう一度押すと実行され、数分以内に両方のスクリプトを削除します。「接続済みサイト」の「接続を解除」も同じ働きをします。コンテナとそのアクセス解析は残り、アプリのページからいつでもストアを再接続できます。

「Apps › My Apps」でアプリをアンインストールした場合も、両方のスクリプトが削除されます。スクリプトはアプリとともに消えるように作成されているため BigCommerce が自ら削除し、SignalHost はストアの接続を終了します。

うまくいかないとき

  • ストアフロントのトップページにスクリプトがない:スクリプトは Stencil テーマで動作します。ヘッドレスのストアフロントでは、コードを直接追加する必要があります。
  • ストアフロントをまだ確認できない:たいていはストアがまだ公開されていません。スクリプトは設置済みで、公開され次第動作します。
  • ページビューは届くのに、カートや購入が届かない:データレイヤーがオフです。「Settings › Data Solutions › Data layer」でオンにしてください。BigCommerce のバナーでアナリティクス Cookie を拒否した買い物客は、まったく数えられません。
  • コンテナにまだ Google アナリティクスのプロパティがない:signalhost.io で設定を完了してください。
  • このストアではまだ SignalHost が設定されていない:「Apps › My Apps」でアプリを削除してから、もう一度インストールしてください。
  • ページが長時間開かれている:「Apps」メニューから SignalHost を開き直してください。
  • 前回の更新が完了しなかった:自動的に再試行されます。
  • その他:ストアのアドレスを添えて hello@signalhost.io までご連絡ください。

商標について

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

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

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