App下載

Google Analytics(分析)幫助Web開發(fā)人員進行UI / UX設(shè)計的5種方法

猿友 2021-01-23 11:54:05 瀏覽數(shù) (2477)
反饋

作者:Clara Buenconsejo

來源:SMASHING

翻譯:W3Cschool

有沒有想過所有這些 Google Analytics(分析)代碼段是干什么用的,為什么您的營銷團隊會定期要求您添加一個新代碼段?在本文中,我們將介紹 Google Analytics(分析)中的5個功能,這些功能可幫助網(wǎng)絡(luò)開發(fā)人員和設(shè)計人員在其網(wǎng)站上提供更好的用戶體驗。

Google Analytics(分析)是目前最流行的市場營銷分析平臺之一,不僅因為其標準版本是免費的。全球有超過一百萬的組織使用此平臺來更好地了解其網(wǎng)站上的用戶行為。

但是,對于大多數(shù) Web 開發(fā)人員而言,他們對 Google Analytics(分析)的參與僅需安裝瀏覽量的基本代碼即可。使用 gtag.js 版本的代碼時,該代碼通常如下所示:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-35169008-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());


  gtag('config', 'UA-35169008-1');
</script>

或通過 analytics.js 實現(xiàn)看起來像這樣:

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');


ga('create', 'UA-XXXXX-Y', 'auto');
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

盡管此基本實現(xiàn)已經(jīng)提供了許多數(shù)據(jù)點,但它們最終卻錯過了其他關(guān)鍵功能。由于缺乏可用的數(shù)據(jù)進行查詢,因此甚至在某些情況下,Web開發(fā)人員或設(shè)計人員選擇刪除網(wǎng)站上的特定功能,卻沒有意識到大多數(shù)用戶會定期使用該功能。

因此,您可以利用以下五個 Google Analytics(分析)最重要的功能來改善用戶體驗,并將您與其他 Web 開發(fā)人員和設(shè)計人員區(qū)分開來:

1.使用事件來識別用戶在網(wǎng)站特定部分上的互動

如上所述,默認情況下,基本的Google Analytics(分析)代碼僅跟蹤網(wǎng)頁瀏覽量。如果您想跟蹤網(wǎng)站上的操作,例如按鈕單擊或表單提交,則需要觸發(fā)一個單獨的Google Analytics(分析)事件??梢酝ㄟ^添加以下代碼以及相應(yīng)的事件類別,操作和標簽信息來實現(xiàn)這些事件:

ga('send', {
  hitType: 'event',
  eventCategory: 'Event Category',
  eventAction: 'Event Action',
  eventLabel: 'Event Label'
});

該代碼的簡寫版本也可以使用以下格式:

ga('send', 'event', 'Event Category', 'Event Action', 'Event Label');

設(shè)置事件后,它們將顯示在 Google Analytics(分析)UI 中的“行為”>“事件”>“熱門事件”報告下:

在Google Analytics(分析)中的“行為”>“事件”>“熱門事件”報告中找到的位置

在Google Analytics(分析)中哪里可以找到熱門事件報告。

最佳做法是,您可以使用“事件類別”根據(jù)特定功能(例如“頁面互動”,“電子商務(wù)”)對事件進行分組。同時,您可以使用事件操作來識別用戶執(zhí)行的確切操作(單擊,滾動,提交表單),而可以使用事件標簽來獲取觸發(fā)事件的URL。

另外,實施這些事件的更好方法是改用 Google 跟蹤代碼管理器。代替實際的 Google Analytics(分析)代碼,您將需要安裝 Google 跟蹤代碼管理器代碼:

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5PLFVFV');</script>
<!-- End Google Tag Manager -->

然后,一旦設(shè)置了Google跟蹤代碼管理器,您所需要做的就是設(shè)置所需的Google Analytics(分析)頁面視圖代碼和事件標簽。只需單擊“新建”按鈕來創(chuàng)建一個新標簽,然后單擊“標簽配置”,那么Google Analytics(分析)將是可用的默認選項之一:

Google跟蹤代碼管理器-在“代碼配置”設(shè)置中創(chuàng)建Google Analytics(分析)代碼

