Google Tag Manager (GTM)教學 - 搞清4大元素保證極速上手

您來到此頁面的原因當然是想了解Google Tag Manager(GTM)。想知道這是什麼嗎?為什麼您要用GTM?它可以為您帶來什麼好處?在新的一年,首先讓Kickads向您介紹Google Tag Manager(GTM)吧。在這裡先設定一個合理預期,這是一門可以幾專業(對於Non-Tech Background的人例如我)的技術,如果你有興趣做一個非常仔細的研究,你可以參考這個外國大神 Simon Ahava ‘s Blog,簡直把Google Tag Manager玩得出神入化。這篇文章嘗試讓你了解更多Google Tag Manager的基本概念及簡單的示範,讓你可以先打好基礎。

進入內文之前,Kickads在此祝大家新年快樂,也祝大家在新的一年獲得更多的網站流量 。:) 希望您享受新春佳節,也享受閱讀我們的文章!

Google Tag Manager是什麼?

Google Tag Manager 是Google的工具,可讓您在用戶界面上創建和控制代碼,無需在創建代碼時編寫複雜的代碼。它讓您將GTM代碼嵌入網站的每個頁面中,消除動手創建代碼的痛苦,使您的營銷更加高效。

GTM主要用於管理及追蹤訪問者的行為,而且還是Google免費提供的工具。

這是不是很厲害!

您為什麼需要Google Tag Manager?

Google Tag Manager能執行許多操作。最主要的是,您再不需要由開發人員為您編寫或置入代碼。當GTM 還未出現的時候,網站管理員必須為每個追踪和廣告服務頁面上插入代碼。他們還需要將代碼插入鏈接和按鈕等元素中以追踪用戶的行為,每次有新東西要追踪時。都要勞煩他們。但有了GTM,您唯一需要做的只是添加GTM代碼到頁面中。它消除了編碼的煩惱,使開發人員可以專注其他工作。

GTM支持更快的加載和改善您網站的SEO性能。 GTM簡化了代碼的編程,這意味著代碼將不會再減慢頁面的加載速度。

您可能會想試用這個厲害的工具,看看對您的業務是否合適。 也許您已經有一個嵌入代碼的方法,又或者您覺得您的網站不需要這個幫助。

Google Tag Manager是免費使用的,因此您幾乎可以零風險地隨便免費試用。 

在此文章,我們將向您展示如何設置帳戶,如何創建新代碼以及如何在Google Analytics帳戶中使用Google Tag Manager。

閱讀本文後,您可以再決定它是否是適合您的業務。

Google Tag Manager的主要優點

GTM協助提升效率

Google Tag Manager 消除了對開發人員的需求,更讓您了解用戶的行為。它是一種經濟、高效而且可靠的解決方案。GTM可以幫助企業適應不斷發展的營銷條件,並讓您通過了解深入的用戶行為從而設計各種的業務策略。

Google Tag Manager可提高網站速度

GTM代碼是異步使用的,這意味著如果某一個代碼加載緩慢,也不會阻止其他代碼的觸發。 

集中式代碼管理

GTM允許您在一個地方管理網站上使用的所有營銷和分析代碼。 它提高了代碼管理的效率,並簡化了添加、刪除或編輯代碼的過程。 

Google Tag Manager簡化了Event Tracking/Advanced Tracking

事件追踪是Google Tag Manager發揮作用的主要領域。 在GTM推出之前,如果您需要跟踪事件(例如單擊各種按鈕並播放影片),您則需要開發人員為每個事件添加跟踪代碼。GTM解決了這個痛點。 如果您想了解它如何運作,單擊以下連結:

https://www.kickads.co/event-tracking-via-google-tag-manager-and-google-analytics/

如何設置Google Tag Manager帳戶?

設置免費帳戶非常簡單,只需兩個步驟。但它與Google Analytics或Gmail帳戶不同。 為方便您進行設置,我們記錄了設置帳戶的過程。

 

  • 只需點擊 https://www.google.com/analytics/tag-manager ,然後點擊“Sign Up for Free”。 然後,輸入您的帳戶名、國家/地區和網站URL,以及您要使用Google Tag的位置。 完成此操作後,請單擊“Create ”按鈕。 
  • In the next step, you will get the codes and instructions to embed the code in the <head> of your page, and the other after opening <body> tag. Apply the codes to your site, once you do this press ‘Ok.’

 

how-gtm-guide

Google Tag Manager Container ID是什麼?

在GTM中,您會找到類似“ GTM-TXAAA”的代碼,稱為“ Container ID”。

此ID用於對每個GTM container代碼進行分類,而該代碼的另一部分(如“ gtm.js”)是container 代碼使用的JavaScript庫。

將container代碼添加到您的網站後,您的GTM就會被視為已安裝在您的網站上。 

正確來說,Google Tag Manager 就是一個Container。

container-tag

在GTM中設置代碼

擁有Google Tag Manager 帳戶後。您首先要了解如何在GTM中設置代碼。 這樣,您可以在Google Tag Manager中創建不受限制的代碼配置。.

它可以幫助您創建有關訪問者行為的深入報告。但如果您無法正確管理代碼,則可能會徒勞無功。

為此,Google建議使用以下命名慣例:代碼類型-應用名稱-詳細信息。 tag type – name of the app – detail.

例如,也許您將一個標記配置命名為“ AdWords conversions - iOS - 2018-02 campaign”,然後命名為“Google Analytics - CTA - About Us page”。

