在上一篇的文章,我們介紹了Google Analytics (GA)如何輕鬆查看網站的流量。大家都已經知道如何註冊Google Analytics (GA),將代碼添加到您的網站,和一切使用GA的基礎知識。
Google Analytics (GA) 是一個非常實用強大的功具,但如果只是使用最基本的代碼的情況下,我們很難知道這些訪問者在網站上更深入的動作及互動。
讓我們看看缺少了什麼:
Google Analytics 不會顯示訪客在您的網站頁面(Webpage)上看了多少東西。有觀看影片嗎?是否有點擊任何Call-to-Action按鈕?
您會想知道這些訪客是否在您的網站上下載了文件? 他們如何與您的表單進行互動? 如果您想獲得這一切的詳細信息,您需要額外的追踪代碼。
為了獲取使你網站有更好的表現,您應該先收集準確的信息,加以理解,然後從中得到一些Inisghts。為了提高性能,您要知道訪客在您的網站上進行了什麼操作,並計算如何在營銷目標中利用這些數據。
Google Analytics最高級的功能之一是事件追踪(Event Tracking),它讓您能夠追踪用戶在網站上的特定行為,和確定他們點擊的每個元素。通過獲取這些數據,您可以評估網頁的運行效率,並更準確地識別網站上的問題。
我們在這篇文章中向您解釋事件追踪是什麼。
這篇教學將向您展示如何在Google Analytics和GTM中設置事件追踪。 我們還會與您分享一些替代方法幫助您節省時間,同時將這些追踪代碼應用於在您的網站之中。
Google Analytics的事件追踪是什麼? (定義和基礎知識)
它是一種Google Analytics工具,讓我們能衡量訪客在網站上的操作。 它允許您在特定的元素上跟踪訪客的點擊,例如點擊播放按鈕或購買按鈕。您還可以使用事件監視來估算訪客在網站上向下滾動頁面的幅度,從而讓您更深入了解他們在您網站上的參與程度。
通過此操作,您可以追踪訪客在您的網站上所執行的每個操作,包括根據特定指標來進行計算,例如視頻觀看、下載PDF等。
事件追踪主要顯示關鍵數據,並使您能夠了解訪客在您網站上的活動。
此代碼使您可以根據訪客用訪問您的網站的URL來跟踪用戶的行為。
儘管您可以使用常規的GA跟踪代碼進行基本的跟踪,但這會將您綁定到由唯一URL確定的功能。如果您想跟踪將訪客引導到新頁面的URL時,這恰好起作用。這也是通過設置的銷售渠道來跟踪訪問者增長的好方法。
但是有些重要的活動是您無法通過基本代碼進行跟踪的,因此事件跟踪無法發揮作用。沒有URL表示您無法使用常規的GA跟踪代碼來跟踪此活動。 因此,最好使用事件跟踪。
您也可以通過以下鏈接獲得事件跟踪的概述: https://developers.google.com/analytics/devguides/collection/analyticsjs/events.
事件追踪還有什麼作用?
您可以使用事件追踪來追踪任何包含點擊的訪客操作。
讓我們看看一些可以通過事件追踪來追踪的事件:
- 不會將用戶轉到其他頁面的轉化。這也稱為Lightbox Conversion (不懂中文是甚麼!)
- 找出有多少用戶下載了您的文件,例如下載PDF。
- 跟踪點擊播放按鈕的訪客數量以及觀看視頻的時長。
- 它還可以幫助您跟踪Outbound link
- 幫助您衡量Affiliate Marketing的成效。
- 監視表單放棄率。
- 它還可以幫助您跟踪訪問者向下滾動頁面的幅度,以了解他們所看到的內容的深度以及他們是否達到了您的關鍵元素(例如CTA)。
- 即使您要優化目標網頁以最大程度地提高觀看者的觀看率,想知道這對您的轉化帶來了什麼樣的影響,事件追踪也可以幫助您了解為什麼網站轉化沒有增加。
如何使用事件追踪?
要使用事件追踪,首先您要在網站上安裝GA。 如果您尚未執行此操作,請閱讀另一篇文章《GOOGLE ANALYTICS最詳細基礎教學》以設置Google Analytics。 在設置事件追踪之前,您需要緊記以下這些注意事項。
- 選擇使用事件追踪來追踪網站的哪些關鍵元素。
- 設置追踪事件時對不同Categories、Activities和Labels進行合適的命名。您為Categories、Activities和Labels命名的每個稱號都將顯示在事件跟踪報告中。所以不要亂改那些ABC﹑DEF那些名字。
您需要Google代碼管理工具(Google Tag Manager) 來設置事件追踪嗎?
首先,讓我們簡單介紹一下Google代碼管理工具。 它是一個獨立的標記管理工具,可與Google Analytics無縫集成。 我們不久的將來將在會在另一篇文章詳細介紹有關GTM的所有資訊。 請繼續關注我們。
儘管追踪事件不一定需要用Google Tag Manager,您可以將每個事件跟踪代碼添加到您的網站並收集相同的事件數據,但使用Google Tag Manager 無疑是較方便。
為甚麼?將事件追踪代碼手動添加到網站的過程可能需要幾天或幾週的時間,價錢大概是幾千元,這取決於網絡開發人員的時間和費用。 由於追踪需求隨時間變化,因此測試和維護代碼需要花費大量時間。
這篇教學文章將介紹兩種方法,告訴您在使用GTM設置GA 事件追踪之前要做什麼。
在Google Analytics中設置事件跟踪功能。 (手動以及通過GTM)
您可以使用兩種方法在GA中設置事件追踪。 您既可以通過手動輸入代碼完成此操作,也可以通過 Google Tag Manager 來完成設置。
1.在Google Analytics中手動設置事件追踪(通過編碼)
如果您手動設置事件追踪,您需要向所收集數據的組件中添加其他代碼。
您需要自定義該代碼段中的四個不同部分分別是event Action、event Label、event Category和event Value。
根據以上的圖像,Category和Action這兩個是必備的元素,而Label 和Value是可選項。這取決於訪客點擊預定義元素時要從GA累積什麼類型的數據。
如果您能先確定在網站追踪的操作,定義這些元素將會變得更加容易。 讓我們看看這些組件的用途:
- eventCategory: 它是一整組的事件,包括相關類別內的多個活動,例如下載、CTA、視頻、表單等。
- event Action: 它追踪類別中單個事件的不同動作,例如PDF檔案下載、視頻播放、表單提交以及點擊CTA按鈕。
- eventLabel: 可以用來添加其他信息的標記,例如,如果您有很多PDF檔案可供下載,則可以分別標記它們以區分它們。
- eventValue: 它允許您為操作設置一個數值以識別特定操作的重要性。
您對某個PDF下載事件追踪的HTML代碼類似以下的代碼:
<button onclick=”ga(‘send’, ‘event’, [download], [PDF], [event_tracking_guide], [30], [fieldsObject]);”>Example Button Text</button>
在以上的代碼,您制定了一個事件。當訪客在事件追踪中下載您的PDF檔案時,它將跟踪訪客戶,將其置於下載類別中,並將其指定為30。
如果您的代碼正確,則追踪詳細信息將位於Google Analytics左側的“Behavior”>“Events”下。
如果您不想使用編碼工具來設置事件追踪,或者您一看到這些編碼就頭暈,那麼最好使用Google代碼管理工具來設置事件追踪。
2.如何使用Google代碼管理工具(GTM)設置事件跟踪
如果您不想使用編碼工具來設置事件追踪,或者您一看到這些編碼就頭暈,那麼最好使用Google代碼管理工具來設置事件追踪。
要在GTM中進行設置,您必須先有一個帳戶,然後才能開始進行事件追踪。 填寫您的詳細信息,同意條款和條件,然後設置您的GTM帳戶。
完成所有操作後,您將看到如下所示的Dashboard:
在創建第一個Tag之前,您必須在GTM中啟用Built-in Variables。 您必須點擊左側的“Variable ”,然後按“Configure ”。 然後,它將在右側顯示一個清單。
向下滾動,點擊列表,然後勾選列表中的所有項目。
讓我們回到Dashboard,點擊左側的Tags部分,然後在屏幕按"New"。 首先命名Tag以在屏幕頂部創建Tag,然後選擇Tag Type和Trigger。
再次返回Dashboard,從左側菜單中選擇“Tags”,然後在下一個屏幕上點擊“New”。 要創建第一個Tag,您需要在以下的屏幕頂部字段中命名Tag,然後選擇Tag Type和Trigger。
命名Tag後,按第一個框以選擇Tag Type。 然後從右側的彈出窗口中選擇Google Analytics-Universal Analytics。
現在會出現一個彈出窗口要求您定義追踪類型和Google Analytics的設置,然後在Track Type選擇Event。
現在輸入相同的事件追踪Components。
完成定義之後,您可以移至另一個框去選擇幫助您觸發代碼的trigger類型。點擊出現的框,然後按將在下一個屏幕右側顯示的+號。
點擊“Trigger Configuration”以查看可以在下一個屏幕上選擇的不同trigger的列表。 您可以命名trigger。
在最後一部分中,應該選擇Click-Just links,然後勾選Some Link Clicks。 它將使您能夠將Trigger設置為僅觸發使用包含.pdf擴展名的URL點擊的元素。
完成所有操作後,您可以點擊save。您將在Google 代碼管理工具的Tags部分中看到新的代碼。 您還應該使用Google Analytics來改善網站的性能。
何時使用事件追踪?
您應該使用事件追踪來追踪在頁面看不到的訪客互動類型。
可以追踪的事件:
- 影片觀看次數
- 觀看一定時間的影片片段
- 點擊影片/暫停/停止按鈕
- 點擊表格按鈕
- 與小工具互動
- 點擊圖像或外部鏈接
- 登入
- 放棄填寫表單
- 分享博客/文章
Top three events to track
追踪滾動深度
這是最重要的跟踪事件之一,這一直是營銷人員的流行用語。 追踪滾動深度使您了解訪客如何瀏覽您網站的內容,即使他們只瀏覽一次網頁就離開。
以下所述的步驟將指導您如何使用GTM的Built-in Variables和Trigger配合追踪滾動深度。
首先,啟用GTM內部的Built-in Variables,在Variables點擊Configure。允許變量後,點擊Dashboard底部的“Scroll Depth Threshold”,然後點擊“Scroll Depth Unit”和“Scroll Depth Direction”。
在第二步中,您必須在“Tags”點擊“New”來創建新標記。 選擇“Universal Analytics”作為標記類型,然後選擇“Event”作為跟踪類型。現在,在“Category ”選擇“Scroll”,在“Action”選擇"Scroll Depth Threshold",並在變量後添加百分比符號。
The vale of action will appear like in the below image:
點擊Tag下方的Trigger面板,然後點擊加號以創建新的Trigger。 選擇“Scroll Depth”,然後選擇“Vertical Scroll Depth”,然後以百分比中輸入25, 50, 75,100。 您的Trigger將如下所示:
最後的一個步驟是保存代碼並觸發,然後將互動提交到您的網站。 現在,您可以查看訪客如何與您的網站頁面互動,以及看到滾動25%,50%,75%和100%網站的用戶。
影片追踪
追踪插入到您網站上的youtube視頻並不復雜。 以下步驟將指導您在Google Analytics中追踪觀看您影片的人。
就像我們在設置“Scroll Depth”事件時所做的一樣。 首先,我們需要在Google代碼管理工具中啟用Built-in Variable。重複同樣的操作,點擊“Variables”,然後按“Configure”。 現在,選擇Dashboard底部的“Video Variable”。
第二步,您必須通過點擊“New”並選擇“Custom JavaScript”來創建Custom Variable。 將變量命名為“Video Action”,然後輸入為創建變量指定的代碼,然後點擊“Save”。
function() {
var status = {{Video Status}};
switch (status) {
case ‘start’:
return ‘Play’;
case ‘pause’:
return ‘Pause’;
case ‘seek’:
return ‘Seeking’;
case ‘progress’:
return + {{Video Percent}} + ‘% Watched’;
case ‘complete’:
return ‘100% Watched’;
}
}
第三步,到“Tags”點擊“New”並創建一個新Tag。 選擇“Universal Analytics”作為Tag Type,然後選擇“Event”作為追踪類型。 之後,您需要在"Category "選擇“Youtube”,然後在“Action”選擇一個Virable。 選擇“Video Title”作為“Label ”Virable,然後為Tag選擇GA的追踪ID。
現在,您需要為Tag創建一個新的trigger 。選擇“ YouTube Video”作為trigger 類型並啟用所有“Capture ”選項。 輸入百分比25,50,75,100,然後啟用“Add JavaScript API support”
最後一步,保存trigger和Tag,然後將更改提交到您的網站。現在,您將追踪所有嵌入的YouTube視頻到Google Analytics中。 您會收到有關播放、暫停和觀看25%,50%,75%和100%影片的用戶的數據。
點擊追踪
有了點擊追踪的數據,您幾乎可以跟踪從其他網域中提取的所有內容,即使它們未嵌入框架之中。
您可以追踪以下內容的點擊:
- 'mailto:'或“'tel"'連結
- 表單提交按鈕
- 追踪多步驟表單,以及這些表單上的下一步/繼續按鈕
- 資源下載,例如PDF、規格表、小冊子
- 添加到購物車的按鈕
- 提交訂單的按鈕
您只需一個Variable去追踪這一切。要查看這些內容,您必須到Google代碼管理工具的預覽功能操作。作為備份計劃,您可以通過使用chrome dev工具檢查元素來完成。
要添加Variable,請在代碼管理工具找出trigger 。您需要啟用這些變量。 您可以通過點擊左側的“Variables”來執行此操作,然後點擊“Configure”。向下滾動到點擊並勾選所有六個選項 (click, element, classes, ID, target, URL, text)
在我們開始跟踪這些Tag之前,請使用“Event"作為跟踪類型而不是“Page View”來設置標記。這讓您添加其他Field專門用於跟踪。當您進入Google Analytics並到Events 概覽時,您可以選擇按category、action和break 細分數據。
您還可以在category、label和action 將事件輸入作為'Goals'。我們建議將這些事件轉化為goals。 當切換到goals時,您可以很容易地看到已實現的目標以及它們的來源。讓我們根據追踪的內容來探索點擊追踪。
按鈕
點擊Google代碼管理工具中的預覽進入預覽模式。當您以預覽模式訪問網站並完成安裝Google Tag Assistant時,您將能看到所觸發的代碼以及每次點擊的Virable。 設置tag和關聯的事件的trigger。
您的trigger應該應用於“'all elements”,然後將其設置為某些點擊可用。選擇一個唯一的Variable,否則,您將追踪了對您無用的額外點擊。
查看gtm.click的變量。當您每次點擊時,您都會在摘要部分看到gtm.click的出現。 您還可以找到與該點擊相關的資訊。
追踪Mailto:、tel:和.pdf
這些很容易追踪,只需使用“Click URL” Variable。 設置一個新Tag,選擇Google Analytics,在track type 選擇為event,運行、覆蓋並填寫您的UA編號。在設置trigger的時候,您可以選擇所有元素或連結。 現在將trigger 設置為通過點擊URL觸發一些點擊。如果要追踪單擊任何mailto:,和tel:鏈接的任何人,您只需要分別為包含tel:和mailto:的URL設置Tag和trigger。
您可以對.pdf執行相同的操作。 在Google Analytics通過在報告中設置Secondary Dimensions,您可以查看點擊所來自的頁面以及URL。在GTM中設置,為每次點擊/下載PDF設置唯一的標記和trigger。如果要跟踪指定的PDF,則只需將trigger設置為:Click URL,equals,然後輸入要追踪的PDF的指定URL。
目標追踪事件
與目標追踪相比,使用Action、Category和 Event進行事件跟踪在GA中難以執行。 幸運的是,您可以將目標追踪用於正在追踪的那組事件。然後輸入類Category、Action和Event。您的事件將被轉換為目標或轉化。
這將使您的目標易於理解和被分類。 如果您正在運行任何Google Ads的市場營銷活動,它還具有導入Google Ads的優勢。
這些追踪元素將幫助您跟踪與客戶目標相符的內容。 我們還可以追溯以顯示流量來源,向客戶展示SEO或PPC有否起作用。
在GTM中簡化Element Visibility Trigger
首先你需進行以下操作以創建新的Element Visibility Trigger:
在Google 代碼管理工具選擇trigger部分,點擊新按鈕以創建trigger。 選擇trigger類型下選擇element visibility。
現在,打開您網站的聯繫表單,填寫並提交。提交後將顯示感謝頁面。通過點擊右邊的元素,查找“感謝”的信息元素的div的ID或類別。 如果您找到與div關聯的ID,請複製ID或複製類別名。
現在返回到您之前創建的element visibility trigger ,將ID貼上到元素ID字段中。 填寫trigger中所需的資訊:
如果元素沒有ID,則從選擇方法菜單中選擇CSS選擇器。 在div.form-confirmation的元素字段中填寫類別名稱。
現在輸入trigger 的名稱,然後點擊save。現在測試當元素彈出/顯示時是否可觸發trigger。
觸發trigger 後,您可以創建一個新的Universal Analytics事件代碼,並將提交數據發送到GA。
追踪 Pop-up
到目前為止,我們已經大致上理解了追踪元素。 現在,您可以使用此trigger來追踪網站與客人絕大部分的互動。 為了跟踪任何Pop-up,您所需要做的就是擁有一個div的ID或類別。 使用此工具,您可以追踪所有彈出表單及表單字段錯誤。
總結
這份全面的教學指南讓您深入了解事件追踪、它的作用,以及如何有效使用它。
告訴我們您對本教學的看法。 這對您有幫助嗎?您認為事件跟踪是一項很好的功能嗎?
Feel free to reach us.