在Google跟蹤代碼管理器中創(chuàng)建Google Analytics(分析)代碼。

然后,您可以在不同的Google Analytics(分析)標記類型之間進行選擇,其中包括“事件”作為其中之一。填寫代碼配置詳細信息后,您只需設(shè)置適當?shù)挠|發(fā)器即可觸發(fā)該事件。已經(jīng)有內(nèi)置的觸發(fā)器,例如在Google跟蹤代碼管理器上的點擊;您只需要選擇一種適合您的活動。

不要忘了在Google跟蹤代碼管理器的預(yù)覽模式下測試代碼,然后在設(shè)置完成后單擊“發(fā)布”。

請注意,在通過Google跟蹤代碼管理器實施事件或通過Google Analytics(分析)添加事件的實際代碼時,請務(wù)必小心。在整個站點中,無論您選擇哪種實現(xiàn)方式都應(yīng)該是相同的。您可以完全使用Google跟蹤代碼管理器,也可以對實際事件代碼進行硬編碼。

否則,您可能最終會跟蹤兩次相同的網(wǎng)站操作-一次是通過添加事件代碼,另一次是通過Google跟蹤代碼管理器-并在Google Analytics(分析)中記錄重復(fù)的數(shù)據(jù)。

在為Google Analytics(分析)設(shè)置電子商務(wù)和增強型電子商務(wù)跟蹤時,添加事件甚至變得更加重要。盡管確實需要在Google Analytics(分析)界面中打開這些設(shè)置,但需要返回到跟蹤并添加單獨的電子商務(wù)事件。這些事件是將完整的電子商務(wù)數(shù)據(jù)集發(fā)送回Google Analytics(分析)服務(wù)器所必需的。

2.了解用戶使用滾動跟蹤事件向下滾動頁面的程度

除了跟蹤點擊和表單提交之外,Google Analytics(分析)中的事件還可以用于滾動跟蹤。這可以通過添加Google Analytics(分析)事件代碼以在視口中出現(xiàn)特定元素后觸發(fā)來完成。您還可以將代碼設(shè)置為在用戶在屏幕上向下滾動特定百分比時觸發(fā)。

另外,在Google跟蹤代碼管理器中,使用“滾動深度”觸發(fā)器可以更輕松地實現(xiàn)滾動跟蹤。您需要做的就是創(chuàng)建一個新觸發(fā)器,選擇“滾動深度”觸發(fā)器類型,然后填寫必要的詳細信息。

Google跟蹤代碼管理器-查找“滾動深度”觸發(fā)選項

Google跟蹤代碼管理器中的“滾動深度”觸發(fā)類型。

那么,此功能如何在用戶體驗方面為您提供幫助?對于初學(xué)者來說,這顯然可以幫助您確定用戶愿意向下滾動頁面的哪個部分。由于該數(shù)據(jù)位于Google Analytics(分析)中,因此您可以根據(jù)設(shè)備或瀏覽器,一天中的時間,位置等對數(shù)據(jù)進行細分。

這樣,如果要確定是否可以為特定類型的用戶放置特定的小部件,則可以使用一些數(shù)據(jù)來備份您的決定。這還可以消除購買單獨的滾動跟蹤軟件的需要,因為您只需要一點時間來實現(xiàn)此功能。

3.估算他們實際在您的網(wǎng)站上花費了多少時間

了解人們在哪里滾動是一回事。找出他們在網(wǎng)站上花費了多少時間是另一個問題。幸運的是,這也可以通過Google Analytics(分析)進行衡量。

默認情況下,安裝Google Analytics(分析)綜合瀏覽量標記后,用戶已經(jīng)可以獲取一個稱為“平均”的指標。會話時長。通常理解為該度量標準,用于度量用戶每次訪問您的網(wǎng)站(會話)所花費的時間。

但是,該指標有時可能不準確。畢竟,Google Analytics(分析)實際上只能衡量平均。會話持續(xù)時間基于接收到的數(shù)據(jù)(命中)的時間戳。

