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

A Guide for Most popular event Tracking for Users ... Google Analytics最高級的功能之一是事件追踪(Event Tracking)，它讓您能夠追踪用戶在網站上 ... Skiptocontent +85260836213 terrence.chung@ ZH ZH EN 谷歌廣告 谷歌廣告 關鍵字廣告 Youtube廣告 橫幅廣告 社交媒體廣告 其他服務 培訓服務 Naver廣告 博客 關於我們 聯絡我們 立即預約 Menu 谷歌廣告 谷歌廣告 關鍵字廣告 Youtube廣告 橫幅廣告 社交媒體廣告 其他服務 培訓服務 Naver廣告 博客 關於我們 聯絡我們 立即預約 Phone-alt Envelope ZH ZH EN 谷歌廣告 谷歌廣告 關鍵字廣告 Youtube廣告 橫幅廣告 社交媒體廣告 其他服務 培訓服務 Naver廣告 博客 關於我們 聯絡我們 立即預約 Menu 谷歌廣告 谷歌廣告 關鍵字廣告 Youtube廣告 橫幅廣告 社交媒體廣告 其他服務 培訓服務 Naver廣告 博客 關於我們 聯絡我們 立即預約 EventTracking教學–進一步追蹤客人和你網站的互動 TerrenceChung 十二月20,2019 在上一篇的文章，我們介紹了GoogleAnalytics(GA)如何輕鬆查看網站的流量。

大家都已經知道如何註冊GoogleAnalytics(GA)，將代碼添加到您的網站，和一切使用GA的基礎知識。

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

讓我們看看缺少了什麼： GoogleAnalytics不會顯示訪客在您的網站頁面（Webpage)上看了多少東西。

有觀看影片嗎？是否有點擊任何Call-to-Action按鈕？ 您會想知道這些訪客是否在您的網站上下載了文件？他們如何與您的表單進行互動？如果您想獲得這一切的詳細信息，您需要額外的追踪代碼。

為了獲取使你網站有更好的表現，您應該先收集準確的信息，加以理解，然後從中得到一些Inisghts。

為了提高性能，您要知道訪客在您的網站上進行了什麼操作，並計算如何在營銷目標中利用這些數據。

GoogleAnalytics最高級的功能之一是事件追踪(EventTracking)，它讓您能夠追踪用戶在網站上的特定行為，和確定他們點擊的每個元素。

通過獲取這些數據，您可以評估網頁的運行效率，並更準確地識別網站上的問題。

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

這篇教學將向您展示如何在GoogleAnalytics和GTM中設置事件追踪。

我們還會與您分享一些替代方法幫助您節省時間，同時將這些追踪代碼應用於在您的網站之中。

GoogleAnalytics的事件追踪是什麼？（定義和基礎知識） 它是一種GoogleAnalytics工具，讓我們能衡量訪客在網站上的操作。

它允許您在特定的元素上跟踪訪客的點擊，例如點擊播放按鈕或購買按鈕。

您還可以使用事件監視來估算訪客在網站上向下滾動頁面的幅度，從而讓您更深入了解他們在您網站上的參與程度。

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

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

此代碼使您可以根據訪客用訪問您的網站的URL來跟踪用戶的行為。

儘管您可以使用常規的GA跟踪代碼進行基本的跟踪，但這會將您綁定到由唯一URL確定的功能。

如果您想跟踪將訪客引導到新頁面的URL時，這恰好起作用。

這也是通過設置的銷售渠道來跟踪訪問者增長的好方法。

但是有些重要的活動是您無法通過基本代碼進行跟踪的，因此事件跟踪無法發揮作用。

沒有URL表示您無法使用常規的GA跟踪代碼來跟踪此活動。

因此，最好使用事件跟踪。

您也可以通過以下鏈接獲得事件跟踪的概述：https://developers.google.com/analytics/devguides/collection/analyticsjs/events. 事件追踪還有什麼作用？ 您可以使用事件追踪來追踪任何包含點擊的訪客操作。

讓我們看看一些可以通過事件追踪來追踪的事件： 不會將用戶轉到其他頁面的轉化。

這也稱為LightboxConversion(不懂中文是甚麼!) 找出有多少用戶下載了您的文件，例如下載PDF。

跟踪點擊播放按鈕的訪客數量以及觀看視頻的時長。

它還可以幫助您跟踪Outboundlink 幫助您衡量AffiliateMarketing的成效。

監視表單放棄率。

它還可以幫助您跟踪訪問者向下滾動頁面的幅度，以了解他們所看到的內容的深度以及他們是否達到了您的關鍵元素（例如CTA）。

即使您要優化目標網頁以最大程度地提高觀看者的觀看率，想知道這對您的轉化帶來了什麼樣的影響，事件追踪也可以幫助您了解為什麼網站轉化沒有增加。

