BigCommerce のスタートガイド
このページで学べること
Klaviyo で BigCommerce 外部連携を有効にし、Viewed Product トラッキングを追加して、ストアのサイト内トラッキングがすべて正しく動作していることを確認する方法をご覧ください。
BigCommerce と外部連携すると、過去の E コマース、顧客、カタログのデータが Klaviyo アカウントに同期されます。外部連携により、Klaviyo のオンサイト トラッキング スニペットが BigCommerce ストアに自動的に追加されます。これにより、Klaviyo のサインアップフォームをサイトに追加し、顧客がサイト上でアクティブになったタイミングをトラッキングできます。BigCommerce 外部連携では、将来のデータを取得するためのリアルタイム同期も設定されます。
始める前に
連携する前に、BigCommerce と Klaviyo の両方からログアウトすることをおすすめします。
動画を外部連携する方法
BigCommerce 外部連携を有効にする
Klaviyo を BigCommerce と外部連携するには:
- Klaviyo アカウントにログインします。
- 左側のナビゲーションで [外部連携] を選択します。
- [アプリを探す] をクリックして BigCommerce を検索し、カードをクリックします。次に、[インストール] をクリックします。
- [BigCommerce に接続] をクリックし、表示されたら BigCommerce にログインしてから、[インストール] をクリックしてください。
- 権限を確認し、Klaviyo に戻るために [確認] をクリックします。

- ストア URL の下で、ストアの永続アドレスを入力します。ストアの永続アドレスは、お客様がストアにアクセスするために使用するストアの URL とは異なります。永続アドレスは、BigCommerce がストアを管理するために使用する特別な URL です。
- このアドレスを見つけるには、BigCommerce 管理画面に入り、アカウント設定 > ストアの詳細 に移動します。下にスクロールして、ストアの 恒久的な住所 を見つけます。
- このアドレスを見つけるには、BigCommerce 管理画面に入り、アカウント設定 > ストアの詳細 に移動します。下にスクロールして、ストアの 恒久的な住所 を見つけます。

- チェックボックスをオンにして Klaviyo onsite javascript を自動的に追加すると、オンサイトトラッキングとフォームが有効になります。
- 次に、チェックアウト時にメール購読者を収集したい場合は、[BigCommerce のメール購読者を Klaviyo に同期] をオンにします。これにより、チェックアウト時または BigCommerce のフッターフォームでオプトインした連絡先が購読されます。ドロップダウンから、購読者を追加する Klaviyo リストを選択します。必要に応じて、代わりに 新しいリストを作成 することもできます。
- BigCommerce 経由でオプトインした SMS 購読者を収集するには、BigCommerce の SMS 購読者を Klaviyo に同期 の設定にチェックを入れてください。この設定を有効にする前に、まず Klaviyo アカウントで SMS を設定する必要があります。
- チェックアウト時に SMS 購読者を収集する場合は、ドロップダウンから、追加先のリストを選択します。また、利用規約とプライバシーポリシーへのリンクを含め、コードスニペットを BigCommerce のチェックアウト ファイルにコピーするよう求められます。この手順については、BigCommerce でチェックアウト時に SMS 同意を収集するためのガイドに従ってください。TCPA コンプライアンスの開示文言も追加する必要があります。
- 完了したら、[セットアップの完了] をクリックします。
BigCommerce 外部連携が正常に有効化されました。
オンサイト トラッキングのインストールを確認する
BigCommerce と統合した際に、該当する設定にチェックを入れている場合、オンサイト トラッキングを有効にする Klaviyo.js ファイルが BigCommerce ストアに自動的にインストールされました。Klaviyo.js には 2 つの機能があります:
- これにより、Klaviyo アカウントから直接サイトに Klaviyo のサインアップフォームを追加できます。
- サイトでアクティブ のトラッキングが追加され、お客様がサイトにアクセスしたタイミングを追跡できるようになります。
お客様側で追加の対応は不要ですが、Klaviyo.js が正しく動作していることを確認できます。
- Klaviyo アカウントで、外部連携 をクリックします。
- 右上で [データを管理] > [ウェブトラッキングを設定] をクリックします。連携時に最初のステップはすでに完了しており、2 番目のステップは次のセクションの Viewed Product トラッキングで説明します。
- 3 番目のステップに移動してボックスにストア URL を入力し、[次へ] をクリックします。
- 生成されたリンクをクリックすると、ストアにリダイレクトされます。

- Klaviyo に戻り、データが受信されたことを示す成功ボタンを確認してください。これは、ウェブトラッキングが正常に機能していることを意味します。

