Skip to content

Shopify 標準統合設定

このページでは、Shopify オンラインストアをお持ちのユーザーを対象に、Braze と Shopify の標準的な統合手順を説明します。Shopify ヘッドレスサイトを使用する場合、またはより大きくカスタマイズされたソリューションを実装する場合は、Shopify カスタム統合設定を参照してください。

ステップ 1: Shopify ストアを接続する

  1. Braze で、Partner Integrations> Technology Partners に移動し、”Shopify” を検索します。

2.Shopify パートナーページで、[Begin setup] を選択して、統合プロセスを開始します。

Shopify の統合ページ。設定を開始するブタンが表示されている。

3.Shopify アプリストアで、Braze アプリケーションをインストールします。

Braze アプリストアページ。アプリケーションをインストールするボタンが表示されている。

4.Braze アプリをインストールすると、Braze にリダイレクトされます。そこで Shopify に接続するワークスペースを確認します。Shopify ストアが接続できるワークスペースは 1 つのみです。切り替えが必要な場合は、正しいワークスペースを選択してください。

適切なワークスペースであることを確認するウィンドウ。

5.[Begin setup] を選択します。

ドメインを入力するフィールドと設定を開始するボタンが表示された「統合設定」。

ステップ2: Braze Web SDK を有効にする

Shopify オンラインストアでは、標準設定を選択すると、Braze Web SDK と JavaScript SDK を自動的に実装できます。

標準設定とカスタム設定のどちらで実装するかを選択できるオプションが表示された「Web SDK の有効化」ステップ。

標準設定のオンボーディングパスを選択すると、次のオプションのいずれかから、Braze が SDK を初期化して読み込むタイミングを選択する必要があります。

  • セッション開始など、サイト訪問の時点
    • 識別済みのユーザーと匿名ユーザーの両方を追跡
  • アカウントログインなどのアカウントの登録時
    • 識別されたユーザーのみを追跡
    • サイト訪問者がアカウントの登録やアカウントへのログインを行ったときにデータの追跡を開始します。

ステップ 3: Shopify のデータを設定する

標準データ設定

追跡する Shopify のデータを選択します。

「Shopify データ追跡」セクション。行動イベントを追跡するためのチェックボックスとユーザー属性が表示されている。

標準統合のデフォルトでは、以下のイベントが有効化されています。

統合を介して追跡されるデータの詳細は、Shopify データの機能を参照してください。

履歴バックフィルの設定

標準設定では、Shopify 統合の接続前の過去 90 日間の Shopify 顧客と注文の初期読み込みを実行するオプションを利用できます。そのためには、統合の一部として初期データの読み込みを含めるチェックボックスを選択します。

履歴データのバックフィルの切り替え。

このテーブルには、バックフィルを通して最初に読み込まれるデータが含まれています。

Shopify の顧客レコードが Braze に読み込まれるため、Shopify 顧客 ID が Braze external ID として使用されます。

(高度) カスタムデータ追跡設定

Braze SDK を使用すると、この統合でサポートされている標準イベント以外にもカスタムイベントやカスタム属性を追跡することができます。カスタムイベントは、ストア内に固有のインタラクションをキャプチャーします。

カスタムイベント カスタム属性
  • カスタム割引コードの使用
  • パーソナライズされたおすすめ商品とのインタラクション
  • 注文へのギフトメッセージの追加
  • お気に入りのブランドまたは製品
  • 優先ショッピングカテゴリ
  • メンバーシップまたはロイヤルティステータス

カスタムデータを追跡することで、ユーザーの行動についてより詳しいインサイトを得ることができ、さらに体験をパーソナライズすることができます。カスタムイベントを実装するには、theme.liquid ファイル内の storefront’s theme code を編集する必要があります。必要に応じて開発者にサポートを依頼してください。

たとえば、次の JavaScript スニペットは、現在のユーザーがニュースレターを購読しているかどうかを追跡し、その情報を Braze のプロファイルにカスタムイベントとして記録します。

1
2
3
4
5
6
7
8
9
braze.logCustomEvent(
  “subscribed_to_newsletter”,
  {
    newsletterName: ‘News and Offers’,
    customerEmail: ‘customer_1@gmail.com’,
    sendOffers: true
  }
);

イベントやカスタム属性をログに記録するには、ユーザーのデバイスで SDK を初期化 (アクティビティのリッスン) する必要があります。カスタムデータのロギングについては、ユーザーオブジェクトlogCustomEvent object を参照してください。

ステップ 4: ユーザーの管理方法を設定する

ドロップダウンから external_id タイプを選択します。

