如何在 Shopify 上設置 GA4 電子商務跟踪

到目前為止，您應該知道 Google 將於 2023 年 7 月停用 Universal Analytics，並將所有內容移至 GA4。 這意味著網站所有者需要盡快設置 GA4。 對於電子商務網站來說，讓電子商務跟踪在 GA4 中工作也帶來了額外的複雜性。 對於 Shopify 商店，此過程在 Universal Analytics 上非常簡單，但在 GA4 上更具挑戰性。

繼續閱讀，了解在任何 Shopify 網站上設置 GA4 電子商務跟踪的簡單過程，無需安裝應用程序或使用開發人員。

雖然任何人都應該能夠遵循本指南，但如果您對 GTM 的工作原理有基本的了解，將會更容易。

在 Shopify 中創建數據層

我們的首要任務是創建一個數據層。 數據層是一段簡單的代碼，其中包含有關訪問者網站會話的信息。 然後可以將此信息傳遞到其他平台，例如 GTM。

我們在 Shopify 訂單完成頁面上為您創建了一個數據層。 它會自動填充有關客戶訂單的信息，例如訂單價值、運輸成本和購買的物品。

• 將以下腳本複制並粘貼到 Shopify 管理員設置中的“結帳”腳本字段中。 這可以通過轉到“設置 > 結帳和帳戶 > 附加腳本”來找到