如何使用事件追踪？ 要使用事件追踪，首先您要在網站上安裝GA。

如果您尚未執行此操作，請閱讀另一篇文章《GOOGLEANALYTICS最詳細基礎教學》以設置GoogleAnalytics。

在設置事件追踪之前，您需要緊記以下這些注意事項。

選擇使用事件追踪來追踪網站的哪些關鍵元素。

設置追踪事件時對不同Categories、Activities和Labels進行合適的命名。

您為Categories、Activities和Labels命名的每個稱號都將顯示在事件跟踪報告中。

所以不要亂改那些ABC﹑DEF那些名字。

您需要Google代碼管理工具（GoogleTagManager)來設置事件追踪嗎？ 首先，讓我們簡單介紹一下Google代碼管理工具。

它是一個獨立的標記管理工具，可與GoogleAnalytics無縫集成。

我們不久的將來將在會在另一篇文章詳細介紹有關GTM的所有資訊。

請繼續關注我們。

儘管追踪事件不一定需要用GoogleTagManager，您可以將每個事件跟踪代碼添加到您的網站並收集相同的事件數據，但使用GoogleTagManager無疑是較方便。

為甚麼？將事件追踪代碼手動添加到網站的過程可能需要幾天或幾週的時間，價錢大概是幾千元，這取決於網絡開發人員的時間和費用。

由於追踪需求隨時間變化，因此測試和維護代碼需要花費大量時間。

這篇教學文章將介紹兩種方法，告訴您在使用GTM設置GA事件追踪之前要做什麼。

在GoogleAnalytics中設置事件跟踪功能。

（手動以及通過GTM） 您可以使用兩種方法在GA中設置事件追踪。

您既可以通過手動輸入代碼完成此操作，也可以通過GoogleTagManager 來完成設置。

1.在GoogleAnalytics中手動設置事件追踪（通過編碼） 如果您手動設置事件追踪，您需要向所收集數據的組件中添加其他代碼。

您需要自定義該代碼段中的四個不同部分分別是eventAction、eventLabel、eventCategory和eventValue。

根據以上的圖像，Category和Action這兩個是必備的元素，而Label和Value是可選項。

這取決於訪客點擊預定義元素時要從GA累積什麼類型的數據。

如果您能先確定在網站追踪的操作，定義這些元素將會變得更加容易。

讓我們看看這些組件的用途： eventCategory:它是一整組的事件，包括相關類別內的多個活動，例如下載、CTA、視頻、表單等。

eventAction:它追踪類別中單個事件的不同動作，例如PDF檔案下載、視頻播放、表單提交以及點擊CTA按鈕。

eventLabel:可以用來添加其他信息的標記，例如，如果您有很多PDF檔案可供下載，則可以分別標記它們以區分它們。

eventValue:它允許您為操作設置一個數值以識別特定操作的重要性。

您對某個PDF下載事件追踪的HTML代碼類似以下的代碼： ExampleButtonText 在以上的代碼，您制定了一個事件。

當訪客在事件追踪中下載您的PDF檔案時，它將跟踪訪客戶，將其置於下載類別中，並將其指定為30。

如果您的代碼正確，則追踪詳細信息將位於GoogleAnalytics左側的“Behavior”>“Events”下。

如果您不想使用編碼工具來設置事件追踪，或者您一看到這些編碼就頭暈，那麼最好使用Google代碼管理工具來設置事件追踪。

2.如何使用Google代碼管理工具（GTM）設置事件跟踪 如果您不想使用編碼工具來設置事件追踪，或者您一看到這些編碼就頭暈，那麼最好使用Google代碼管理工具來設置事件追踪。

要在GTM中進行設置，您必須先有一個帳戶，然後才能開始進行事件追踪。

填寫您的詳細信息，同意條款和條件，然後設置您的GTM帳戶。

完成所有操作後，您將看到如下所示的Dashboard： 在創建第一個Tag之前，您必須在GTM中啟用Built-inVariables。

您必須點擊左側的“Variable”，然後按“Configure”。

然後，它將在右側顯示一個清單。

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

讓我們回到Dashboard，點擊左側的Tags部分，然後在屏幕按"New"。

首先命名Tag以在屏幕頂部創建Tag，然後選擇TagType和Trigger。

再次返回Dashboard，從左側菜單中選擇“Tags”，然後在下一個屏幕上點擊“New”。

要創建第一個Tag，您需要在以下的屏幕頂部字段中命名Tag，然後選擇TagType和Trigger。

命名Tag後，按第一個框以選擇TagType。

然後從右側的彈出窗口中選擇GoogleAnalytics-UniversalAnalytics。

現在會出現一個彈出窗口要求您定義追踪類型和GoogleAnalytics的設置，然後在TrackType選擇Event。

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

