02 (2)

Event Tracking教學 – 進一步追蹤客人和你網站的互動

在上一篇的文章,我們介紹了Google Analytics (GA)如何輕鬆查看網站的流量。大家都已經知道如何註冊Google Analytics (GA),將代碼添加到您的網站,和一切使用GA的基礎知識。 

Google Analytics (GA) 是一個非常實用強大的功具,但如果只是使用最基本的代碼的情況下,我們很難知道這些訪問者在網站上更深入的動作及互動。

讓我們看看缺少了什麼:

Google Analytics 不會顯示訪客在您的網站頁面(Webpage)上看了多少東西。有觀看影片嗎?是否有點擊任何Call-to-Action按鈕?

您會想知道這些訪客是否在您的網站上下載了文件? 他們如何與您的表單進行互動? 如果您想獲得這一切的詳細信息,您需要額外的追踪代碼。

為了獲取使你網站有更好的表現,您應該先收集準確的信息,加以理解,然後從中得到一些Inisghts。為了提高性能,您要知道訪客在您的網站上進行了什麼操作,並計算如何在營銷目標中利用這些數據。

Google Analytics最高級的功能之一是事件追踪(Event Tracking),它讓您能夠追踪用戶在網站上的特定行為,和確定他們點擊的每個元素。通過獲取這些數據,您可以評估網頁的運行效率,並更準確地識別網站上的問題。

我們在這篇文章中向您解釋事件追踪是什麼。

這篇教學將向您展示如何在Google Analytics和GTM中設置事件追踪。 我們還會與您分享一些替代方法幫助您節省時間,同時將這些追踪代碼應用於在您的網站之中。

kick-ads-google-analytics

Google Analytics的事件追踪是什麼? (定義和基礎知識)

它是一種Google Analytics工具,讓我們能衡量訪客在網站上的操作。 它允許您在特定的元素上跟踪訪客的點擊,例如點擊播放按鈕或購買按鈕。您還可以使用事件監視來估算訪客在網站上向下滾動頁面的幅度,從而讓您更深入了解他們在您網站上的參與程度。

通過此操作,您可以追踪訪客在您的網站上所執行的每個操作,包括根據特定指標來進行計算,例如視頻觀看、下載PDF等。

事件追踪主要顯示關鍵數據,並使您能夠了解訪客在您網站上的活動。

google-analytcis-blog-paste

此代碼使您可以根據訪客用訪問您的網站的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中手動設置事件追踪(通過編碼)

如果您手動設置事件追踪,您需要向所收集數據的組件中添加其他代碼。

gtm-code-paste

您需要自定義該代碼段中的四個不同部分分別是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 ”。 然後,它將在右側顯示一個清單。

choose-trigger-in-event-track

向下滾動,點擊列表,然後勾選列表中的所有項目。

click-variable

讓我們回到Dashboard,點擊左側的Tags部分,然後在屏幕按"New"。 首先命名Tag以在屏幕頂部創建Tag,然後選擇Tag Type和Trigger。

再次返回Dashboard,從左側菜單中選擇“Tags”,然後在下一個屏幕上點擊“New”。 要創建第一個Tag,您需要在以下的屏幕頂部字段中命名Tag,然後選擇Tag Type和Trigger。

命名Tag後,按第一個框以選擇Tag Type。 然後從右側的彈出窗口中選擇Google Analytics-Universal Analytics。

tag-event-track-in-gtm

現在會出現一個彈出窗口要求您定義追踪類型和Google Analytics的設置,然後在Track Type選擇Event。

現在輸入相同的事件追踪Components。

完成定義之後,您可以移至另一個框去選擇幫助您觸發代碼的trigger類型。點擊出現的框,然後按將在下一個屏幕右側顯示的+號。

點擊“Trigger Configuration”以查看可以在下一個屏幕上選擇的不同trigger的列表。 您可以命名trigger。

choose-trigger-in-event-track

 

在最後一部分中,應該選擇Click-Just links,然後勾選Some Link Clicks。 它將使您能夠將Trigger設置為僅觸發使用包含.pdf擴展名的URL點擊的元素。

gtm-track-marketing

