このページで学べること

Klaviyo で BigCommerce 外部連携を有効にし、Viewed Product トラッキングを追加して、ストアのサイト内トラッキングがすべて正しく動作していることを確認する方法をご覧ください。

BigCommerce と外部連携すると、過去の E コマース、顧客、カタログのデータが Klaviyo アカウントに同期されます。外部連携により、Klaviyo のオンサイト トラッキング スニペットが BigCommerce ストアに自動的に追加されます。これにより、Klaviyo のサインアップフォームをサイトに追加し、顧客がサイト上でアクティブになったタイミングをトラッキングできます。BigCommerce 外部連携では、将来のデータを取得するためのリアルタイム同期も設定されます。

始める前に

連携する前に、BigCommerce と Klaviyo の両方からログアウトすることをおすすめします。

動画を外部連携する方法

BigCommerce 外部連携を有効にする

Klaviyo を BigCommerce と外部連携するには:

  1. Klaviyo アカウントにログインします。
  2. 左側のナビゲーションで [外部連携] を選択します。
  3. [アプリを探す] をクリックして BigCommerce を検索し、カードをクリックします。次に、[インストール] をクリックします。
  4. [BigCommerce に接続] をクリックし、表示されたら BigCommerce にログインしてから、[インストール] をクリックしてください。
  5. 権限を確認し、Klaviyo に戻るために [確認] をクリックします。
  1. ストア URL の下で、ストアの永続アドレスを入力します。ストアの永続アドレスは、お客様がストアにアクセスするために使用するストアの URL とは異なります。永続アドレスは、BigCommerce がストアを管理するために使用する特別な URL です。
    1. このアドレスを見つけるには、BigCommerce 管理画面に入り、アカウント設定 > ストアの詳細 に移動します。下にスクロールして、ストアの 恒久的な住所 を見つけます。
BigCommerce store details page showing permanent address field with blurred address
BigCommerce store details page showing permanent address field with blurred address
  1. チェックボックスをオンにして Klaviyo onsite javascript を自動的に追加すると、オンサイトトラッキングとフォームが有効になります。
  2. 次に、チェックアウト時にメール購読者を収集したい場合は、[BigCommerce のメール購読者を Klaviyo に同期] をオンにします。これにより、チェックアウト時または BigCommerce のフッターフォームでオプトインした連絡先が購読されます。ドロップダウンから、購読者を追加する Klaviyo リストを選択します。必要に応じて、代わりに 新しいリストを作成 することもできます。
  3. BigCommerce 経由でオプトインした SMS 購読者を収集するには、BigCommerce の SMS 購読者を Klaviyo に同期 の設定にチェックを入れてください。この設定を有効にする前に、まず Klaviyo アカウントで SMS を設定する必要があります。
  4. チェックアウト時に SMS 購読者を収集する場合は、ドロップダウンから、追加先のリストを選択します。また、利用規約とプライバシーポリシーへのリンクを含め、コードスニペットを BigCommerce のチェックアウト ファイルにコピーするよう求められます。この手順については、BigCommerce でチェックアウト時に SMS 同意を収集するためのガイドに従ってください。TCPA コンプライアンスの開示文言も追加する必要があります。
  5. 完了したら、[セットアップの完了] をクリックします。

BigCommerce 外部連携が正常に有効化されました。

オンサイト トラッキングのインストールを確認する

BigCommerce と統合した際に、該当する設定にチェックを入れている場合、オンサイト トラッキングを有効にする Klaviyo.js ファイルが BigCommerce ストアに自動的にインストールされました。Klaviyo.js には 2 つの機能があります:

  • これにより、Klaviyo アカウントから直接サイトに Klaviyo のサインアップフォームを追加できます。
  • サイトでアクティブ のトラッキングが追加され、お客様がサイトにアクセスしたタイミングを追跡できるようになります。

お客様側で追加の対応は不要ですが、Klaviyo.js が正しく動作していることを確認できます。

  1. Klaviyo アカウントで、外部連携 をクリックします。
  2. 右上で [データを管理] > [ウェブトラッキングを設定] をクリックします。連携時に最初のステップはすでに完了しており、2 番目のステップは次のセクションの Viewed Product トラッキングで説明します。
  3. 3 番目のステップに移動してボックスにストア URL を入力し、[次へ] をクリックします。
  4. 生成されたリンクをクリックすると、ストアにリダイレクトされます。
Setup web tracking page in Klaviyo showing three steps, third step has a text box filled with a BigCommerce store URL and Next with a blue background
Setup web tracking page in Klaviyo showing three steps, third step has a text box filled with a BigCommerce store URL and Next with a blue background
  1. Klaviyo に戻り、データが受信されたことを示す成功ボタンを確認してください。これは、ウェブトラッキングが正常に機能していることを意味します。
Klaviyo setup web tracking page step 3 shows a box with a generated link, and Data received continue with arrow and green background
Klaviyo setup web tracking page step 3 shows a box with a generated link, and Data received continue with arrow and green background
  1. 緑色の成功ボタンをクリックすると、Klaviyo のダッシュボードに戻ります。

商品閲覧のトラッキングを追加

Viewed Product トラッキングでは、顧客が商品を閲覧したタイミングをトラッキングできます。Viewed Product トラッキングを有効にするには、BigCommerce のテーマファイルに Viewed Product のコードスニペットを追加する必要があります。