完成定義之後，您可以移至另一個框去選擇幫助您觸發代碼的trigger類型。

點擊出現的框，然後按將在下一個屏幕右側顯示的+號。

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

您可以命名trigger。

  在最後一部分中，應該選擇Click-Justlinks，然後勾選SomeLinkClicks。

它將使您能夠將Trigger設置為僅觸發使用包含.pdf擴展名的URL點擊的元素。

完成所有操作後，您可以點擊save。

您將在Google代碼管理工具的Tags部分中看到新的代碼。

您還應該使用GoogleAnalytics來改善網站的性能。

何時使用事件追踪？ 您應該使用事件追踪來追踪在頁面看不到的訪客互動類型。

可以追踪的事件: 影片觀看次數 觀看一定時間的影片片段 點擊影片/暫停/停止按鈕 點擊表格按鈕 與小工具互動 點擊圖像或外部鏈接 登入 放棄填寫表單 分享博客/文章 Topthreeeventstotrack 追踪滾動深度 這是最重要的跟踪事件之一，這一直是營銷人員的流行用語。

追踪滾動深度使您了解訪客如何瀏覽您網站的內容，即使他們只瀏覽一次網頁就離開。

以下所述的步驟將指導您如何使用GTM的Built-inVariables和Trigger配合追踪滾動深度。

首先，啟用GTM內部的Built-inVariables，在Variables點擊Configure。

允許變量後，點擊Dashboard底部的“ScrollDepthThreshold”，然後點擊“ScrollDepthUnit”和“ScrollDepthDirection”。

在第二步中，您必須在“Tags”點擊“New”來創建新標記。

選擇“UniversalAnalytics”作為標記類型，然後選擇“Event”作為跟踪類型。

現在，在“Category”選擇“Scroll”，在“Action”選擇"ScrollDepthThreshold"，並在變量後添加百分比符號。

Thevaleofactionwillappearlikeinthebelowimage: 點擊Tag下方的Trigger面板，然後點擊加號以創建新的Trigger。

選擇“ScrollDepth”，然後選擇“VerticalScrollDepth”，然後以百分比中輸入25,50,75,100。

您的Trigger將如下所示： 最後的一個步驟是保存代碼並觸發，然後將互動提交到您的網站。

現在，您可以查看訪客如何與您的網站頁面互動，以及看到滾動25%，50%，75%和100%網站的用戶。

影片追踪 追踪插入到您網站上的youtube視頻並不復雜。

以下步驟將指導您在GoogleAnalytics中追踪觀看您影片的人。

就像我們在設置“ScrollDepth”事件時所做的一樣。

首先，我們需要在Google代碼管理工具中啟用Built-inVariable。

重複同樣的操作，點擊“Variables”，然後按“Configure”。

現在，選擇Dashboard底部的“VideoVariable”。

第二步，您必須通過點擊“New”並選擇“CustomJavaScript”來創建CustomVariable。

將變量命名為“VideoAction”，然後輸入為創建變量指定的代碼，然後點擊“Save”。

function(){ varstatus={{VideoStatus}}; switch(status){ case‘start’: return‘Play’; case‘pause’: return‘Pause’; case‘seek’: return‘Seeking’; case‘progress’: return+{{VideoPercent}}+‘%Watched’; case‘complete’: return‘100%Watched’; } } 第三步，到“Tags”點擊“New”並創建一個新Tag。

選擇“UniversalAnalytics”作為TagType，然後選擇“Event”作為追踪類型。

之後，您需要在"Category"選擇“Youtube”，然後在“Action”選擇一個Virable。

選擇“VideoTitle”作為“Label”Virable，然後為Tag選擇GA的追踪ID。

現在，您需要為Tag創建一個新的trigger。

選擇“YouTubeVideo”作為trigger類型並啟用所有“Capture”選項。

輸入百分比25,50,75,100，然後啟用“AddJavaScriptAPIsupport” 最後一步，保存trigger和Tag，然後將更改提交到您的網站。

現在，您將追踪所有嵌入的YouTube視頻到GoogleAnalytics中。

您會收到有關播放、暫停和觀看25%，50%，75%和100%影片的用戶的數據。

點擊追踪 有了點擊追踪的數據，您幾乎可以跟踪從其他網域中提取的所有內容，即使它們未嵌入框架之中。

您可以追踪以下內容的點擊： 'mailto:'或“'tel"'連結 表單提交按鈕 追踪多步驟表單，以及這些表單上的下一步/繼續按鈕 資源下載，例如PDF、規格表、小冊子 添加到購物車的按鈕 提交訂單的按鈕 您只需一個Variable去追踪這一切。

要查看這些內容，您必須到Google代碼管理工具的預覽功能操作。

作為備份計劃，您可以通過使用chromedev工具檢查元素來完成。

