Google 代碼管理工具與資料層一併部署時的運作成效最佳。資料層是一種 JavaScript 物件,可用來將網站資訊傳送到「代碼管理工具」容器。之後,您便可運用這項資訊,在代碼設定中填入變數並啟用觸發條件。
「代碼管理工具」方便您參考在資料層原始碼中加入的資訊,而不需參考變數、交易資訊、網頁類別,以及散落在網頁中的其他重要信號。導入的資料層中如含有變數和相關值,那麼當您需要啟動代碼時就能馬上取得這些必要資訊。
設定網站或行動應用程式以搭配代碼管理工具和資料層運作時,請花點時間思考資料層必須處理的資訊類型,例如:
- 產品資料:產品名稱、價格、類別
- 行銷廣告活動資訊:流量來源、媒介
- 交易資料:購物車價值、結帳日期
- 客戶資訊:新客戶或回訪客戶
建立資料層變數
資料層變數可讓代碼管理工具讀取所導入資料層中的值,並將這些值傳送到代碼、觸發條件和其他變數。資料層物件由一系列的鍵/值組合所組成。「鍵」是指事物類別,例如書籍的「category」(類別)、「title」(書名) 或「author」(作者)。每個鍵可能都有不同的值,例如「title」(書名) 鍵可能包含「尤里西斯」、「戰爭與和平」或「時間簡史」等值。
在網頁上加入資料層程式碼
如要設定資料層,可請開發人員協助將下列程式碼片段加到網頁中 <head>
區段的容器片段「上方」:
window.dataLayer = window.dataLayer || [];
</script>使用 dataLayer.push()
命令將資訊加入資料層:
'bookCategory': '小說',
'bookTitle': '百年孤寂',
'bookAuthor': '馬奎斯'
});">書籍詳細資訊</a>
請參閱開發人員文件,深入瞭解資料層導入方式。
設定資料層變數
設定好想要搭配運作的鍵後,您便可繼續建立資料層變數:
- 按一下 [變數]。
- 在「使用者定義的變數」下方點擊 [新增]。
- 按一下 [變數設定],並選取 [資料層變數] 做為變數類型。
- 在「資料層變數名稱」欄位中,輸入的鍵必須與寫進程式碼中的格式完全一致,例如「bookTitle」而非「book title」。
- 在大部分情況下,您可沿用「資料層版本」的預設值「版本 2」,不需要修改。瞭解詳情。
- 儲存變數。
- 如要在代碼管理工具中使用其他資料層鍵來當做變數,請重複以上步驟。
- 發布容器。
資料層資訊的處理方式
代碼管理工具載入容器時,即會開始處理所有已加入佇列的 [資料層推送訊息]。代碼管理工具會依據先進先出的規則處理資料層事件,且一次只會處理一則訊息。如果訊息是事件,就會觸發所有符合觸發條件的代碼,再接著處理下一則訊息。
如果任何 gtag()
或 dataLayer.push()
呼叫是由網頁、自訂範本或自訂 HTML 標記中的程式碼所送出,相關的訊息就會排入佇列,待系統評估完所有其他待處理訊息後加以處理。這表示對下一個事件來說,不保證會有最新的資料層值可用。如要化解這類情況,可以在系統將事件推送至資料層時在訊息中加入事件名稱,再使用自訂事件觸發條件監聽該事件名稱。