這也解釋了為什么大多數(shù)跳出-或其中只有一個瀏覽量或一個事件的網(wǎng)站訪問-具有平均水平。會話持續(xù)時間為00:00:00。

那么您將如何解決這個限制?通過觸發(fā)定時命中。這些可以幫助準確計算用戶在頁面上花費的時間而無需記錄其他瀏覽量或事件。您只需通過實現(xiàn)以下代碼以在您的站點上的特定時間間隔觸發(fā)代碼來發(fā)送時間匹配數(shù)據(jù):

ga('send', 'timing', [timingCategory], [timingVar], [timingValue], [timingLabel], [fieldsObject]);

有關(guān)每個字段的詳細說明,請訪問Google Developers網(wǎng)站 。

實施后,這些點擊將在Google Analytics(分析)的“行為”>“網(wǎng)站速度”>“用戶計時”部分中可見。

另外,由于計時匹配的每日上限為10,000個,因此您可以創(chuàng)建自定義事件,該事件以特定的間隔觸發(fā)。與其他常規(guī)事件一樣,這些事件將在“行為”>“事件”>“熱門事件”部分中顯示。

但是,在設(shè)置定時匹配時要小心:請確保為其添加某種“超時”。這樣,如果只是在無人看管的瀏覽器上打開頁面,這些點擊就不會持續(xù)觸發(fā),并且數(shù)據(jù)不會發(fā)送到Google Analytics(分析)。

4.找出網(wǎng)站上用戶卡在哪里或其他痛點

在Google Analytics(分析)上實現(xiàn)事件和時間匹配后,您會在平臺的不同部分看到它們。但是,這帶來了一個新的挑戰(zhàn):如何將這些不同的數(shù)據(jù)點組合到一個報告中,以顯示用戶在網(wǎng)站上的整個旅程?

這就是Google Analytics(分析)中的“行為流”報告起作用的地方。該報告以流程圖的形式顯示,顯示了用戶如何到達網(wǎng)站以及他們在下車之前進行的后續(xù)瀏覽量或采取的行動。

Google Analytics(分析):行為流報告

Google Analytics(分析)中的“行為流”報告。

默認情況下,“行為流”報告使用登錄頁面和用戶組要訪問的特定頁面。

您還可以更改“行為流”報告以將更多的精力放在事件上。只需單擊報表標題下方的下拉菜單,然后選擇“事件”或“頁面和事件”。

Google Analytics(分析)行為流報告-查看選項

Google Analytics(分析)行為流報告-查看選項。

但是,使用“行為流”報告時需要注意一點:在查看較大網(wǎng)站(例如具有數(shù)百萬瀏覽量的網(wǎng)站)的數(shù)據(jù)時,可能會發(fā)生抽樣。設(shè)置此樣本是為了幫助Google Analytics(分析)在特定時間內(nèi)處理所有數(shù)據(jù)。

為了最大程度地減少抽樣,您可以調(diào)整“行為流”報告涵蓋的日期范圍,以減少Google Analytics(分析)需要分析的數(shù)據(jù)量。此外,您還可以通過單擊“詳細程度”下拉菜單并將其設(shè)置為“顯示較少的連接”來調(diào)整分析的粒度。

Google Analytics(分析)行為流報告-詳細程度選項

通過選擇“詳細程度”選項,調(diào)整Google Analytics(分析)行為流報告中的粒度。

如果“行為流”報告不夠用,您還可以在Google Analytics(分析)中設(shè)置“自定義報告”。要進行設(shè)置,請轉(zhuǎn)到“自定義”>“自定義報告”,然后單擊“新建自定義報告”按鈕。

Google Analytics(分析)自定義報告-如何訪問自定義報告

在何處訪問Google Analytics(分析)中的自定義報告。

自定義報告可以采用三種不同的格式:

  • 資源管理器,其外觀類似于默認的Google Analytics(分析)報告。
  • 平面表。
  • 地圖,最適合地理疊加。

您還可以調(diào)整設(shè)置以使用完全匹配或正則表達式基于特定指標進行過濾。

