Collabsアプリで、カスタムストアフロント用にパーソナライズされたアフィリエイトリンクを設定する
Collabsアプリを利用すると、mystore.com/sammyなどのパーソナライズされたアフィリエイトリンクを使用して、チェックアウト時にクーポンコードを自動的に適用できます。カスタムストアフロントを使用している場合、パーソナライズされたアフィリエイトリンクを利用するには、以下の要件を満たす必要があります。
- ページビューイベントをShopifyに送信する。
- URLリダイレクトを処理する。
- クーポンコードを自動的に適用するために、
/discountルートを効果的に管理する。
ストアフロントがこれらの要件を満たしていない場合は、このページに概説されている手順を完了してください。
送信ページビューイベント
Collabsアプリでは、管理画面と同じ追跡データを使用するため、カスタムストアフロントでは、Shopify分析を送信する必要があります。Shopifyに分析を送信するには、「Hydrogenドキュメント」を参照してください。
Shopifyに分析が送信されていることを確認する
Shopifyに分析を送信した後、注文のコンバージョンサマリーを確認して、分析結果が機能することを確定できます。
手順：
管理画面から、[注文] に移動します。
任意の注文をクリックします。
[コンバージョンサマリー] セクションで、[コンバージョンの詳細を表示] をクリックします。
お客様の体験がカスタムストアフロントで開始したことを確認してください。
URLリダイレクトを処理する
Collabsアプリでは、オンラインストアのURLリダイレクトを使用して、パーソナライズされたリンクを作成します。管理画面から、[オンラインストア] > [メニュー] > [URLのリダイレクトを表示] に移動して、URLリダイレクトのリストを確認できます。
URLリダイレクトを正しく処理するには、Hydrogenの組み込み機能 (storefrontRedirect utility) を使用する必要があります。
URLリダイレクトが機能することを確認する
カスタムストアフロントでURLリダイレクトが処理されることを確認するには、カスタムストアフロントで任意のURLリダイレクトパスを開き、URLが正しいロケーションにリダイレクトされていることを確かめます。
手順：
- 管理画面から、[オンラインストア] > [メニュー] に移動します。
- [URLのリダイレクトを表示] をクリックします。
- カスタムストアフロントで任意のURLリダイレクトパスを開きます。
- URLが正しいロケーションにリダイレクトされていることを確認します。
/discount route を処理する
Collabsアプリでは、/discountルートを使用して、お客様向けのクーポンコードを自動的に適用します。
Hydrogenテンプレートからディスカウントルート実装のこの例を使用して、/discountルートの設定と処理を行うことができます。
/discountルートが正しく処理されていることを確認する
-
mystore.com/discount/test-discount?redirect=/&dt_id=0に移動します。 -
mystore.com/?dt_id=0にリダイレクトされることを確認します。 - チェックアウトを開始し、チェックアウトに
test-discountクーポンコードが適用されていることを確認します。
アフィリエイトリンクのドメインを変更する
カスタムストアフロント用にパーソナライズされたアフィリエイトリンクを設定するための要件を満たした後、アフィリエイトリンクのドメインを変更できます。
ドメインを更新すると、既存のすべてのアフィリエイトリンクが更新され、すべての新しいアフィリエイトリンクが新しいドメインで作成されます。
手順：
管理画面から、[設定] > [アプリと販売チャネル] の順にクリックします。
[アプリと販売チャネル] ページで、[Shopify Collabs] をクリックします。
[アプリを開く] をクリックします。
[設定] > [アフィリエイト] に移動します。
[ストアフロントドメイン] セクションで、カスタムストアフロントドメインを追加します。
[リンクのパーソナライズ] セクションで、[パーソナライズされたリンク] を選択します。
[保存] をクリックします。