完成所有操作後,您可以點擊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:

scroll-depth-setup-and-event-trackihng

點擊Tag下方的Trigger面板,然後點擊加號以創建新的Trigger。 選擇“Scroll Depth”,然後選擇“Vertical Scroll Depth”,然後以百分比中輸入25, 50, 75,100。 您的Trigger將如下所示:

最後的一個步驟是保存代碼並觸發,然後將互動提交到您的網站。 現在,您可以查看訪客如何與您的網站頁面互動,以及看到滾動25%,50%,75%和100%網站的用戶。

kickads-scroll-depth-running

ga-in-scroll-depth-work

影片追踪

追踪插入到您網站上的youtube視頻並不復雜。 以下步驟將指導您在Google Analytics中追踪觀看您影片的人。

就像我們在設置“Scroll Depth”事件時所做的一樣。 首先,我們需要在Google代碼管理工具中啟用Built-in Variable。重複同樣的操作,點擊“Variables”,然後按“Configure”。 現在,選擇Dashboard底部的“Video Variable”。

video-track-in-gtm-kickads

第二步,您必須通過點擊“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。

video-track-in-gtm-custom-code

現在,您需要為Tag創建一個新的trigger 。選擇“ YouTube Video”作為trigger 類型並啟用所有“Capture ”選項。 輸入百分比25,50,75,100,然後啟用“Add JavaScript API support”

video-track-in-gtm-trigger-setup

最後一步,保存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 細分數據。

click-tracking-in-gtm

您還可以在category、label和action 將事件輸入作為'Goals'。我們建議將這些事件轉化為goals。 當切換到goals時,您可以很容易地看到已實現的目標以及它們的來源。讓我們根據追踪的內容來探索點擊追踪。

按鈕

點擊Google代碼管理工具中的預覽進入預覽模式。當您以預覽模式訪問網站並完成安裝Google Tag Assistant時,您將能看到所觸發的代碼以及每次點擊的Virable。 設置tag和關聯的事件的trigger。

您的trigger應該應用於“'all elements”,然後將其設置為某些點擊可用。選擇一個唯一的Variable,否則,您將追踪了對您無用的額外點擊。

click-variable-in-gtm

查看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的優勢。

goal-tracking-in-google-analytics

這些追踪元素將幫助您跟踪與客戶目標相符的內容。 我們還可以追溯以顯示流量來源,向客戶展示SEO或PPC有否起作用。

在GTM中簡化Element Visibility Trigger

首先你需進行以下操作以創建新的Element Visibility Trigger:

在Google 代碼管理工具選擇trigger部分,點擊新按鈕以創建trigger。 選擇trigger類型下選擇element visibility。

element-visibility-in-gtm

現在,打開您網站的聯繫表單,填寫並提交。提交後將顯示感謝頁面。通過點擊右邊的元素,查找“感謝”的信息元素的div的ID或類別。 如果您找到與div關聯的ID,請複製ID或複製類別名。

現在返回到您之前創建的element visibility trigger ,將ID貼上到元素ID字段中。 填寫trigger中所需的資訊:

element-visibility-trigger-setup

如果元素沒有ID,則從選擇方法菜單中選擇CSS選擇器。 在div.form-confirmation的元素字段中填寫類別名稱。

現在輸入trigger 的名稱,然後點擊save。現在測試當元素彈出/顯示時是否可觸發trigger。

element-visibility-working-on-gtm-side

觸發trigger 後,您可以創建一個新的Universal Analytics事件代碼,並將提交數據發送到GA。

ga-side-element-visibility-working

追踪 Pop-up

到目前為止,我們已經大致上理解了追踪元素。 現在,您可以使用此trigger來追踪網站與客人絕大部分的互動。 為了跟踪任何Pop-up,您所需要做的就是擁有一個div的ID或類別。 使用此工具,您可以追踪所有彈出表單及表單字段錯誤。

總結

這份全面的教學指南讓您深入了解事件追踪、它的作用,以及如何有效使用它。

告訴我們您對本教學的看法。 這對您有幫助嗎?您認為事件跟踪是一項很好的功能嗎?

Feel free to reach us.

香港中文