就是說,某些維度和指標在相互結(jié)合時可能會出現(xiàn)。這可能是由于這些指標具有不同的范圍-一個指標可能在用戶級別上進行衡量,而另一個指標可能在會話(網(wǎng)站訪問)級別上進行衡量。有關(guān)Google Analytics(分析)范圍的更多信息,您可以查看此Google Analytics(分析)幫助中心文章 的“處理”部分。

5.發(fā)現(xiàn)導(dǎo)致轉(zhuǎn)化和哪些操作不起作用的用戶行為類型

歸根結(jié)底,客戶或您的雇主正在建立一個網(wǎng)站以實現(xiàn)切實的目標。這可以是多種多樣的,例如在線銷售公司的產(chǎn)品(電子商務(wù)),為服務(wù)生成注冊(潛在客戶生成),甚至僅僅是為了促進公司的服務(wù)(知名度)。

這就是Google Analytics(分析)真正優(yōu)勢所在。通過基于綜合瀏覽量和不同事件收集數(shù)據(jù),您可以更深入地了解用戶在您的網(wǎng)站上的實際行為。此外,您可以通過創(chuàng)建目標來將特定的關(guān)鍵操作隔離為網(wǎng)站上的轉(zhuǎn)化。

為此,只需轉(zhuǎn)到管理>目標,然后單擊新目標。然后,您可以從模板中選擇,也可以根據(jù)目標“特定頁面的綜合瀏覽量”,事件,持續(xù)時間甚至許多綜合瀏覽量來設(shè)置自定義目標。

Google Analytics(分析)目標-在“管理”部分中訪問目標

轉(zhuǎn)到管理>目標,以訪問Google Analytics(分析)中的目標。

Google Analytics-目標設(shè)置

使用Google Analytics(分析)目標設(shè)置設(shè)置轉(zhuǎn)化。

設(shè)定目標之后,您就可以使用Google Analytics(分析)細分來分析獲得轉(zhuǎn)化的用戶和未獲得轉(zhuǎn)化的用戶所進行的操作。默認情況下,這是可用的-只需選擇“轉(zhuǎn)化者”或“非轉(zhuǎn)化者”細分即可應(yīng)用到您的報告中。

Google Analytics(分析)細分:選擇轉(zhuǎn)化者細分

Google Analytics(分析)細分:選擇“轉(zhuǎn)換器”細分。

如果您想要有關(guān)轉(zhuǎn)化的更具體的細分,則可以點擊操作選項以復(fù)制細分并添加自己的條件。例如,您可以添加年齡,性別,位置或語言,以便根據(jù)受眾特征進行進一步過濾。您還可以根據(jù)用戶訪問您網(wǎng)站的方式(來源和媒介),他們使用的設(shè)備,甚至根據(jù)他們對您的網(wǎng)站進行的一系列操作(在“高級”>“序列”下)來創(chuàng)建細分。

當然,您始終可以在Google Analytics(分析)中從頭開始創(chuàng)建細分。只需打開細分下拉菜單,然后點擊紅色的新建細分按鈕即可創(chuàng)建自己的細分。

Google Analytics(分析)細分-細分選項

Google Analytics(分析)細分-細分選項。

借助所有這些免費功能,Google Analytics(分析)確實是任何Web開發(fā)人員或設(shè)計人員都可以使用的最強大的工具之一。但是,將這些功能添加到您的站點只是冰山一角。還有許多其他功能可供探索,例如允許 Google Analytics(分析)從 IoT 設(shè)備收集數(shù)據(jù)的 Measurement Protocol。

要了解有關(guān) Google Analytics(分析)的更多信息,您可以查看以下 Google 官方資源:

最后,在實施Google Analytics(分析)之前,請確保仔細檢查您所在地區(qū)的數(shù)據(jù)隱私法規(guī),以免發(fā)生任何意外違規(guī)行為。有關(guān)確保遵守這些規(guī)定的更多信息,請查閱Google支持文章 。

通過平衡最終用戶的數(shù)據(jù)隱私權(quán)以及收集數(shù)據(jù)以獲取可行見解的需求,Google Analytics(分析)無疑是市場上最出色的UI / UX設(shè)計工具之一。

0 人點贊