Collabsアプリでカスタムストアフロント用のパーソナライズされたアフィリエイトリンクを設定する

Collabsアプリでは、mystore.com/sammy のようなパーソナライズされたアフィリエイトリンクを使用できます。このリンクでは、チェックアウト時にディスカウントコードが自動的に適用されます。カスタムストアフロントを使用している場合、パーソナライズされたアフィリエイトリンクを使用するには、以下の要件を満たす必要があります。

  • ページビューイベントをShopifyに送信する。
  • URLリダイレクトを処理する。
  • ディスカウントコードを自動的に適用するために、/discount ルートを効果的に管理する。

ストアフロントがこれらの要件を満たしていない場合は、このページに記載されている手順を完了してください。

ページビューイベントを送信する

Collabsアプリは管理画面と同じトラッキングデータを使用するため、カスタムストアフロントからShopifyアナリティクスを送信する必要があります。Shopifyにアナリティクスを送信するには、Hydrogenのドキュメントを参照してください。

アナリティクスがShopifyに送信されていることを確認する

Shopifyにアナリティクスを送信した後、注文のコンバージョンサマリーを確認して、正常に機能していることを確認できます。

手順:

  1. 管理画面から、[注文管理] に移動します。

  2. 任意の注文をクリックします。

  3. [コンバージョンサマリー] セクションで、[コンバージョンの詳細を表示] をクリックします。

  4. お客様のジャーニーがカスタムストアフロントから開始されたことを確認します。

URLリダイレクトを処理する

Collabsアプリでは、オンラインストアのURLリダイレクトを使用して、パーソナライズされたリンクが作成されます。管理画面から [コンテンツ] > [メニュー] > [URLリダイレクトを表示] の順に移動して、URLリダイレクトのリストを見つけることができます。

URLリダイレクトを正しく処理するには、Hydrogenの組み込み機能である storefrontRedirectユーティリティ を使用する必要があります。

URLリダイレクトが機能することを確認する

カスタムストアフロントでURLリダイレクトが処理されることを確認するには、カスタムストアフロントでURLリダイレクトパスを開き、URLが正しいロケーションにリダイレクトされることを確かめます。

手順:

  1. 管理画面から、[コンテンツ] > [メニュー] に移動します。

  2. [URLリダイレクトを表示する] をクリックします。

  3. カスタムストアフロントで任意のURLリダイレクトパスを開きます。

  4. URLが正しいロケーションにリダイレクトされることを確認します。

/discountルートの処理

Collabsアプリでは、/discount ルートを使用して、お客様にディスカウントコードを自動的に適用します。

/discount ルートを設定して処理するには、Hydrogenテンプレートの このディスカウントルートの実装例 を使用できます。

/discountルートが正しく処理されていることを確認する

  1. mystore.com/discount/test-discount?redirect=/&dt_id=0 に移動します。
  2. mystore.com/?dt_id=0 にリダイレクトされることを確認します。
  3. チェックアウトを開始し、そのチェックアウトに test-discount ディスカウントコードが適用されていることを確認します。

カスタムストアフロント用にパーソナライズされたアフィリエイトリンクを設定するための要件を満たすと、アフィリエイトリンクのドメインを変更できるようになります。

ドメインを更新すると、既存のすべてのアフィリエイトリンクが更新され、新しいアフィリエイトリンクはすべて新しいドメインで作成されます。

手順:

  1. 管理画面から、[アプリ] > [Collabs] に移動します。

  2. [設定] > [アフィリエイト] に移動します。

  3. [ストアフロントドメイン] セクションで、カスタムストアフロントのドメインを追加します。

  4. [リンクのパーソナライズ] セクションで、[パーソナライズされたリンク] を選択します。

  5. [保存] をクリックします。