您對用戶的行為了解得越多，就可以越好地銷售產品或服務-這就是Google跟蹤代碼管理器（GTM）是營銷人員最好的朋友的原因。借助內置標簽模板（例如滾動深度和點擊跟蹤），GTM是一款功能強大的工具，可用來衡量您的內容的參與度和成功程度。 

如果您僅依賴GTM中的標記模板，或偶爾使用受限的即用型Google Analytics（分析），則可能會錯過超出常規參與度指標的見解。這意味著您可能會從數據中獲得不完整的故事。

這篇文章將教您如何通過在GTM中設置Cookie來獲得更多見解。您將學習如何在單個會話中標記和跟蹤多個頁面視圖，如何基于特定的頁面內容元素跟蹤特定的頁面設置數量，并了解用戶如何與您的內容互動，以便您可以基于數據更好地推動轉化的決定。

用例范例
我最近與一個客戶合作，該客戶希望更好地了解登錄其博客內容的用戶的行為。他們面臨的主要障礙是URL結構。他們的內容不存在于邏輯URL結構上-他們將目標關鍵字直接放在根之后。所以，與其example.com/blog/some-content，其URL結構看上去像example.com/some-content。

您可以使用Google Analytics（分析）中的高級細分來跟蹤任意數量的指標，但是如果您沒有邏輯上定義的網址，那么跟蹤和衡量這些指標將成為一項手動且耗時的做法，尤其是在要跟蹤的頁面數。

幸運的是，利用我在下面提供的自定義cookie代碼，可以幫助您縮短時間，幾乎不需要實施工作，并且可以得出有力的見解：

它可以表明用戶對您的內容和品牌感興趣。
存儲的數據可用于內容評分-如果一個事件的三個頁面中包含一個頁面，則該頁面可能比其他頁面更有價值。如果是這樣，您可能希望將這些頁面定位為具有更多追加銷售或交叉銷售的機會。
相同的評分邏輯可能適用于作者。如果某些作者撰寫的博客在一個會話中具有更多的頁面瀏覽量，則它們的寫作風格/主題可能會更吸引人，您可能希望進一步利用他們的內容寫作技巧。
您可以建立再營銷受眾群體列表，以這些看似參與的用戶為目標，以與您的業務目標保持一致-與您的內容進行互動的人更有可能轉化。
因此，在逐步學習實施指南之前，讓我們簡要討論一下您需要添加以設置cookie的自定義代碼的結構。

自定義Cookie代碼
眾所周知，Cookies是存儲在瀏覽器中的一個小型文本文件，它可以幫助服務器記住您的身份，并且其代碼由三個元素組成：

包含數據的名稱/值對
到期日期，在該日期之后不再有效
服務器應該發送到的域和路徑。
您可以創建一個自定義代碼以添加到cookie中，以幫助您在一組頁面中的會話中跟蹤和存儲大量頁面視圖。

以下代碼構成設置Cookie的基礎。它定義了特定的規則，例如觸發cookie所需的事件和cookie的過期。我將提供代碼，然后將其分為兩部分來解釋每個部分。

代碼
<腳本>
函數createCookie（名稱，值，小時）{
    如果（小時）{
        var date = new Date（）;
        date.setTime（date.getTime（）+（hours * 60 * 60 * 1000））;
        var expires =“; expires =” + date.toGMTString（）;
    }
    否則var expires =“”;
    document.cookie = name +“ =” + value + expires +“; path = /”;
}
如果（document.querySelectorAll（“ CSS SELECTOR GOES HERE”“）。length> 0）{
var y = {{NumberOfBlogPagesVisited}}
如果（y == null）{
    createCookie（'BlogPagesVisited'，1,1）;
}
  否則（y == 1）{
    createCookie（'BlogPagesVisited'，2,1）;
  } 
  否則（y == 2）{
    var newCount = Number（y）+1;
    createCookie（'BlogPagesVisited'，newCount，12）;
  }
  
 如果（newCount == 3）{
 dataLayer.push（{
 '事件'：'3個博客頁面'
 }）;
 }
}
</ script>


第1部分
<腳本>
函數createCookie（名稱，值，小時）{
    如果（小時）{
        var date = new Date（）;
        date.setTime（date.getTime（）+（hours * 60 * 60 * 1000））;
        var expires =“; expires =” + date.toGMTString（）;
    }
    否則var expires =“”;
    document.cookie = name +“ =” + value + expires +“; path = /”;
}
說明：
顧名思義，此函數將在您指定名稱，值和cookie有效期的情況下創建一個cookie。我已指定“小時”，但如果要指定“天”，則需要迭代代碼的變量?？纯催@個設置Cookie的豐富資源。