• 此數據層將“購買”事件推送到 GTM，其中包含有關客戶訂單的信息。

 {% if first_time_accessed %} <script> dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. window.dataLayer.push({ 'event': 'purchase', ecommerce: { 'transaction_id': '{{ order.name || order.order_number }}', 'value': {{ total_price | money_without_currency | remove:',' }}, // Includes tax & shipping 'tax': {{ tax_price | money_without_currency | remove:',' }}, 'shipping': {{ shipping_price | money_without_currency | remove:',' }}, 'currency': '{{ shop.currency }}', 'payment_type': '{{ order.transactions[0].gateway }}', //optional parameter 'items': [ {% for line_item in line_items %} { 'item_id': '{{ line_item.sku || line_item.product_id }}', //if no SKU exists, use product Id 'item_name': '{{ line_item.product.title }}', 'discount': {{ line_item.line_level_total_discount | money_without_currency }}, 'item_variant': '{{ line_item.variant.title }}', 'price': {{ line_item.final_price | money_without_currency }}, 'quantity': {{ line_item.quantity }} }, {% endfor %} ]} }); </script> {% endif %}**

在 GTM 中創建觸發觸發器

現在我們需要設置一個觸發器，在客戶完成訂單時觸發。 當觸發器觸發時，包含訂單信息的標籤被發送到 GA4。

我們需要定義觸發購買觸發器的條件。 我們觸發的條件將是我們數據層中的購買事件被推送時。 要進行此設置：

• 登錄 GTM，進入左側菜單並選擇“觸發器”
• 按藍色的“新建”按鈕
• 調用您的觸發器“GA4 - 購買”
• 按“觸發器配置”窗口角落的“編輯”圖標
• 在“選擇觸發器類型”下選擇“自定義事件”
• 在“事件名稱”字段中輸入“購買”
• 將“此觸發器觸發”設置為“某些自定義事件”
• 將事件條件設置為：
• 事件 - 等於 - 購買

完成後，它應該如下所示：

在 GTM 中創建數據層變量

在設置標籤之前，我們需要創建 GTM 變量以從數據層獲取信息。 如果變量對您來說是新的，請將它們視為包含少量信息的數據包。

來自數據層的特定值被添加到這些變量中，然後將這些值發送到 GA4。

我們需要創建變量以從您的數據層中提取以下值：

• 訂單收入

• 訂單編號

• 貨幣

• 稅

• 運輸費

• 購買的物品

• 在 GTM 中，從左側菜單中單擊“變量”頁面

• 在“用戶定義的變量”框中單擊“新建”按鈕

• 在此屏幕上，您可以創建一個新的 GTM 變量。 您需要對上面列出的每個變量執行以下過程。 下面列出了每個單獨變量的詳細信息：

訂單收入

名稱：dlv - 感謝頁面 - 訂單收入

變量配置：

變量類型：數據層變量

數據層變量名稱：ecommerce.value

訂單編號

名稱：dlv - 感謝頁面 - 訂單 ID

變量配置：

變量類型：數據層變量

數據層變量名稱：ecommerce.transaction_id

貨幣

名稱：dlv - 感謝頁面 - 貨幣

變量配置：

變量類型：數據層變量

數據層變量名稱：ecommerce.currency

稅

名稱：dlv - 感謝頁面 - 稅

變量配置：

變量類型：數據層變量

數據層變量名稱：ecommerce.tax

運輸費

名稱：dlv - 感謝頁面 - 運輸

變量配置：

變量類型：數據層變量

數據層變量名稱：ecommerce.shipping

購買的物品

名稱：dlv - 感謝頁面 - 項目

變量配置：

變量類型：數據層變量

數據層變量名稱：ecommerce.items

完成後，每個變量應與此類似：

在 GTM 中創建電子商務標籤

要將電子商務數據提取到 GA4 中，GTM 需要在訂單完成頁面上觸發標籤。 此標籤包含有關每個訂單的信息，用於填充 GA4 報告。

• 返回 GTM 並從左側菜單中單擊“標籤”
• 按藍色的“新建”按鈕
• 將您的標籤命名為“GA4 購買”
• 在“標籤配置”框中，按右上角的編輯圖標
• 選擇“谷歌分析：GA4 事件”
• 在“配置標籤”字段中，選擇您的“GA4 配置”標籤。
• 在“事件名稱”字段中，輸入“購買”
• 展開“事件參數”下拉菜單並按“添加行”

事件參數是有關我們希望在代碼觸發時將其拉入 GA4 的訂單的信息。 將事件參數視為客戶訂單的各個元素（例如訂單價值、運輸成本等）。 這些元素中的每一個都需要添加為針對購買事件標籤的事件參數。

要設置這些，請單擊“添加行”按鈕。 每行有兩個字段

• Parameter Name - GA4定義的參數的正式名稱。 當使用 GA4 定義的購買參數之一觸發購買事件時，GA4 將識別它。 例如，“transaction_id”、“tax”和“shipping”都是公認的購買參數。 可在此處查看可用購買事件參數的完整列表。

• 值 - 參數的實際值。 這將是一個基於客戶訂單的動態值。 使用上面的示例參數，這些可能是：

交易 ID：#245

稅：2.56

運費：3.99

事件參數值是來自數據層的動態信息位。 還記得我們之前創建的數據層變量嗎？ 正是這些變量用於填充事件參數值。

單擊“值”字段右側的圖標。 這將加載一個屏幕，您可以在其中選擇一個變量。 查找並為此參數選擇正確的變量（它將是您之前創建的以“dlv”開頭的變量之一）。

對以下參數執行此操作：

完成後，您的屏幕應如下所示：

調試

最後，我們需要測試我們的標籤設置是否正常工作。 去做這個：

• 進入 GTM 並按下右上角的“預覽”按鈕
• 按照步驟在您的商店中激活 GTM 預覽模式
• 完成後，它將帶您到商店的前端，拐角處有一個標籤助手窗口

之前的標籤（標題為“Tag Assistant [Connected]”）現在將報告您在預覽標籤中瀏覽網站時觸發的標籤。

• 打開您的 GA4 帳戶，然後在左側菜單中轉到“配置 > DebugView”
• 返回預覽您的商店前端的選項卡並進行測試交易
• 最後，進入 GA4 DebugView 選項卡。 如果 GA4 購買標籤已成功觸發，您將在時間線中看到綠色購買事件。 單擊此事件，右側的窗口將填充有關訂單的信息。

發布 GTM 更改

一旦您對在 GA4 電子商務跟踪中捕獲交易感到滿意，您就可以繼續發布您的 GTM 更改。 發布後，我們建議您密切關注您的 GA4 帳戶和您的 UA 帳戶，以確保按您的預期記錄訂單。