這樣,您可以正確地分類和累積與特定活動或網頁相關的數據。

例如,第二個代碼“Google Analytics - Call To Action - About Us page”顯示了“關於我們”號召性用語按鈕的運行情況。 您將獲得的信息將很有價值。但如果您更廣泛地命名標籤(例如“ CTA按鈕”),則可能會丟失重要信息。

現在,讓我們看看以設置代碼:

在Google Tag Manager中創建代碼 

代碼是一組JavaScript代碼,用於從您的網站或移動應用獲取營銷數據。 然後,它將數據發送到第三方服務,例如Google Analytics、Google Adwords、Twitter、Facebook、Comscore等。

如何在GTM中創建代碼?

第1步:到Google Tag Manager Dashboard,然後點擊“Add New Tag”。

step-1-add-new-tag

第2步:給代碼加上標題,然後單擊“Tag Configuration”以選擇代碼類型。

Google tag manager guide

第3步:代碼的類型有很多,此文未能提及所有類型,您也可以自定義代碼類型。 讓我們來看看“Google Analytics Universal”。

step-3

第4步:如果要在Google Analytics中跟踪代碼,則必須輸入您的Web Property ID。您可以在Google Analytics帳戶中找到它。 然後,選擇“Track Type”,此處我們選擇“Event”,但還有其他選項。

step-4-event

第5步:現在,選擇一個trigger。 它記錄了頁面的訪問。 在這裡,我們將選擇“All Pages'”以獲取每次有人查看您的任何網頁時的數據。您也可以根據自己的喜好進行設置。

第6步:完成代碼配置和trigger後,請單擊“Save”以應用代碼。

第7步:點擊"Submit",讓您的代碼可以根據您的喜好運作。

step-7

 

第8步:點擊“Submit ”後,您將進入“Submission Configuration ”頁面。在該頁面上,您將看到兩個選項“Publish and Create Version”或“Create Version”。 如果您準備將代碼推送到所有網站頁面,請選擇第一個選項“Publish and Create Version”,然後點擊“Publish”。 

step-8

第9步:之後,您將看到“Container Version Description”。 如果您想有效管理代碼,請添加名稱和說明,以了解該代碼記錄的內容。 

step-9

第10步:確保您的代碼顯示在“Version Summary”報告中。

step-10

現在,我們已經成功創建了第一個代碼。

Google Analytics和Google Tag Manager

如果您想將GTM與Google Analytics結合一起使用,就需要執行一些步驟。 不過這是值得的,在您的網站中添加這些代碼可以提高GA報告的準確性。 

第一步,您必須從網站頁面中刪除Google Analytics代碼。 您需要嵌入您的GTM 代碼。 如果同時嵌入這兩個代碼,它會令數據變得混亂,並在隨後生成兩次報告。

第2步,您需要為您的Google Analytics跟踪ID創建一個variable。 Variable可提高GTM工具的效率,通過保存其他數據來提高效率。 

如果您將GA Tracking ID保留為variable,則不必常常查找它。您需要為Google Analytics創建一個新代碼。

Google Tag Manager的Trigger是什麼? 

您可以將trigger 定義為一組規則,告訴您的代碼何時開始觸發。 Google Tag Manager中的主要觸發條件是所有頁面觸發條件,它告訴您的代碼在頁面加載時在每個頁面上的觸發。 該trigger 與Google Analytics代碼一起使用。 

Built-in GTM Trigger

Google Tag Manager中有許多內置triggers ,您可以使用它們觸發代碼。 GTM具有YouTube視頻、自定義事件、滾動深度、按鈕點擊等triggers。

choose-trigger-type

GTM中的每個trigger 都使用自己的一組規則來觸發代碼。 

例如,您可以設置一個YouTube trigger,根據用戶對您的視頻進行的許多不同互動來觸發。您可以在用戶開始、搜索、暫停、緩衝或結束視頻時觸發此代碼。 也可以根據用戶的觀看進度觸發此代碼,例如用戶觀看了50%或3分鐘。 

在Google Tag Manager中創建Variable

如何在GTM中創建Variable?

How to create a variable in GTM?

第1步:在Google Tag Manager首頁上點擊”Variables “。

create-variable

第2步:到”User-Defined Variable”,然後點擊”New”。

第3步:現在,您必須命名variable 。 然後,點擊”Variable Configuration”。

variable-step-1

第4步:如果您不希望ID更改為不同的代碼,則將variable 類型選擇為“Constant”。 

variable-step-3

第5步:現在,您必須在“Value”框中輸入Google Analytics ID,然後點擊右上角的”Save”。 

variable-step-4

在下一步中,編輯“ TestTag1”並包含我們創建的新variable 。 

Data Layer Variables

如果您想了解您的用戶行為,則必須使用數據層。Google Tag Manager可以創建自定義Data Layer Variables。 

這些Data Layer Variable可以將動態值從CMS、後端系統或電子商務平台傳遞到GTM。 然後,GTM可以將這些values 記錄在您的代碼中,並傳遞給您的報告。 此variable 可以一次將關鍵values傳遞給您的所有營銷系統。

data-variable

您對Google Tag Manager有何看法?

Google Tag Manager可以使您的生活更加輕鬆。 確保使用在GTM中所設置的數據。 

我很想知道您在GTM方面的體驗。 它的表現如何? 如您有任何疑問和建議,請發表評論。

請繼續關注我們。 

香港中文