實現標記管理的方法 (Tag management implementation)

Tommy
IT+Digital@互聯網
6 min readJun 15, 2019

企業依賴龐大的行銷技術生態系統來提供客戶體驗。目前最常用的工具包括有 Google Analytics、Facebook Pixel 等,但部署這些分析工具以往需要很大的成本和專業,並依賴開發人員來設定。但有時候,開發人員只會專注於技術的實踐,未必能以客戶的想法作出發點,部置不同客戶體驗。而且,IT 同事亦未必需要面對顧客,在數據庫收到標記的信息後,亦沒有誘因作進一步分析。因此,市面上就出現了Tag Management System (TMS)這些工具,讓營銷團隊可以獨立在網頁上部置一些追蹤碼、並對追蹤碼進行簡易修改和進階的分析,以及簡單地部署一些體驗給訪客(e.g. 更換圖片、文字)。

承上文介紹標記的入門,下文將會簡單闡述TMS 的特點和實現方法,並會透過簡單的用例,說明TMS 如何在網頁上部署。亦會介紹TMS 的詳細用途和其他的優勢。

Tag Management 標記管理

實現標記管理的方法 (Tag management implementation)

上文介紹過實現標記(Tag)的最常用方法是使用一小段JavaScript代碼 — 將網頁上的元素(elements, e.g. button) 連繫不同事件(event)。當訪客觸動事件時,網頁就會向服務器(Server)發出信息。

但這個方法非常繁複,需要開發者很大的努力才能實踐。其實市面上有不同的Tag Management 工具就例如是Google Tag Manager和Tealium 等,開發者只有將這些工具部署到網頁上,再加上數行的編碼,就可以為元素加入標記:

button.link({
"tealium_event": "cart_add",
"product_id": ["12345"],
"product_name" : ["T-Shirt"]});

以上例子則是利用Tealium 這個Tag Management 的工具,將"按鈕"加入事件名稱(event)、產品ID、產品名稱的標記。當訪客按到這個"按鈕"時,網頁會自動傳送"tealium_event:cart_add"、"product_id:12345"、"product_name:T-Shirt"到數據庫中,營銷團隊就可以透過這些數據再作進一步的分析。

標籤管理系統(Tag management system — TMS)

一個網頁由三層組成。最底層是技術。中間層包含由技術產生的資料。頂層提供體驗 — 訪客看到並與之互動。(這與行業間管理API的方法有些相似,詳情可參閱API 分類 System API 、Process API、Experience API。)

許多企業一直以來都專注於技術層面 — 利用 HTML 和 JavaScript 程式碼管理不同的標記。但是要達到真正優質的客戶體驗,應該這三層互相配合。

標籤管理系統(TMS)其中一個大優勢就是簡化標記的編碼。 標記的範本(Template)可讓欠缺技術背景的用家部署標記到網頁上 -- 只要簡單將標記的範本複製,再放到網頁的編碼中,就可以在網頁實現標記。當然亦需要微調編碼的configuration和在元素中加入標記,但都是很容易實現的。以下是道指的官方網站,從它的編碼中可見使用了Google Tag Manager 和Tealium 這兩個TMS。

道指網站 (Dow Jones Website)

從此之外,TMS 亦有助企業組織數據,並利用數據改善客戶體驗。憑着用戶與網頁的互動,營銷團隊就可以初步判斷用戶的想法。例如用戶登入了幾個信用卡的網站,觸發了幾個信用卡product ID 的event,這意味着用家可能對信用卡產品有很大的興趣。營銷團隊就可以利用這些標記數據進行行銷,當用戶再次到達網站的首頁時,就放出信用卡優惠信息。而這些功能是TMS 所擁有的。

TMS Personalization Capability (Source: Adobe Target)

--

--