「サブスクライバーの収集セクション。

カスタム external ID タイプを選択した場合は、ステップ 4.1 および 4.2 に進んでください。それ以外の場合は、ステップ 4.3 に進みます。

ステップ4.1:カスタム external_id を作成する

まず、Shopify に移動し、braze.external_id メタフィールドを作成します。カスタムのメタフィールド記述を作成するのステップを使用することを推奨します。名前空間とキーには braze.external_id と入力します。タイプについては、ID タイプを選択することを推奨します。

メタフィールドを作成したら、customer/create Webhook をリッスンして、新しい顧客が作成されたときにメタフィールドを書き込むことができるようにします。次に、Admin API または Customer API を使用して、すでに作成されているすべての顧客をこのメタフィールドに埋め戻してください。

ステップ4.2:エンドポイントを作成する

外部 ID を取得するには、パブリックの GET エンドポイントが必要です。Shopify がメタフィールドを提供できない場合、Braze はそのエンドポイントを呼び出して external ID を取得します。

エンドポイントの例: https://mystore.com/custom_id?shopify_customer_id=1234&[email protected]&shopify_storefront=dev-store.myshopify.com

応答

Braze は 200 ステータスコードを待ち受けます。それ以外のコードはエンドポイントの失敗とみなされます。想定されるレスポンスは次のようになります。

1
{ "external_id": "my_external_id" }

Admin API または Customer API を使用して、shopify_customer_id とメールアドレスを調べ、パラメーター値が Shopify の顧客値と一致していることを確認します。確認後、API を使って braze.external_id メタフィールドを取得し、external ID 値を返すこともできます。

ステップ4.3:Shopify からメールや SMS のオプトインを収集する (オプション)

Shopify からメールまたは SMS マーケティングのオプトインを収集する選択もできます。

メールや SMS チャネルを使用している場合、メールや SMS マーケティングのオプトイン状態を Braze に同期させることができます。Shopify からメールマーケティングのオプトインを同期すると、Braze は自動的にその特定のストアに関連するすべてのユーザーのメール購読グループを作成します。この購読グループには一意な名前を付ける必要がある。

「購読者の収集」セクション。メールまたは SMS マーケティングのオプトインを収集するオプションが表示されている。

ステップ 5: 商品を同期 (オプション)

Shopify ストアの全商品を Braze カタログに同期し、より詳細なメッセージングのパーソナライゼーションを実現できます。自動更新はほぼリアルタイムで行われるため、カタログには常に最新の商品詳細が反映されます。詳しくは、Shopify product syncs を参照してください。

![設定プロセスのステップ 4。「カタログの商品の識別子」に「Shopify バリアント ID」が設定されている。]/docs/ja/assets/img/Shopify/sync_products_step1.png?5ace9a6e3dfb6a3617ff6b1143c03446{: style=”max-width:80%;”}

ステップ 6: チャネルのアクティブ化

開発者を使用せずにアプリ内メッセージを有効にするには、設定でこの設定を行います。

使用可能なオプションをブラウザ内メッセージングに設定して、チャネルを有効にする設定手順。

追加 SDK チャネルのサポート

Braze SDK を使用すると、コンテンツカードなど、さまざまなメッセージングチャネルを使用できます。

コンテンツカードとフィーチャーフラグ

コンテンツカードやフィーチャーフラグを追加するには、開発者と協力して必要な SDK コードをtheme.liquid ファイルに直接挿入する必要があります。詳細な手順については、Braze SDK の統合を参照してください。

Web プッシュ通知

現在、Web プッシュは Shopify との統合をサポートしていません。将来的にこの機能のサポートを希望される場合は、Braze プロダクトポータルから製品リクエストを送信してください。

将来的にこの機能のサポートを希望される場合は、Braze プロダクトポータルから製品リクエストを送信してください。

ステップ 7:設定完了

  1. 設定後、Finish Setupを選択します。
  2. Shopify テーマ設定で、Braze アプリの埋め込みを有効にします。ストアのテーマ設定でアプリの埋め込みを有効にするには、[Shopify を開く] を選択して、Shopify アカウントにリダイレクトされるようにします。

Shopify で Braze アプリの埋め込みを有効にする必要があることを示すバナー。Shopify を開くボタンが含まれている。

3.アプリの埋め込みを有効にすると、セットアップは完了です。 統合設定、初期データ同期のステータス、アクティブな Shopify イベントを表示できることを確認します。

連携設定を表示する Shopify のパートナーページ。

「このページはどの程度役に立ちましたか?」
New Stuff!