App下載

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

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

作者:Clara Buenconsejo

來源:SMASHING

翻譯:W3Cschool

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

Google Analytics(分析)是目前最流行的市場(chǎng)營銷分析平臺(tái)之一,不僅因?yàn)槠錁?biāo)準(zhǔn)版本是免費(fèi)的。全球有超過一百萬的組織使用此平臺(tái)來更好地了解其網(wǎng)站上的用戶行為。

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

<!-- 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 實(shí)現(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 -->

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

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

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

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

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

該代碼的簡(jiǎn)寫版本也可以使用以下格式:

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

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

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

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

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

另外,實(shí)施這些事件的更好方法是改用 Google 跟蹤代碼管理器。代替實(shí)際的 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(分析)頁面視圖代碼和事件標(biāo)簽。只需單擊“新建”按鈕來創(chuàng)建一個(gè)新標(biāo)簽,然后單擊“標(biāo)簽配置”,那么Google Analytics(分析)將是可用的默認(rèn)選項(xiàng)之一:

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

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

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

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

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

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

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

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

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

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

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

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

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

這樣,如果要確定是否可以為特定類型的用戶放置特定的小部件,則可以使用一些數(shù)據(jù)來備份您的決定。這還可以消除購買單獨(dú)的滾動(dòng)跟蹤軟件的需要,因?yàn)槟恍枰稽c(diǎn)時(shí)間來實(shí)現(xiàn)此功能。

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

了解人們?cè)谀睦餄L動(dòng)是一回事。找出他們?cè)诰W(wǎng)站上花費(fèi)了多少時(shí)間是另一個(gè)問題。幸運(yùn)的是,這也可以通過Google Analytics(分析)進(jìn)行衡量。

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

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

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

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

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

有關(guān)每個(gè)字段的詳細(xì)說明,請(qǐng)?jiān)L問Google Developers網(wǎng)站 。

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

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

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

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

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

這就是Google Analytics(分析)中的“行為流”報(bào)告起作用的地方。該報(bào)告以流程圖的形式顯示,顯示了用戶如何到達(dá)網(wǎng)站以及他們?cè)谙萝囍斑M(jìn)行的后續(xù)瀏覽量或采取的行動(dòng)。

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

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

默認(rèn)情況下,“行為流”報(bào)告使用登錄頁面和用戶組要訪問的特定頁面。

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

Google Analytics(分析)行為流報(bào)告-查看選項(xiàng)

Google Analytics(分析)行為流報(bào)告-查看選項(xiàng)。

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

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

Google Analytics(分析)行為流報(bào)告-詳細(xì)程度選項(xiàng)

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

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

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

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

自定義報(bào)告可以采用三種不同的格式:

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

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

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

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

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

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

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

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

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

Google Analytics-目標(biāo)設(shè)置

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

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

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

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

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

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

Google Analytics(分析)細(xì)分-細(xì)分選項(xiàng)

Google Analytics(分析)細(xì)分-細(xì)分選項(xiàng)。

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

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

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

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

0 人點(diǎn)贊