第2部分
如果（document.querySelectorAll（“ CSS SELECTOR GOES HERE”）。length> 0）{
var y = {{NumberOfBlogPagesVisited}}
如果（y == null）{
createCookie（'BlogPagesVisited'，1,1）;
}
否則（y == 1）{
createCookie（'BlogPagesVisited'，2,1）;
}
否則（y == 2）{
var newCount = Number（y）+1;
createCookie（'BlogPagesVisited'，newCount，12）;
}
  
如果（newCount == 3）{
dataLayer.push（{
'事件'：'3個博客頁面'
}）;
}
  
</ script>

說明：
該腳本的第二部分將計算頁面瀏覽量：

我現在空白的“ CSS SELECTOR GOES HERE”將是您添加CSS選擇器的地方。如果CSS選擇器與頁面上的元素匹配，這將指示cookie觸發。您可以使用DevTools將鼠標懸停在頁面上的元素（如作者姓名）上，并復制CSS選擇器。
“ y”表示cookie，“ NumberOfBlogPagesVisited”是我為變量指定的名稱。您將根據需要迭代變量名，但是您在GTM中設置的變量名應與代碼中的變量名一致（我們將在分步指南中逐步進行介紹）。
“ createCookie”是您的cookie的實際名稱。我將Cookie稱為“ BlogPagesVisited”。您可以隨心所欲地調用cookie，但是再次要確保在GTM中創建變量時，在代碼中為cookie提供的名稱必須與cookie名稱字段保持一致。沒有一致性，代碼將無法正確觸發。
您還可以更改Cookie的過期時間。如果用戶在一個會話中累積了三個頁面瀏覽量，則代碼將指定12小時的有效期。其背后的原因是，如果某人在一兩天后返回并查看另一個博客，我們將不認為這是同一“會話”的一部分，從而使我們可以更清楚地了解觸發三個事件的用戶的用戶行為。會話中的頁面瀏覽量。
這是相當隨意的，因此您可以迭代cookie的有效期以適合您的業務目標和客戶。
注意：如果您希望事件在超過三個頁面視圖（例如，四個頁面視圖）之后觸發，則代碼如下所示：

var y = {{NumberOfBlogPagesVisited}}
如果（y == null）{
createCookie（'BlogPagesVisited'，1,1）;
}
否則（y == 1）{
createCookie（'BlogPagesVisited'，2,1）;
}
}
否則（y == 2）{
createCookie（'BlogPagesVisited'，3,1）;
}
否則（y == 3）{
var newCount = Number（y）+1;
createCookie（'BlogPagesVisited'，newCount，12）;
}
  
