Shift4Shop のスタートガイド

このページで学べること

Shift4Shop（旧 3dcart）を Klaviyo と連携して、各顧客の購入内容とウェブサイトでのアクティビティに基づいてメールをパーソナライズし、ターゲットを絞る方法をご確認ください。Shift4Shop から Klaviyo に同期されるデータには、以下が含まれます：

• 顧客が行った注文に関するデータ（売上、返金、フルフィルメント済み注文、キャンセル済み注文など）
• ウェブサイトへの訪問日時や訪問頻度など、顧客の詳細情報

目次

1. Shift4Shop 外部連携を追加します。
2. Klaviyo オンサイトトラッキングを追加
3. データ同期を監視する
4. Shift4Shop から同期されるデータ
5. その他のリソース

Shift4Shop 外部連携を追加

1. Klaviyo で、[外部連携] タブを選択します。
2. [アプリを探す] を選択します。
3. Shift4Shop を検索してカードをクリックし、次に [インストール] をクリックします。
4. Shift4Shop のストア URL（セキュア URL とも呼ばれます）を見つけるには、新しいタブで Shift4Shop アカウントを開きます。
5. Shift4Shop で、[設定] > [一般] > [ストア設定] に移動します。
6. [ストア情報] の下で、[ドメインとストア URL を管理]をクリックします。
   

7. ドメイン設定の下にあるストア URL をコピーします。
   

8. Klaviyo に戻り、ボックスにストア URL を貼り付け、Shift4Shop に接続をクリックします。
   
9. 次のページに表示される Klaviyo 公開 API キーをコピーします。
   

10. [Shift4Shop に移動]ボタンをクリックします。
11. Shift4Shop の「REST API Apps」ページで、右上の [追加] をクリックして Klaviyo API キーを追加します。
    

12. Klaviyo のパブリック API キー（2bd83b00fcd7d56916a28c452d3d080c）を貼り付けます。
    

13. [保存] をクリックします。
14. ポップアップウィンドウが表示され、Shift4Shop データをプラットフォームに取り込むための Klaviyo の承認を求められます。[承認] をクリックしてください。
    

15. Klaviyo アカウントにリダイレクトされ、データの同期が開始されます。データが同期されていることを成功のコールアウトで確認できます。

Klaviyo オンサイトトラッキングを追加

Shift4Shop サイトに追加できる Klaviyo のオンサイト トラッキング コードスニペットは 2 つあります。最初のオンサイト トラッキング スニペットでは、Cookie が付与されたユーザーがサイトでアクティブなときを追跡（「サイトでアクティブ」メトリック）でき、2 つ目のオンサイト トラッキング スニペットでは、ユーザーが閲覧した商品を追跡（「商品を閲覧」メトリック）できます。

その後、「サイト上でアクティブ」のメトリックを使用して、サイトを訪問したものの何も購入していない既知のブラウザのセグメントを作成できます。Active on Site スニペット（Klaviyo.js とも呼ばれます）では、Klaviyo サインアップフォームも使用できます。

商品閲覧トラッキングは、多くの場合、閲覧放棄の自動メール フローをトリガーするために活用されます。詳細については、閲覧放棄フローの作成に関する記事をご覧ください。

1. Shift4Shop ストア管理にログインし、[コンテンツ] > [サイトコンテンツ] に移動します。
2. Header & Footer の下にある [編集] ボタンをクリックします。
   

3. Global Header の右側にある + をクリックして、ヘッダーエディターを開きます。
   

4. 「WYSIWYG モード オフ/オン」の横にあるスライダーをクリックして、表示を HTML エディターに切り替えます。
   

5. サイトでアクティブのトラッキングを追加するには、次のスクリプトを HTML エディタの下部に貼り付けてください：
   

<script type="text/javascript" async="" src="https://static.klaviyo.com/onsite/js/PUBLIC_API_KEY/klaviyo.js"></script>
<script type="text/javascript"> 
//Initialize Klaviyo object on page load
!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}(); </script>

1. スニペットの 1 行目で、公開 API キー を Klaviyo の公開 API キーに置き換えます。これは、Klaviyo の アカウント名 > 設定 > API キー で確認できます。
2. Viewed Product のトラッキングを追加するには、ヘッダー内の Active on Site スクリプトの下にこのスクリプトを追加します：

<script type="text/javascript">
var klaviyo = window.klaviyo || [];

// Track each product view.
if ('[price]' !== '[' + 'price]') {
   klaviyo.track("Viewed Product", {
      ProductID: "[id]",
      Name: "[name]",
      Description: "[description]",
      URL: [location.protocol, '//', location.host, location.pathname].join(''),
      Categories: "[catid]",
      ImageURL: [location.protocol, '//', location.host, '/[image1]'].join(''),
      Price: parseFloat("[price]".slice(1), 10)
   });
}</script>

     8.ページの右上で、[保存] をクリックします。

Klaviyo 同期を監視する

Shift4Shop 外部連携データを表示するには：

1. Klaviyo アカウントで [分析]>[メトリック] に移動します。
2. [注文の確定] メトリックをクリックして、データが入力され始めていることを確認します。グラフにデータが入力されている場合は、Shift4Shop 外部連携がアカウントに正常に同期していることを意味します。同期が完了すると、外部連携タブで Shift4Shop 外部連携を表示した際に、Shift4Shop 外部連携の横に緑色の枠線が表示されます。
   

