客服咨詢熱線:13933871212

首頁 > 展為新聞 >

石家莊優化型網站

您對用戶的行為了解得越多,就可以越好地銷售產品或服務-這就是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,以及從中獲得的數據。
3d动漫精品专区在线观看_国产高潮流白浆喷水免费a片_国产精品香港三级在线_tobu8在线观看免费高清_疯狂做受xxxx