如果（newCount == 4）{
dataLayer.push（{
'事件'：'4個博客頁面'
}）;

現在我們對腳本有了基本的了解，我們可以使用GTM來實現所有內容。

首先，您需要設置以下“標簽”，“觸發器”和“變量”：

標簽
自定義HTML標記：包含cookie腳本

事件代碼：觸發第三次網頁瀏覽是一次會話后，觸發事件并將數據發送到GA。

扳機
頁面瀏覽觸發器：定義觸發您的自定義HTML標記的條件。

自定義事件觸發器：定義觸發事件的條件。

變量
第一方Cookie變量：此變量將定義觸發器需要用來評估您的自定義HTML代碼是否應觸發的值。

現在，讓我們逐步完成在GTM中進行設置的步驟。

步驟1：建立自訂HTML標記
首先，我們需要創建一個包含Cookie腳本的自定義HTML標簽。這次，我在下面添加了CSS選擇器：

 #content> div.post.type-post.status-publish.format-standard.hentry> div.entry-meta> span> span.author.vcard> a
這與Distilled博客頁面上的作者匹配，因此您需要添加自己的唯一選擇器。

導航到標簽>新建>自定義HTML標簽>并將腳本粘貼到自定義HTML標簽框中。


您需要確保標簽名稱具有描述性和直觀性。Google建議使用以下標記命名約定：標記類型-詳細信息-位置。這將使您可以從概述標簽界面輕松識別和分類相關標簽。您還可以為不同的項目創建單獨的文件夾，以使事情井井有條。

按照Google的示例，我將我的標簽稱為“自定義HTML-3頁瀏覽量Cookie-博客”。

創建標簽后，請記住點擊保存。

步驟2：建立觸發器
創建觸發器將定義觸發您的自定義HTML標記的條件。如果您想了解有關觸發器的更多信息，可以閱讀Simo Ahava的觸發器指南。

導航到觸發器>新建> PageView。

單擊觸發器配置框后，將要選擇“頁面視圖”作為觸發器類型。我也將觸發器的頁面視圖命名為Cookie觸發器-Blog觸發器，因為我將設置標簽以在用戶訪問博客內容時觸發。


接下來，您將要定義觸發器的屬性。


由于我們依賴CSS選擇器來觸發整個網站的Cookie，因此請選擇“所有頁面瀏覽量”。

定義觸發器后，單擊“保存”。

步驟3：建立變數
就像自定義HTML代碼如何依賴觸發條件來觸發一樣，觸發條件也取決于變量。變量定義觸發器需要評估標簽是否應觸發的值。如果您想了解有關變量的更多信息，建議閱讀Simo Ahava的變量指南。

轉到變量>用戶定義的變量>選擇第一方Cookie。您還將注意到，我已將此變量命名為“ NumberOfBlogPagesVisited”-您將希望此變量名與Cookie代碼中的內容匹配。


選擇“第一方Cookie”后，您現在需要輸入Cookie名稱。請記?。涸揅ookie名稱需要復制您在代碼中為Cookie指定的名稱。我將Cookie命名為BlogPagesVisited，所以我已經復制了如下所示。


第4步：創建事件代碼
當用戶觸發第三頁視圖時，我們希望將其記錄下來并發送給GA。為此，我們需要設置一個“事件”標簽。

首先，導航至標簽>新建>選擇Google Analytics-Universal Analytics：


標記類型設置為“ Google Analytics-Universal Analytics”后，請確保跟蹤類型為“事件”，并分別命名為“類別”和“操作”。您也可以根據需要填寫標簽和值。我還想在“非互動點擊”字段中選擇“正確”，因為我仍想跟蹤跳出率指標。


最后，您需要選擇一個GA設置變量，該變量會將存儲的Cookie信息傳遞給GA屬性。

第5步：創建觸發器
此觸發器將引用您的事件。

導航到觸發器>新建>自定義事件


選擇“自定義事件”后，將要確?！笆录Q”字段與代碼中為事件指定的名稱匹配。就我而言，我將該事件稱為“ 3個博客頁面”。


步驟6：以預覽模式審核Cookie
選擇預覽模式后，您應該對Cookie進行審核，以確保一切正常啟動。為此，請導航至您設置Cookie的網站。

在調試界面中，轉到“頁面視圖”>“變量”。


接下來，查找包含CSS選擇器的URL。對于客戶端，我們使用了引用頁面上作者的CSS選擇器。他們所有的內容頁面都使用相同的CSS選擇器供作者使用。使用GTM預覽工具，您將看到“ NumberOfBlogPagesVisited”變量已執行。


在Chrome DevTools中，實際的“ BlogPagesVisited” Cookie已觸發為“ 1”值。要查看此信息，請單擊檢查>應用程序> Cookies。


如果我們跳過第二頁視圖并在另一個博客頁面上執行第三頁視圖，您將看到我們的GA事件和“自定義HTML”標記均被觸發，因為它是我們的第三頁視圖。


您還將看到第三頁視圖觸發了我們在Chrome DevTools中的cookie值“ 3”。


第7步：設置高級細分
現在，您已經設置了Cookie，您將需要將存儲的Cookie數據提取到GA中，這將使您可以根據需要操縱數據。

在GA中，轉到“行為”>“事件”>“概述”>“添加細分”>“新細分”>“序列”>“事件操作”>，然后添加您在事件代碼中指定的事件名稱。我指定了“ 3個博客頁面瀏覽量”。


在那里，您擁有了！ 

結論
既然您知道如何在GTM中設置Cookie，那么您就可以獲得更多有關內容參與度的見解。

您還將知道如何遍歷代碼片段，并迭代觸發cookie事件所需的頁面瀏覽量以及每個階段的cookie過期以適應您的需求。

我很想聽聽您可以想到此Cookie的其他用例，或者您在GTM中設置的其他類型的Cookie，以及從中獲得的數據。