如何使用 Google 跟踪代碼管理器驗證潛在客戶

已發表: 2018-04-23

想像一下:您已經努力設置您的付費媒體活動,現在它已經上線了。 您甚至設置了跟踪以確保潛在客戶流入。下一步是優化,對嗎? 也許吧,但你應該先問問自己,我看到的數據是否有效? 您採取了哪些措施來確保數據正確無誤? 當我們都有很多動態的部分需要考慮時,很容易忽略小細節,但確保您擁有適當的驗證方法非常重要,這樣您就可以確保您正在跟踪您認為您正在跟踪的內容 - 並優化您的活動以粉碎你的目標!

不過別擔心,你並不孤單。 我已經設置了大量帶有自定義標籤的 Google 跟踪代碼管理器容器,但後來發現觸發器太寬泛或由於網站上的代碼更改而沒有正確捕獲值。 以下是我遇到的一些常見問題:

  • 點擊觸發器(ID、類或文本)過於寬泛
  • 點擊觸發器太窄,所以代碼沒有觸發
  • 未捕獲來自自定義 JavaScript 變量的值

事件觸發

特別是,我注意到基於表單填充的自定義事件和 Google Analytics 中的事件計數與後端潛在客戶計數不匹配的問題。 為了解決這個問題,我受到這篇博文的啟發,創建了一個基於電子表格的自定義事件驗證器,以匹配 Google Analytics 事件計數與後端潛在客戶計數,以及一個輕量級 CRM。

為了創建自己的主要驗證者,您需要對 Google 跟踪代碼管理器 (GTM)、HTML、CSS 和 Javascript 有基本的了解。 對於這個特定的項目,您需要了解如何編寫腳本以通過 Javascript 在表單字段中查找值,如何將這些值轉換為變量並在 GTM 中創建標籤、觸發器和變量。 在本演練中,我們將使用 Wpromote 的“Let's Talk”表格,該表格位於我們網站的標題中。

查找要捕獲的字段

讓我們從創建一個腳本開始,通過 Javascript 在表單字段中查找值。 如果您使用的是 Google Chrome,那麼您可以使用一個非常有用的功能來查找您要查找的表單字段的唯一標識符。 只需右鍵單擊要檢查的字段,然後單擊“檢查”。

點擊檢查

單擊“檢查”後,您將看到該字段的源代碼,您需要在其中找到該表單字段的 ID 名稱或一些唯一標識符。 請注意,Class 並不理想,因為 Class 通常會涉及很多元素,而 ID 通常會解決一個。

輸入欄

對於我們的表單,您會看到 Name 字段的 ID 是“ContactWebsite”。 在此示例中,我們需要編寫一個腳本來查找此 ID 並返回該值。 在開發者控制台中,輸入您的腳本以查找表單字段並測試您的腳本是否返回當前字段??中的值。

測試場

將值存儲在 Google 跟踪代碼管理器中

接下來,複製腳本並在 GTM 中創建一個新的用戶定義變量。 確保變量類型是自定義 Javascript。 在自定義 Javascript 中,聲明一個變量並從上一步中的表單字段中分配值。 接下來,確保返迴聲明的變量,否則 GTM 不會讓您創建自定義 Javascript。

可變配置

接下來,我們將調試新的用戶定義變量以確保其正常工作。 進入預覽模式並使用表單刷新頁面。 到達那里後,在要從中提取數據的字段中輸入一些文本,然後觸發 GTM 單擊。 之後,檢查與該點擊關聯的變量,您應該會看到表單字段中的值存儲為 GTM 調試中的自定義 Javascript 變量。

自定義 Javascript 變量

接下來,重複上述步驟,直到您將必要表單字段中的所有值都創建為用戶定義的變量。

用戶定義的變量

在谷歌標籤管理器中創建標籤和触發器

接下來,我們要根據我們創建的用戶定義變量創建觸發器。 在這個例子中,我們要確保用戶填寫了我們想要獲取數據的每個字段,然後單擊“繼續”按鈕。 再次檢查按鈕並找到任何唯一標識符。 您可能會遇到沒有唯一標識符的按鈕,因此我們創建了基於“點擊文本”和“點擊類”的觸發器。 儘管“單擊文本”或“單擊類”是可行的選項,但它們往往會在一個頁面上多次使用,因此我不推薦該選項。 無論哪種情況,我們都有多個驗證步驟,所以我們應該沒問題。 請注意,如果可能的話,基於 gtm.formsubmit 的觸發器也是一個可行的選項,但我見過 GTM 正在偵聽表單提交但沒有聽到表單提交事件的情況。

在 GTM 中,轉到觸發器選項卡並單擊“新建”以創建新觸發器。 由於這將是一個基於點擊的觸發器,因此在選擇觸發器類型時單擊“所有元素”。 然後點擊“Some Clicks”並開始為基於表單的標籤創建觸發條件。 在我們的示例中,當用戶單擊“繼續”按鈕並且所有字段都輸入了一些值時,我們將觸發我們的標籤。 我建議使用 RegEx 來驗證字段中是否存在文本或數值。

觸發器配置

接下來,我們需要創建一個在表單提交時觸發的標籤,獲取所有自定義變量,並將它們放入電子表格中。 轉到“標籤”選項卡,單擊“新建”,單擊“標籤配置”,然後單擊“自定義”下的“自定義圖像”。 然後添加您剛剛在上一步中創建的觸發器,並使用“http://www.test.com”作為圖像 URL 現在作為佔位符。 請注意,如果您不包含佔位符 URL,您將無法在 GTM 中保存您的代碼。

