Google 標記管理器 - 資料層

---

---

資料層可以被視為一個物件，它儲存所有需要傳遞和處理與 Google 標記管理器的資訊。這是一個稍微有點技術性的概念。術語“資料層”用於表示 Google 標記管理器用於儲存、處理和傳遞網站/部落格與標記管理器之間的資料的資料結構。

進一步闡述，資料層可以將有關訪客的資訊提供給您的分析工具。從另一個角度來看，資料層實際上是每個數字上下文子集的業務需求和目標列表。

讓我們以電子商務網站為例，業務需求可能包括：

• 交易資訊，包含有關購買內容的詳細資訊

• 訪客資料，關於誰進行了購買

• 其他有關購買的詳細資訊，例如在哪裡購買以及什麼時間購買

• 最後，有關其他因素的資訊，例如訪客是否訂閱了電子郵件更新

所以，簡而言之，資料層承載的資訊可以根據需要被不同的工具/使用者/利益相關者使用。

在 Google 標記管理器中，dataLayer 是一個 JavaScript 陣列。它由鍵值對組成。以下是一個包含不同資料型別的 dataLayer 的快速示例：

dataLayer = [{
   'products': [{
      'name': 'Western Cotton',
      'tuning': 'High-G',
      'price': 49.75
   },
   {
      'name': 'Fenda Speakers',
      'tuning': 'Drop-C',
      'price': 199
   }],
   'stores': ['Hyderabad', 'Bangloer],
   'date': Sat Sep 13 2017 17:05:32 GMT+0530 (IST),
   'employee': {'name': 'Raghav}
}];

這裡，我們有不同的值，例如物件陣列（產品）、數值（價格）、字串陣列（商店）、日期物件和物件（名稱）。

另一方面，當您將 Google 標記管理器容器程式碼放置在您的網站上時，資料層會自動建立。

資料層本身是一個相當複雜的概念，初次接觸可能難以理解。本章將提供更多關於如何與資料層互動的見解。

資料層事件

資料層事件的一個快速示例可以是新聞稿登錄檔單，該表單無法透過自動 GTM 監聽器輕鬆跟蹤。網站開發人員可以支援您在新的訂閱者在您的網站上輸入其電子郵件後推送資料層事件。此事件的程式碼應如下所示：

push({‘event’: ‘new_subscriber’});

如果需要，您可以向您的開發人員索取更多資訊，例如表單位置。如果您的網站上有多個表單，則需要此資訊。可以使用以下程式碼實現。

window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
   'formLocation': ‘footer’,
   'event': new_subscriber
});

此外，Google 標記管理器預設情況下會將某些值推送到 Web 應用程式的資料層。這些值是：

• gtm.js - 在 Google 標記管理器準備好執行時推送到資料層

• gtm.dom - DOM 準備好時推送到資料層

• gtm.load - 視窗完全載入時推送到資料層

檢查資料層

我們現在已經知道，螢幕上任何互動都會產生某些事件。

例如，讓我們考慮這個簡單的頁面載入事件。要檢視事件，您需要執行偵錯程式。在偵錯程式執行（預覽模式）後，訪問部落格。如果您檢視左下角的摘要視窗，您將看到以下內容：

步驟 1 - 點選“視窗載入”，然後點選“資料層”。

資料層選項卡中顯示的資訊與“視窗載入”事件有關。

它顯示為 – {event: 'gtm.load', gtm.uniqueEventId: 3}

此外，如果您想仔細檢視，則需要藉助 Chrome 的控制檯選項卡。當您知道如何正確使用 Chrome 偵錯程式時，檢查資料層變得很容易。

步驟 2 - 當您在您的部落格上時，右鍵單擊頁面上的任何部分。在顯示的上下文選單中，單擊“檢查”。該面板將顯示在螢幕的右側，並激活“元素”選項卡。

步驟 3 - 點選“控制檯”。在控制檯模式下，點選左上角的圖示以清除所有顯示的訊息。請參閱以下螢幕截圖以供參考。

步驟 4 - 清除視窗中任何先前訊息後，鍵入 dataLayer，確保 L 的大小寫正確。此名稱由 Google 標記管理器提供給其資料層。但是，您的開發人員可以根據需要在任何時候為其分配不同的名稱。

步驟 5 - 在 dataLayer 後按 Enter 鍵。它將顯示以下詳細資訊。

有三個物件，每個物件都包含一些資訊。現在，這些物件可能與您在上述螢幕截圖中看到的不同。dataLayer 是可配置的，開發人員可以根據需要對其進行配置。

存在的值是由於在該特定位置/空間中使用的 Blogger 小工具造成的。這就是為什麼那裡存在某些資訊的原因。

如果您檢視物件 1，您會注意到觸發的事件是 – gtm.dom。它在載入頁面時由 GTM 觸發。

透過這種方式，您可以檢查資料層並在需要時向其中新增資訊。

資料層中的變數

現在我們已經熟悉了資料層，讓我們嘗試使用 Google 標記管理器介面讀取其中一個變數。

這裡，我們將嘗試使用資料層變數讀取事件。

如果我們檢視上圖，變數 event 包含 gtm.dom。我們將從 GTM 介面建立一個變數，並檢視它如何在 Google 標記管理器下的“變數”選項卡中反映出來。

步驟 1 - 在 Google 標記管理器介面中，轉到“變數”。向下滾動到使用者定義的變數。點選“新建”。

步驟 2 - 為此新變數提供一個名稱，我們將其稱為 varEvent。

步驟 3 - 點選“選擇變數型別以開始設定…”

步驟 4 - 從列表中選擇“資料層變數”。

步驟 5 - 選擇“資料層變數”後，您將需要提供名稱和版本。

此名稱將來自 Google 標記管理器的實際資料層。如前所述，我們將跟蹤的變數是 – event。

步驟 6 - 在“資料層變數名稱”中輸入 event。

步驟 7 - 點選“儲存”。

步驟 8 - 點選“預覽”以檢視偵錯程式中反映的變化。

步驟 9 - 頁面載入後，點選“視窗載入”，然後點選“變數”。滾動到“變數”部分的最底部，您將看到 varEvent，如上圖所示。

如上圖所示，該值將為 gtm.load。

透過這種方式，可以檢查資料層並根據需要捕獲資料層中的值。