在 Collabs app 設定自訂線上店面的個人化聯盟連結

使用 Collabs app，您可以使用個人化聯盟連結，例如 mystore.com/sammy，在結帳頁面自動套用折扣代碼。若您使用自訂線上店面，則必須符合下列要求才能使用個人化聯盟連結：

• 將頁面檢視事件傳送至 Shopify。
• 處理網址重新導向。
• 有效管理 /discount 路由，以自動套用折扣代碼。

如果您的線上店面未符合上述要求，請依照本頁說明完成設定。

傳送頁面檢視事件

Collabs app 使用與 Shopify 管理介面相同的追蹤資料，因此您的自訂線上店面需要將分析傳送至 Shopify。若要傳送分析至 Shopify，請參閱 Hydrogen 文件。

確認分析已傳送至 Shopify

將分析傳送至 Shopify 後，您可以透過檢查 訂單轉換摘要 來確認其是否正常運作。

步驟：

1. 在 Shopify 管理介面中，前往 訂單。

2. 按一下任一訂單。

3. 在 轉換摘要 區段中，按一下 檢視轉換詳情。

4. 請確認顧客旅程是從您的自訂線上店面開始。

處理網址重新導向

Collabs app 會使用您的網路商店網址重新導向來建立個人化連結。您可以在 Shopify 管理介面依序前往 內容 > 選單 > 檢視網址重新導向，查閱網址重新導向清單。

您需要使用 Hydrogen 的內建功能 storefrontRedirect utility，才能正確處理網址重新導向。

確認網址重新導向可正常運作

要確認您的自訂線上店面是否能處理網址重新導向，您可以在自訂線上店面開啟任何網址重新導向的路徑，並驗證是否會重新導向到正確位置。

步驟：

1. 在您的 Shopify 管理介面中，前往 內容 > 選單。

2. 按一下 檢視網址重新導向。

3. 在您的自訂線上店面中開啟任一網址重新導向的路徑。

4. 確認已重新導向至正確位置。

處理 /discount 路由

Collabs app 使用 /discount 路由，為顧客自動套用折扣代碼。

您可以使用 Hydrogen 範本中的此折扣路由實作範例，來設定並處理 /discount 路由。

確認已正確處理 /discount 路由

1. 前往 mystore.com/discount/test-discount?redirect=/&dt_id=0。
2. 確認系統會重新導向至 mystore.com/?dt_id=0。
3. 開始結帳，並確認結帳頁面已套用 test-discount 折扣代碼。

變更聯盟連結網域

當您符合在自訂線上店面設定個人化聯盟連結的要求後，您可以變更聯盟連結的網域。

更新網域後，所有既有的聯盟連結會一併更新，所有新的聯盟連結都會以新網域建立。

步驟：

1. 在您的 Shopify 管理介面中，前往 app > Collabs。

2. 前往 設定 > 聯盟夥伴。

3. 在 線上店面網域 區段中，新增您的自訂線上店面網域。

4. 在 連結個人化 區段中，選取 個人化連結。

5. 按一下 儲存。