2019年,HubSpot One在Google Tag Manager剛推出Template特性時介紹過如何製作GTM的標籤模板,同時用Google統計代碼模板作為例子讓讀者感知了GTM模板的便利性。截至今日,已經有許多開發者在GTM社區中貢獻了各種第三方的GTM標籤和變量模板。本篇我們將介紹幾個我們非常有可能會用到的GTM模板。
Cookie Creator
在訪客瀏覽器中寫入Cookie是我們時常需要的操作。 Cookie Creator為我們提供了便利。
你只要輸入Cookie名稱、值、有效生存期三個參數便可以輕鬆寫入Cookie。
值得注意的是,這種方法是使用JavaScript寫入的第一方Cookie,相當於document.cookie的方法。它的生存期在ITP下會受到限制,縮減為1至7天。為了克服這種限制,業內有著Domain Cloaking的方式(用CNAME的方式進行轉化)將這種第一方JS生成的Cookie轉為HTTP生成的Cookie。但是ITP 2.4開始對這種方式進行了打擊。感興趣的讀者可以關注cookiesaver.io(它也提供了GTM的Template)。
如果Cookie不是HttpOnly的話,GTM就可以讀取它的值。方法是直接使用變量1st Party Cookie 。
IP Geolocation API
這是Simo Ahava利用ipgeolocation.io的API建立的GTM模板,你可以使用這個API獲得訪客當前的地理位置從而個性化地提供內容。HubSpot One在2019年曾經介紹過多種方法獲取訪客地理位置,包括前端和後端的。這個模板提供的方式也十分簡單,你需要註冊app.ipgeolocation.io並獲得一個API Key。免費版每天有一千配額,對小網站還是不錯的。使用的時候勾選Enable Session Storage就可以不用每個PageView都調用一次,省著點用。
上圖可以看到我測試的IP在東京品川地區,你是不是要給我推薦周圍的門店呢?
dataLayer Builder + Ecommerce
GA有兩種跟踪電商的模式,標準和增強。你可以在管理員界面的視圖中開啟。然後部署GA的Ecommerce是相當複雜繁瑣讓人頭痛的事。 WPromote的Michael Ulrich開發了一組GTM模板很好地解決了這些問題。你可以從GTM的標籤Gallery中找到他製作的這兩個模板,見下圖:
但不要以為用這個模板就萬事大吉了,我們依舊需要把商品訊息對象推送到頁面中。然後我們需要再使用配套的GA – Product Array Builder將這些對象訊息轉化為產品隊列。
其他有用的GTM變量模板
實際上還有好多非常有用的GTM變量模板我們限於篇幅未能介紹,HubSpot One選取了其中一些供各位讀者繼續深入探究:
- Schema.org Structured Data – SEO最熟悉的結構化數據,你可以輕鬆部署JSON-LD格式的Schema.org結構化數據。
- URL 2.0 – 可以對URL進行各種複雜操作的瑞士軍刀般的變量模板。
- EEC dataLayer Builder for GA4 – 將Universal Analytics版本的增強電商數據層實踐轉換為GA4版本。
- RegExp Extract – 對文本應用正則表達式。
- Root Domain – 獲得根域名,也就是eTLD+1。
- Time Converter – 時間轉換實用工具。
以上就是本篇介紹的一些實用的GTM模板。 Happy Tagging!