刮板

創建電子表格以捕獲值

接下來,轉到 Google 表格,創建一個新表格,然後在單元格 A1 中輸入“時間戳”。

不要跳過此步驟,因為沒有此步驟,主要驗證者將無法工作。

然後,單擊“工具”下的“腳本編輯器”,並將腳本編輯器中的所有當前代碼替換為此鏈接中的代碼。 點擊左上角的“Untitled Project”,輸入一個新的項目名稱。 這裡的名字並不重要,所以我通常只寫“Lead Validator Script”。

接下來,返回您的 Google Sheet,複製位於 URL 中的 Sheet Key,並用它替換佔位符。

網址

替換網址

接下來,我們需要發布腳本,因此單擊“發布”下的“部署為 Web 應用程序...”。

發布更改

然後它會詢問您誰有權訪問該腳本。 確保單擊“任何人,甚至匿名”都可以訪問它。 不過不用擔心,如果沒有 URL,任何人都幾乎不可能找到此腳本。

部署為 Web 應用程序

點擊“部署”,然後您將獲得一個 Web 應用 URL。

網絡應用網址

複製 URL 並將其粘貼到新選項卡中,您應該會看到一條成功消息。 回到你的谷歌表格,你應該在單元格 A2 中有一個時間戳。 如果不這樣做,您可能需要將單元格 A1 重命名為“時間戳”。 請注意,主要驗證器區分大小寫。 接下來,命名您要為其捕獲值的所有列,因為它們將成為通過查詢參數捕獲數據的鍵值對。 例如,如果您想捕獲潛在客戶提交的網站名稱和痛點,請將“Website”放在單元格 B1 中,將“PainPoint”放在單元格 C1 中,依此類推。 只需確保記住您在每列中輸入的文本名稱並且區分大小寫。

接下來,獲取 Web 應用 URL 並返回 GTM 並替換自定義標記中的佔位符 URL。 在 url 的末尾,添加一個問號、您要捕獲的變量的名稱、一個等號以及您要捕獲的值的 GTM 變量。 要在工作表中捕獲更多變量,只需添加一個 & 符號並重複上述步驟而不使用問號。

獎勵:如果您想獲取表單提交的客戶端 ID,請使用此腳本創建自定義 javascript 變量:

 功能() {

  var formcid = ga.getAll()[0].get('clientId');

  返回formcid

}

標籤配置

接下來,在 GTM 中仍處於預覽模式時,點擊“刷新”並返回您從中獲取變量的表單並刷新頁面,以便我們可以測試您的主要驗證器。 填寫表單的所有字段並單擊提交按鈕以觸發自定義標籤。 點擊後,您的自定義標籤應該會觸發並將所有變量發送到您的 Google 表格。

自定義標籤

谷歌表

恭喜! 您剛剛完成了您的第一個表單驗證器。

獎金

如果您想獲取 AdWords 訪問者的 GCLID 並將其放入電子表格中,則需要將 GCLID 存儲在 cookie 中以便以後獲取。 為了做到這一點,創建一個在所有頁面瀏覽量上觸發的自定義 HTML 標記並插入此腳本:

 <script type="text/javascript">

函數 setCookie(名稱、值、天數){

    var date = new Date();

    date.setTime(date.getTime() + (天*24*60*60*0)); 

    var expires = "; expires=" + date.toGMTString();

    document.cookie = name + "=" + value + expires;

}

函數獲取參數(p){

    var match = RegExp('[?&]' + p + '=([^&]*)').exec(window.location.search);

    return match && decodeURIComponent(match[1].replace(/+/g, ' '));

}

var gclid = getParam('gclid');

如果(gclid){

    var gclsrc = getParam('gclsrc');

    if(!gclsrc || gclsrc.indexOf('aw') !== -1){

        setCookie('gclid', gclid, );

    }

}

</腳本>

接下來,創建一個自定義 javascript 變量並插入以下代碼以捕獲 GCLID 值:

 功能 () {
var gclid = document.cookie.split("gcl;")[0]
返回 gclid
}

最後,將 GCLID 作為列添加到您的 Google 表格中,並通過潛在客戶驗證器將 GCLID 值傳遞到電子表格中。

現在我們知道如何創建一個主要驗證者,我們可以使用這個函數做其他有趣的事情。 例如,我們可以獲取我們需要的所有必要的潛在客戶數據,並創建一個電子表格,以便離線上傳到 AdWords 或 Facebook。 此外,如果您已經用完所有 20 個自定義維度槽,則可以使用此過程通過您網站上的某些操作來獲取其他自定義維度數據。

關於數據隱私的快速說明

作為營銷人員,我們必須考慮我們的行為如何影響他人的隱私。 在抓取表單字段時要謹慎行事,並考慮與各種數據點的公開相關的道德規範。 如果您與受監管地區的用戶互動,這一點尤其重要,如果您認為您可能正在與個人身份信息(當然,絕不應該通過Google Analytics 或 Google Tag Manager。)查看本文以更好地了解與歐盟通用數據保護條例相關的用戶同意要求

如果您希望在您的網站上實施潛在客戶驗證器,或者想要為您的網站進行一些自定義 GTM 配置,讓我們安排時間聊天。