3. Klaviyo は、過去の Shift4Shop データをすべてインポートします。これを確認するには、Klaviyo の特定の日の注文数を Shift4Shop インターフェースの注文数と比較し、一致していることを確認してください。
4. 一致しない場合、問題は Klaviyo アカウントのタイムゾーンが Shift4Shop のタイムゾーンと一致していないことにある可能性が高いです。Klaviyo でタイムゾーン設定を確認するには、[アカウント名] > [設定] > [組織] に移動します。
5. このページの中央に、タイムゾーンを設定するためのエリアが表示されます。Klaviyo アカウントを正しいタイムゾーンに更新し、[情報を更新] をクリックします。

Shift4Shop から同期されるデータ

Shift4Shop 外部連携は 1 時間に 1 回データを Klaviyo に同期するため、Shift4Shop でイベントが記録されてから 1 時間以内に Klaviyo でイベントが表示されるはずです。

以下のメトリックは Shift4Shop から同期されます：

• 注文発送済み
• 購入商品
• 注文の確定
• チェックアウトの開始

注文発送済み

このイベントは、顧客が Shift4Shop ストアでチェックアウトプロセスを完了し、注文を作成したときに追跡されます。商品名、画像、バリエーション情報など、ユーザーが購入した商品に関するすべての製品情報が含まれており、購入フォローアップメールで使用できます。以下の条件に基づいて、注文発送済みイベントをフィルタリングし、ターゲットを絞ることができます。

• 項目：注文に含まれる商品の名前（例：T シャツ、パンツ）
• カテゴリ：誰かの注文に含まれる商品のカテゴリの完全なセット（例：t-shirts、men's、pants、sale）

購入商品

このメトリックは、顧客が注文した際に追跡され、購入した商品ごとに 1 件のイベントが追跡されます。例えば、誰かが T シャツとパンツを購入した場合、2 件の「商品を注文」イベントが作成されます。1 件は T シャツ用、もう 1 件はパンツ用です。

「注文した商品」イベントには、購入された各商品の詳細情報が含まれます。これは、「注文の確定」イベントでは取得できない商品バリエーションのオプションやその他の詳細情報に基づいて行動セグメントを作成する際に役立ちます。以下の条件に基づいて、「注文済み商品」イベントをフィルタリングし、ターゲットを絞ることができます：

• Name: Shift4Shop における商品の名前またはタイトル（例：t-shirt または pants）
• SKU：商品バリエーションの SKU（例：REDMEDIUMTSHIRT）
• カテゴリ：商品のカテゴリ一式（例：t-shirts、men's、sale）

注文の確定

このイベントは、顧客が Shift4Shop ストアでチェックアウトプロセスを完了し、注文を作成したときに追跡されます。これには、商品名、画像、バリエーション情報など、購入フォローアップメールで使用できる、購入された商品のすべての商品情報が含まれます。以下の条件に基づいて、「注文の確定」イベントをフィルタリングし、ターゲットを絞ることができます。

• 項目：注文に含まれる商品の名前（例：T シャツ、パンツ）
• カテゴリ：誰かの注文に含まれる商品のカテゴリの完全なセット（例：t-shirts、men's、pants、sale）
• アイテム数: 注文内のアイテム数。例: 2

注：デフォルトでは、Shift4Shop は「注文の確定」に対して 2 つのステータス（2、4）を同期します

チェックアウトの開始

Shift4Shop のチェックアウトプロセスで、支払いページの前のページにお客様が連絡先と配送先情報を入力し、続行をクリックすると、このイベントがトラッキングされます。商品名、画像、バリエーション情報など、カゴ落ちメールで使用できる、ユーザーのカート内商品のすべての商品情報が含まれています。以下の条件に基づいて、「チェックアウト開始」イベントをフィルタリングし、ターゲットを絞ることができます：

• Items：カート内の商品の名前（例：T シャツ、パンツ）
• カテゴリ：カート内の商品のカテゴリ一式（例：t-shirts、men's、pants、sale）

顧客データ

Shift4Shop から Klaviyo が同期するメトリックに加えて、各 Klaviyo プロファイルに追加されるプロパティもあります。これらのプロパティは、セグメント内およびフロー内で使用できます。Shift4Shop から自動的に同期される、以下の Klaviyo 組み込みプロパティ：

• メール
• 名
• 姓
• 市区町村
• 州・県/地域
• 郵便番号
• 国
• 電話番号

達成できること

これで Shift4Shop との連携、Klaviyo オンサイト トラッキングの有効化、同期された Shift4Shop データの確認が完了しました。これで、Klaviyo で Shift4Shop データを表示し、各顧客の購入内容とウェブサイトでのアクティビティに基づいてメールをパーソナライズし、ターゲットを絞ることができます。

Shift4Shop 外部連携を更新する

新しい外部連携に更新するには、Klaviyo で Shift4Shop アプリを再インストールする必要があります：

1. Klaviyo で、[外部連携] タブをクリックします。
2. 有効な外部連携のリストから [Shift4Shop] を選択します。
3. 右上隅で、[外部連携を管理] をクリックします。
4. [再認証] を選択します。
5. Klaviyo 公開 API キーをコピーする。
6. [Shift4Shop に移動]ボタンをクリックします。
7. Shift4Shop の REST API Apps ページで、[追加] をクリックして Klaviyo API キーを追加し、キーを貼り付けます。
8. [保存] をクリックします。
9. 表示される認可リクエスト モーダルで、[認可] をクリックします。
10. Klaviyo アカウントに戻るようリダイレクトされ、確認モーダルにより Shift4Shop アカウントが接続されたことが示されます。

外部連携が更新され、新しいアプリの使用が開始されます。

必須ではありませんが、Shift4Shop の Connected Apps から非推奨の Klaviyo アプリを削除することをおすすめします。そのためには、Shift4Shop REST API アプリページから [Klaviyo] アプリを削除します。

その他のリソース