售後頁面上的像素追蹤

如果您的商店已安裝可將售後頁面新增至商店結帳頁面的應用程式,則您在商店使用的所有自訂像素追蹤可能無法擷取某些追蹤事件。新增至您商店「其他指令碼」方塊的自訂追蹤像素僅會追蹤訂單狀態頁面上的事件,而顧客會先到達結帳頁面的售後頁面,然後再前往訂單狀態頁面。因此,如果顧客在售後頁面就離開您的商店,系統便不會追蹤訂單狀態頁面上的事件。

為確保正確擷取轉換事件,您可以新增指令碼來追蹤售後頁面上的事件。此指令碼也可以追蹤顧客從售後頁面完成的額外購買事件,例如追加銷售。新增售後頁面指令碼後,您必須調整訂單狀態頁面指令碼,以忽略已由售後頁面指令碼擷取的事件。

僅當您使用自訂追蹤像素時,才需要變更商店追蹤事件的方式。舉例來說,如果您是透過「網路商店」>「偏好設定」設定 Google Analytics (分析),則商店已正確擷取售後頁面上的事件。

考量事項

售後頁面的其他指令碼類似於訂單狀態頁面的其他指令碼,但仍有些主要差異:

  • 此指令碼會新增至售後頁面,而非訂單狀態頁面。
  • 此欄位僅允許 JavaScript,而不接受 Liquid 程式碼。
  • 唯一允許的 HTML 標籤是 <script>
  • 此指令碼是在沙箱內執行,並不納入主頁中。
  • 您的商店必須已安裝可將售後頁面新增至結帳頁面的應用程式,您才能新增售後頁面指令碼。

在沙箱中執行指令碼可確保指令碼安全且符合預期用途。

Shopify 支援服務無法針對售後頁面指令碼提供協助。如需相關協助,您可以在 Shopify 社群發佈貼文或聘僱 Shopify 專家

與訂單狀態頁面指令碼的相容性

為確保像素正確追蹤所有轉換事件,請在售後頁面和訂單狀態頁面上都設定追蹤指令碼。若要避免重複計算轉換事件次數,可以在訂單狀態頁面指令碼中使用 post_purchase_page_accessed 這個 Liquid 變數。

如果顧客先到達售後頁面,然後前往瀏覽訂單狀態頁面,變數 post_purchase_page_accessed 會傳回 true。反之,如果顧客未到達售後頁面,此變數會傳回 false

例如,您可使用以下格式的訂單狀態頁面指令碼:

{% unless post_purchase_page_accessed %}
<script> 
    //insert your tracking script
</script>
{% endunless %}

可用 API

您可以使用 JavaScript 全域變數讓追蹤指令碼存取所需資料。請於 window.Shopify 下方查看可存取的資料。

追蹤在售後頁面完成的購買事件

若要追蹤顧客透過售後頁面完成的額外購買事件,您可以訂閱 Shopify.on 事件。

訂閱後,只要成功套用售後變更集,系統就會執行下列動作:

  • 您的處理常式會以兩種 Order 類型的引數來呼叫:orderoutdated order
  • 更新 window.Shopify 下方的全域變數,讓指令碼可使用更新後的資料。

訂閱此事件的處理常式只有 500 毫秒的執行時間。請務必提前載入任何您需要的相依資料。

新增售後頁面指令碼

  1. 從 Shopify 管理介面中,前往「設定」>「結帳」。
  2. 在「售後的其他指令碼」欄位中輸入指令碼。
  3. 點擊「儲存」。

指令碼範例

您可以使用下列基本指令碼範本來建立自己的售後頁面指令碼。此指令碼範例使用 Google Analytics (分析) 追蹤初始轉換,並說明如何追蹤額外購買事件。此範例非常簡易,您的最終指令碼可能與其不同。

指令碼檔案範例

訂單狀態頁面的指令碼範例:

``` ``` 售後頁面的指令碼範例: ``` ```

參考資料

以下表格包含 window.Shopify 提供給「售後的其他指令碼」使用的屬性及其類型定義:

欄位 定義
window.Shopify
shop 訂單成立的商店詳細資訊
order 訂單詳細資訊
pageUrl 目前頁面的網址。
wasPostPurchasePageSeen 顧客在此結帳期間是否曾瀏覽售後頁面。首次轉譯時會傳回 true,其他情況則傳回 false (例如重新載入頁面)。
on(event: string, handler: function): void 訂閱 event。目前僅支援 CheckoutAmended 事件。
off(event: string, handler: function): void 取消 handler 對指定 event 的訂閱。目前僅支援 CheckoutAmended 事件。
Shop
id 商店的 ID。
currency 商店使用 ISO 4217 格式的幣別。例如 USD (美元)。若要瞭解更多資訊,請參見 shop.currency
Order
id 訂單的內部識別碼。
number 訂單名稱的整數表示形式。例如 1025。
checkoutToken 結帳頁面的內部識別碼。
customer 與訂單相關聯的顧客
lineItem 訂單的商品項目
subtotalPrice 套用商品項目和購物車折扣後,訂單所有商品項目的價格小計。此小計金額不包含稅金 (除非價格內含稅金)、運送成本或小費。
totalPrice 訂單總價值。
currency 訂單幣別的 ISO 4217 代碼。
discounts 套用到訂單的折扣總金額。
Customer
id 顧客的 ID。
email 客戶的電子郵件地址。
acceptsMarketing 顧客是否接受行銷。如果顧客接受行銷,此值會傳回 true,反之則傳回 false
hasAccount 客服電子郵件是否與顧客帳號相關聯。如果顧客帳號列有該電子郵件,此值會傳回 true,反之則傳回 false。若要瞭解更多資訊,請參見 customer.has_account
firstName 客戶的名字。
lastName 客戶的姓氏。
ordersCount 顧客提交的訂單總數。
totalSpent 顧客消費的全部訂單總金額。
LineItem
finalLinePrice 商品項目中所有品項的總價。這會等於 line_item.final_price 乘以 line_item.quantity
finalPrice 商品項目的價格,包含所有品項層級的折扣金額。
lineLevelTotalDiscount 商品項目套用的所有特定折扣總金額。這不包含新增至購物車的折扣。
optionsWithValues 從品項的產品選項選取的值陣列。若要瞭解更多資訊,請參見 line_item.options_with_values
originalLinePrice 套用折扣前,商品項目中所有品項的總價。此值等於 line_item.original_price 乘以 line_item.quantity
originalPrice 套用折扣前的商品項目原始價格。
price 商品項目的單價。此價格會反映商品項目套用的所有折扣,只有位在德國或法國的商店適用。
product 商品項目的產品
properties 已新增至購物車的品項自訂資訊陣列。若要瞭解更多資訊,請參見 line_item.properties
quantity 商品項目的數量。
title 商品項目的標題。若要瞭解更多資訊,請參見 line_item.title
variant 商品項目的子類
Product
id 產品 ID。
type 產品類型。
ProductVariant
id 子類 ID。
sku 子類的存貨單位 (SKU)。
translate="no"CartDiscount
id 折扣應用程式的內部識別碼。
code 折扣代碼 (若有的話)。
type 折扣類型。可能的值有:automaticdiscount_codemanualscript
amount 訂單價格減去折扣得到的總金額。

準備好開始透過 Shopify 銷售商品了嗎?

免費試用