要添加Variable，請在代碼管理工具找出trigger。

您需要啟用這些變量。

您可以通過點擊左側的“Variables”來執行此操作，然後點擊“Configure”。

向下滾動到點擊並勾選所有六個選項(click,element,classes,ID,target,URL,text) 在我們開始跟踪這些Tag之前，請使用“Event"作為跟踪類型而不是“PageView”來設置標記。

這讓您添加其他Field專門用於跟踪。

當您進入GoogleAnalytics並到Events概覽時，您可以選擇按category、action和break細分數據。

您還可以在category、label和action將事件輸入作為'Goals'。

我們建議將這些事件轉化為goals。

當切換到goals時，您可以很容易地看到已實現的目標以及它們的來源。

讓我們根據追踪的內容來探索點擊追踪。

按鈕 點擊Google代碼管理工具中的預覽進入預覽模式。

當您以預覽模式訪問網站並完成安裝GoogleTagAssistant時，您將能看到所觸發的代碼以及每次點擊的Virable。

設置tag和關聯的事件的trigger。

您的trigger應該應用於“'allelements”，然後將其設置為某些點擊可用。

選擇一個唯一的Variable，否則，您將追踪了對您無用的額外點擊。

查看gtm.click的變量。

當您每次點擊時，您都會在摘要部分看到gtm.click的出現。

您還可以找到與該點擊相關的資訊。

追踪Mailto:、tel:和.pdf 這些很容易追踪，只需使用“ClickURL”Variable。

設置一個新Tag，選擇GoogleAnalytics，在tracktype選擇為event，運行、覆蓋並填寫您的UA編號。

在設置trigger的時候，您可以選擇所有元素或連結。

現在將trigger設置為通過點擊URL觸發一些點擊。

如果要追踪單擊任何mailto:,和tel:鏈接的任何人，您只需要分別為包含tel:和mailto:的URL設置Tag和trigger。

您可以對.pdf執行相同的操作。

在GoogleAnalytics通過在報告中設置SecondaryDimensions，您可以查看點擊所來自的頁面以及URL。

在GTM中設置，為每次點擊/下載PDF設置唯一的標記和trigger。

如果要跟踪指定的PDF，則只需將trigger設置為：ClickURL，equals，然後輸入要追踪的PDF的指定URL。

目標追踪事件 與目標追踪相比，使用Action、Category和Event進行事件跟踪在GA中難以執行。

幸運的是，您可以將目標追踪用於正在追踪的那組事件。

然後輸入類Category、Action和Event。

您的事件將被轉換為目標或轉化。

這將使您的目標易於理解和被分類。

如果您正在運行任何GoogleAds的市場營銷活動，它還具有導入GoogleAds的優勢。

這些追踪元素將幫助您跟踪與客戶目標相符的內容。

我們還可以追溯以顯示流量來源，向客戶展示SEO或PPC有否起作用。

在GTM中簡化ElementVisibilityTrigger 首先你需進行以下操作以創建新的ElementVisibilityTrigger: 在Google代碼管理工具選擇trigger部分，點擊新按鈕以創建trigger。

選擇trigger類型下選擇elementvisibility。

現在，打開您網站的聯繫表單，填寫並提交。

提交後將顯示感謝頁面。

通過點擊右邊的元素，查找“感謝”的信息元素的div的ID或類別。

如果您找到與div關聯的ID，請複製ID或複製類別名。

現在返回到您之前創建的elementvisibilitytrigger，將ID貼上到元素ID字段中。

填寫trigger中所需的資訊： 如果元素沒有ID，則從選擇方法菜單中選擇CSS選擇器。

在div.form-confirmation的元素字段中填寫類別名稱。

現在輸入trigger的名稱，然後點擊save。

現在測試當元素彈出/顯示時是否可觸發trigger。

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

追踪Pop-up 到目前為止，我們已經大致上理解了追踪元素。

現在，您可以使用此trigger來追踪網站與客人絕大部分的互動。

為了跟踪任何Pop-up，您所需要做的就是擁有一個div的ID或類別。

使用此工具，您可以追踪所有彈出表單及表單字段錯誤。

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

告訴我們您對本教學的看法。

這對您有幫助嗎？您認為事件跟踪是一項很好的功能嗎？ Feelfreetoreachus. QuickLinks 主頁 關於我們 谷歌廣告 博客 社交媒體廣告 聯絡我們 社交媒體廣告 Linkedin Instagram 馬來西亞 No.39-G,JalanPUJ3/8,TamanPuncakJalil,BandarPutraPermai,43300SeriKembangan,Malaysia 香港 1101,RoomB,11/F,ChuanYuanFactoryBuilding,342-344KwunTongRoad,NgauTauKok CopyrightKickAdsAllRightsReserved©2020 香港中文版 English 香港中文版