通知

G Suite 現已更名為 Google Workspace:滿足您業務需求,大幅提升工作效率。

資料層

Google 代碼管理工具與資料層一併部署時的運作成效最佳。資料層是一種 JavaScript 物件,可用來將網站資訊傳送到「代碼管理工具」容器。之後,您便可運用這項資訊,在代碼設定中填入變數並啟用觸發條件。

如果您是開發人員,請參閱開發人員說明文件瞭解詳情。

「代碼管理工具」方便您參考在資料層原始碼中加入的資訊,而不需參考變數、交易資訊、網頁類別,以及散落在網頁中的其他重要信號。導入的資料層中如含有變數和相關值,那麼當您需要啟動代碼時就能馬上取得這些必要資訊。

設定網站或行動應用程式以搭配代碼管理工具和資料層運作時,請花點時間思考資料層必須處理的資訊類型,例如:

  • 產品資料:產品名稱、價格、類別
  • 行銷廣告活動資訊:流量來源、媒介
  • 交易資料:購物車價值、結帳日期
  • 客戶資訊:新客戶或回訪客戶

建立資料層變數

資料層變數可讓代碼管理工具讀取所導入資料層中的值,並將這些值傳送到代碼、觸發條件和其他變數。資料層物件由一系列的鍵/值組合所組成。「鍵」是指事物類別,例如書籍的「category」(類別)、「title」(書名) 或「author」(作者)。每個鍵可能都有不同的值,例如「title」(書名) 鍵可能包含「尤里西斯」、「戰爭與和平」或「時間簡史」等值。

在網頁上加入資料層程式碼

如要設定資料層,可請開發人員協助將下列程式碼片段加到網頁中 <head> 區段的容器片段「上方」

<script>
    window.dataLayer = window.dataLayer || [];
</script>

使用 dataLayer.push() 命令將資訊加入資料層:

<a href="#" onclick="dataLayer.push({
    'bookCategory': '小說',
    'bookTitle': '百年孤寂',
    'bookAuthor': '馬奎斯'
});">書籍詳細資訊</a>

請參閱開發人員文件,深入瞭解資料層導入方式。

設定資料層變數

設定好想要搭配運作的鍵後,您便可繼續建立資料層變數:

  1. 按一下 [變數]
  2. 在「使用者定義的變數」下方點擊 [新增]
  3. 按一下 [變數設定],並選取 [資料層變數] 做為變數類型。
  4. 在「資料層變數名稱」欄位中,輸入的鍵必須與寫進程式碼中的格式完全一致,例如「bookTitle」而非「book title」
  5. 在大部分情況下,您可沿用「資料層版本」的預設值「版本 2」,不需要修改。瞭解詳情
  6. 儲存變數。
  7. 如要在代碼管理工具中使用其他資料層鍵來當做變數,請重複以上步驟。
  8. 發布容器。
注意:資料層變數只能在個別網頁上運作。如果您希望多次網頁瀏覽所使用的資料層值皆相同,則必須加入自己的程式碼,在各網頁之間傳送資料層值。

資料層資訊的處理方式

代碼管理工具載入容器時,即會開始處理所有已加入佇列的 [資料層推送訊息]。代碼管理工具會依據先進先出的規則處理資料層事件,且一次只會處理一則訊息。如果訊息是事件,就會觸發所有符合觸發條件的代碼,再接著處理下一則訊息。

如果任何 gtag()dataLayer.push() 呼叫是由網頁、自訂範本或自訂 HTML 標記中的程式碼所送出,相關的訊息就會排入佇列,待系統評估完所有其他待處理訊息後加以處理。這表示對下一個事件來說,不保證會有最新的資料層值可用。如要化解這類情況,可以在系統將事件推送至資料層時在訊息中加入事件名稱,再使用自訂事件觸發條件監聽該事件名稱。

重要事項:不要使用自訂 HTML 標記來部署 gtag.js 程式碼,請改用代碼管理工具提供的 Google AdsAnalytics (分析)Floodlight 專用原生代碼範本。
重要事項:請勿嘗試使用自訂 HTML 設定同意聲明設定。由於必須先套用同意聲明設定,才能在代碼管理工具容器中觸發相關代碼,因此您必須在代碼管理工具容器載入前套用 Tag Manager Consent API

其他資源

這對您有幫助嗎?

我們應如何改進呢?
true
搜尋
清除搜尋內容
關閉搜尋
主選單
17596511837749084558
true
搜尋說明中心
true
true
true
true
true
102259
false
false