「商品閲覧」のトラッキングは、閲覧放棄フローなどのフローを構築するために必要です。詳細は 閲覧放棄フローを作成する でご確認いただけます。

  1. Klaviyo アカウントで、外部連携 をクリックします。
  2. 右上隅で、[データを管理>] [ウェブトラッキングを設定] をクリックします。外部連携の際に、すでに最初のステップは完了しています。
  3. 2 つ目のステップから Viewed Product スニペットをコピーします。
Klaviyo setup web tracking page step 2 showing viewed product code snippet in box
Klaviyo setup web tracking page step 2 showing viewed product code snippet in box
  1. 次に、Viewed Product のコードスニペットを BigCommerce のテーマファイルに貼り付けます。新しいタブで BigCommerce のダッシュボードにログインし、Storefront > My Themes に移動します。
  2. Current Theme で、Advanced Settings ドロップダウンをクリックし、Edit Theme Files をクリックします。デフォルトのテーマを使用している場合、テーマファイルを編集するオプションは表示されません。まずテーマをコピーし、その後コピーに編集を加えてください。加えた編集は、編集中のテーマにのみ適用されます。今後テーマを変更する場合は、新しいテーマに商品閲覧トラッキングをインストールする必要がある点にご注意ください。
BigCommerce My Themes page with Advanced dropdown open for current theme and Edit Theme Files highlighted in light blue
BigCommerce My Themes page with Advanced dropdown open for current theme and Edit Theme Files highlighted in light blue
  1. エディタで テンプレート > ページ に移動し、下にスクロールして、product.html ページをクリックして開きます。
  2. このページの下部に、「Viewed Product」のコードスニペットを貼り付けます。次に、[すべてのファイルを保存]
    をクリックします。
BigCommerce file editor showing product.html file with Klaviyo Viewed Product snippet added to bottom
BigCommerce file editor showing product.html file with Klaviyo Viewed Product snippet added to bottom

すべての商品ページで、商品閲覧トラッキングが有効になりました。

Klaviyo に同期されたデータ

BigCommerce 外部連携は、Klaviyo とリアルタイムで同期します。

BigCommerce 外部連携を有効にすると、顧客に関する次の情報が同期されます。

  • 購入された商品、商品画像、価格、数量などの売上および注文データ。
  • 名、姓、ストアを知ったきっかけなどの顧客情報。

ロケーション情報は、お客様が注文を行った場合にのみ Klaviyo に同期されます。

  • フルフィルメント、返金、キャンセルされた注文データ。
  • ユーザーがウェブサイトにアクセスするタイミングと、閲覧する商品やコレクション。

Klaviyo アカウントで BigCommerce のイベントデータを表示するには:

  1. [アナリティクス] ドロップダウンをクリックし、[メトリック] を選択します。
  2. 右上のフィルタードロップダウンから BigCommerce を選択して、すべての BigCommerce イベントを表示します。BigCommerce のイベントは BigCommerce アイコンに関連付けられています。
Klaviyo metrics tab filtered by BigCommerce with 6 BigCommerce metrics showing in list including Cancelled Order and Fulfilled Order
Klaviyo metrics tab filtered by BigCommerce with 6 BigCommerce metrics showing in list including Cancelled Order and Fulfilled Order
  1. 同期されるすべてのデータタイプと特定のイベントの完全なリファレンスについては、BigCommerce データの詳細をご覧ください。

Klaviyo では、作成できる一意のメトリックの数が 200 に制限されています。この上限に近づくと、アカウントに警告が表示され、アカウント所有者にメールが送信されます。

達成できること

BigCommerce 外部連携を有効にし、オンサイト トラッキングが機能していることを確認し、ストアに 商品閲覧 トラッキングを追加しました。

次の手順

設定が完了しました。おめでとうございます!外部連携が稼働したので、Klaviyo の主要な機能を追加して、収益化とビジネスの成長を始めましょう。

このカテゴリーの項目を完了すれば、Klaviyo の機能を最大限に活用する準備が整います。

その他のリソース

  • BigCommerce データリファレンス

    BigCommerce ストアと外部連携する際に、注文データや顧客データなどのどのデータが Klaviyo に同期されるのか、また Klaviyo でのアクセス方法をご確認ください。

  • BigCommerce 用の "カートに追加" イベントを作成する方法

    BigCommerce の Added to Cart イベントを作成する方法をご覧ください。このイベントは、お客様がカートに商品を追加したタイミングをトラッキングし、カゴ落ちフローをトリガーできます。BigCommerce と外部連携しても Added to Cart イベントは自動ではトラッキングされません。まず(必要に応じて変更可能な)JavaScript スニペット(本ガイドに含まれています)を BigCommerce のテーマファイルに追加する必要があります。

  • Klaviyo's Agency Partners
この記事は役に立ちましたか?
この記事へのフィードバックには、このフォームのみを使用してください。 サポートへの連絡方法.

Klaviyo の詳細を見る

コミュニティ
同業者、パートナー、Klaviyo のエキスパートとつながり、インスピレーションを得たり、インサイトを共有したり、あらゆる質問への回答を得たりできます。
パートナー
特定のタスクのサポートや継続的なマーケティング管理のために、Klaviyo 認定エキスパートを雇いましょう。
サポート

アカウントからサポートにアクセスしてください。

メールサポート (無料トライアルと有料アカウント) 24 時間 365 日利用可能

チャット/バーチャル アシスタント
利用可否は地域およびプランタイプによって異なります