- 緑色の成功ボタンをクリックすると、Klaviyo のダッシュボードに戻ります。
商品閲覧のトラッキングを追加
Viewed Product トラッキングでは、顧客が商品を閲覧したタイミングをトラッキングできます。Viewed Product トラッキングを有効にするには、BigCommerce のテーマファイルに Viewed Product のコードスニペットを追加する必要があります。
- Klaviyo アカウントで、外部連携 をクリックします。
- 右上隅で、[データを管理>] [ウェブトラッキングを設定] をクリックします。外部連携の際に、すでに最初のステップは完了しています。
- 2 つ目のステップから Viewed Product スニペットをコピーします。

- 次に、Viewed Product のコードスニペットを BigCommerce のテーマファイルに貼り付けます。新しいタブで BigCommerce のダッシュボードにログインし、Storefront > My Themes に移動します。
- Current Theme で、Advanced Settings ドロップダウンをクリックし、Edit Theme Files をクリックします。デフォルトのテーマを使用している場合、テーマファイルを編集するオプションは表示されません。まずテーマをコピーし、その後コピーに編集を加えてください。加えた編集は、編集中のテーマにのみ適用されます。今後テーマを変更する場合は、新しいテーマに商品閲覧トラッキングをインストールする必要がある点にご注意ください。

- エディタで テンプレート > ページ に移動し、下にスクロールして、product.html ページをクリックして開きます。
- このページの下部に、「Viewed Product」のコードスニペットを貼り付けます。次に、[すべてのファイルを保存]
をクリックします。

すべての商品ページで、商品閲覧トラッキングが有効になりました。
Klaviyo に同期されたデータ
BigCommerce 外部連携は、Klaviyo とリアルタイムで同期します。
BigCommerce 外部連携を有効にすると、顧客に関する次の情報が同期されます。
- 購入された商品、商品画像、価格、数量などの売上および注文データ。
- 名、姓、ストアを知ったきっかけなどの顧客情報。
ロケーション情報は、お客様が注文を行った場合にのみ Klaviyo に同期されます。
- フルフィルメント、返金、キャンセルされた注文データ。
- ユーザーがウェブサイトにアクセスするタイミングと、閲覧する商品やコレクション。
Klaviyo アカウントで BigCommerce のイベントデータを表示するには:
- [アナリティクス] ドロップダウンをクリックし、[メトリック] を選択します。
- 右上のフィルタードロップダウンから BigCommerce を選択して、すべての BigCommerce イベントを表示します。BigCommerce のイベントは BigCommerce アイコンに関連付けられています。

- 同期されるすべてのデータタイプと特定のイベントの完全なリファレンスについては、BigCommerce データの詳細をご覧ください。
Klaviyo では、作成できる一意のメトリックの数が 200 に制限されています。この上限に近づくと、アカウントに警告が表示され、アカウント所有者にメールが送信されます。
達成できること
BigCommerce 外部連携を有効にし、オンサイト トラッキングが機能していることを確認し、ストアに 商品閲覧 トラッキングを追加しました。
次の手順
設定が完了しました。おめでとうございます!外部連携が稼働したので、Klaviyo の主要な機能を追加して、収益化とビジネスの成長を始めましょう。
このカテゴリーの項目を完了すれば、Klaviyo の機能を最大限に活用する準備が整います。
- ウェルカムシリーズ フローを設定する。
- カゴ落ちフローを設定する。
- サイトに Klaviyo のサインアップフォームを追加する。既存のフォームやサードパーティのフォーム プロバイダーを使用するための定番の選択肢もありますが、Klaviyo フォームは無料で、重要な Klaviyo セグメントをターゲティングできるためおすすめします。
- コアセグメント(エンゲージメントあり、エンゲージメントなし、VIP)を作成します。
- 最初のキャンペーンを送信。
その他のリソース
- BigCommerce データリファレンス
BigCommerce ストアと外部連携する際に、注文データや顧客データなどのどのデータが Klaviyo に同期されるのか、また Klaviyo でのアクセス方法をご確認ください。
- BigCommerce 用の "カートに追加" イベントを作成する方法
BigCommerce の Added to Cart イベントを作成する方法をご覧ください。このイベントは、お客様がカートに商品を追加したタイミングをトラッキングし、カゴ落ちフローをトリガーできます。BigCommerce と外部連携しても Added to Cart イベントは自動ではトラッキングされません。まず(必要に応じて変更可能な)JavaScript スニペット(本ガイドに含まれています)を BigCommerce のテーマファイルに追加する必要があります。
- Klaviyo's Agency Partners