哈嘍大家好,Russell今天給大家分享一下關(guān)于Google Tag Manager(GTM)和Google Analytics (GA)的文章。實(shí)操內(nèi)容很詳細(xì),大家可以跟著步驟一步一步去做。
什么是GA、GTM?
Google Analytics (GA4) 是一款谷歌官方的網(wǎng)站數(shù)據(jù)分析工具,它能夠幫助您了解用戶行為、網(wǎng)站流量和轉(zhuǎn)化率等重要數(shù)據(jù)。但是,要正確配置GA并從中獲取最大價(jià)值,需要一種強(qiáng)大的工具來(lái)管理和跟蹤您的跟蹤代碼,這就是 Google Tag Manager (GTM) 的用武之地。Google Tag Manager 是一種免費(fèi)代碼管理工具,它不僅簡(jiǎn)化了網(wǎng)站標(biāo)簽(如GA跟蹤代碼)的管理,還提供了一個(gè)易于使用的界面,允許您輕松地添加、編輯和發(fā)布標(biāo)簽,而無(wú)需深入了解編程知識(shí)。不需要依賴開(kāi)發(fā)人員來(lái)進(jìn)行代碼更改,從而節(jié)省了寶貴的時(shí)間和資源。
為什么要使用GTM 配置GA?
首先,使用GTM配置GA可以使您的網(wǎng)站更加靈活。你可以根據(jù)需要添加和刪除跟蹤代碼,而無(wú)需修改網(wǎng)站的源代碼。這意味著您可以更快速地響應(yīng)業(yè)務(wù)需求,例如跟蹤新的轉(zhuǎn)化目標(biāo)或事件。其次,GTM提供了更多的跟蹤選項(xiàng)。你可以輕松地配置電子商務(wù)跟蹤、事件跟蹤、自定義維度等功能,以獲得更豐富的數(shù)據(jù),幫助您更好地了解用戶的行為和需求。最重要的是,GTM可以提高網(wǎng)站性能。通過(guò)將所有跟蹤代碼集中管理,你可以減少頁(yè)面加載時(shí)間,提供更好的用戶體驗(yàn),同時(shí)確保數(shù)據(jù)的準(zhǔn)確性。上面是關(guān)于GA和GTM的簡(jiǎn)單介紹,大家可以大概有個(gè)了解就可以。
如何將GTM安裝到網(wǎng)站?
1.注冊(cè):在谷歌瀏覽器搜索GTM,進(jìn)入Google Tag Manager的官網(wǎng)點(diǎn)擊創(chuàng)建賬號(hào)
圖片來(lái)源:Google
進(jìn)入到添加新賬號(hào)頁(yè)面,賬號(hào)設(shè)置中的賬號(hào)名稱是給我們自己看的,寫(xiě)網(wǎng)站名稱,公司名稱都可以,國(guó)家地區(qū)選擇中國(guó)。下面容器設(shè)置的容器名稱也可以填寫(xiě)我們的網(wǎng)址,目標(biāo)廣告平臺(tái)選擇網(wǎng)站,點(diǎn)擊創(chuàng)建。
圖片來(lái)源:Google Tag Manager
2.安裝代碼:當(dāng)我們創(chuàng)建好GTM賬號(hào)之后,會(huì)給到我們兩段代碼。一個(gè)是安裝到標(biāo)簽,一個(gè)安裝到標(biāo)簽。這里根據(jù)自己的情況,如果你的網(wǎng)站是第三方建的,那么你可以直接把這兩段代碼發(fā)給第三方技術(shù)人員給你安裝下就可以。如果你網(wǎng)站是用Wordpress做的,可以根據(jù)以下步驟去自己安裝下:
1.進(jìn)入WP后臺(tái),在外觀里面找到“主題編輯器”,找到之后在左側(cè)找到主題頁(yè)眉(header.php)文件
圖片來(lái)源:Wordpress2.回到GTM后臺(tái),復(fù)制第一段代碼,放到下面,如下圖所示:
圖片來(lái)源:Google Tag Manager
圖片來(lái)源:Google Tag Manager復(fù)制第二段代碼,放到下面,如下圖所示:
圖片來(lái)源:Google Tag Manager
圖片來(lái)源:Wordpress安裝完成后點(diǎn)擊更新文件,就已經(jīng)安裝成功了!
圖片來(lái)源:Wordpress如何去檢查網(wǎng)站是否安裝了GTM。這里我們需要安裝一個(gè)插件Tag Assistant Legacy,大家直接在谷歌應(yīng)用商店搜索安裝就可以。
圖片來(lái)源:Google檢查:安裝完成后打開(kāi)我們的網(wǎng)站,點(diǎn)擊插件進(jìn)行檢測(cè)。出現(xiàn)綠色笑臉的標(biāo)志,就證明網(wǎng)站已經(jīng)安裝了GTM。
圖片來(lái)源:Google以上方法是直接在主題代碼里進(jìn)行編輯的,操作時(shí)要小心,不要?jiǎng)拥狡渌拇a,以免導(dǎo)致網(wǎng)站出錯(cuò)。如果你擔(dān)心出錯(cuò),也可以用插件來(lái)安裝。具體操作步驟我就不再演示了,插件的名字是:Google Tag Manager for WordPress
圖片來(lái)源:Wordpress如何通過(guò)GTM安裝GA4?
1.注冊(cè)Google Analytics4進(jìn)入GA官網(wǎng):點(diǎn)擊開(kāi)始衡量,創(chuàng)建媒體資源.媒體資源名稱可以填寫(xiě)我們的網(wǎng)址,報(bào)告時(shí)區(qū)我們一般會(huì)選擇中國(guó)。
按照步驟和提示進(jìn)行操作,在設(shè)置數(shù)據(jù)流這里,輸入網(wǎng)站網(wǎng)址和數(shù)據(jù)流名稱點(diǎn)擊創(chuàng)建數(shù)據(jù)流。
圖片來(lái)源:Google Analytics利用GTM創(chuàng)建GA4創(chuàng)建完成數(shù)據(jù)流之后,我們需要返回到GTM后臺(tái)。在左側(cè)邊欄找到代碼,點(diǎn)擊新建
圖片來(lái)源:Google Tag Manager代碼類型選擇Google Analytics分析中的Google代碼,來(lái)安裝GA4的全局代碼
圖片來(lái)源:Google Tag Manager
圖片來(lái)源:Google Tag Manager選擇完成之后,需要我們填一下Google代碼的ID。我們需要返回到GA4的后臺(tái)找到google代碼的ID。在GA4的后臺(tái)找到設(shè)置,點(diǎn)擊之后選擇數(shù)據(jù)流
圖片來(lái)源:Google Analytics點(diǎn)擊數(shù)據(jù)流之后,找到谷歌代碼中的配置代碼設(shè)置,這里我們就可以看到我們的ID了,一般為“G-”開(kāi)頭的。
圖片來(lái)源:Google Tag Manager
圖片來(lái)源:Google Tag Manager將這個(gè)ID復(fù)制粘貼到GTM的代碼設(shè)置中。觸發(fā)條件選擇All pages。
圖片來(lái)源:Google Tag Manager
圖片來(lái)源:Google Tag Manager最后點(diǎn)擊保存代碼,這樣我們的GA4全局代碼就已經(jīng)設(shè)置好了。
3.檢查GA4代碼代碼是否觸發(fā)成功。在GTM后臺(tái),右上角點(diǎn)擊預(yù)覽。進(jìn)入Tag Assistant,輸入我們的網(wǎng)址進(jìn)行測(cè)試。圖片來(lái)源:Google Tag Manager測(cè)試完成后,在Tags Fired中,出現(xiàn)我們剛才設(shè)置的跟蹤代碼,就證明我們的GA4跟蹤代碼已經(jīng)安裝完成了,并可以觸發(fā)。圖片來(lái)源:Google Tag Manager
等一段時(shí)間,我們就可以在GA后臺(tái)看到訪客的數(shù)據(jù)了。
圖片來(lái)源:Google Analytics以上步驟就是通過(guò)GTM安裝GA的全部步驟,這篇文章小寫(xiě)的比較細(xì),大家在安裝的時(shí)候可以耐心一點(diǎn),一步一步,按照步驟去操作。
關(guān)于GA4事件該如何設(shè)置,B2B和B2C的對(duì)于轉(zhuǎn)化事件的設(shè)置是不一樣的,B2C的朋友一般會(huì)設(shè)置加購(gòu)、購(gòu)買成功頁(yè)面事件等等,那么對(duì)于B2B的朋友以獲取詢盤為主,追蹤事件一般為詢盤提交、點(diǎn)擊Whatsapp、點(diǎn)擊郵箱等等,接下來(lái)我來(lái)分享下B2B如何正確的設(shè)置詢盤追蹤轉(zhuǎn)化。
1.網(wǎng)站需要有一個(gè)Thank you page。在設(shè)置之前,需要確認(rèn)自己的網(wǎng)站有沒(méi)有than you page。這個(gè)頁(yè)面比較重要,我們可以把它理解為一個(gè)“功能頁(yè)面”,這個(gè)頁(yè)面沒(méi)有什么內(nèi)容,只是用于我們做詢盤轉(zhuǎn)化追蹤的功能。當(dāng)客戶點(diǎn)擊詢盤按鈕發(fā)送完詢盤的時(shí)候,自動(dòng)跳轉(zhuǎn)到thank you page。相信有很多朋友網(wǎng)站沒(méi)有這個(gè)頁(yè)面,都去追蹤點(diǎn)擊發(fā)送詢盤的按鈕。想一下。如果客戶誤點(diǎn)了這個(gè)按鈕,并沒(méi)有發(fā)送成功詢盤,但是你的追蹤代碼觸發(fā)了,就會(huì)被記做一次轉(zhuǎn)化,導(dǎo)致最終的詢盤和記錄轉(zhuǎn)化的次數(shù)對(duì)不上。
2.新建觸發(fā)器:進(jìn)入GTM后臺(tái),選擇觸發(fā)器點(diǎn)擊新建,觸發(fā)器類型選擇“網(wǎng)頁(yè)瀏覽”,此觸發(fā)器的觸發(fā)條件選擇“某些網(wǎng)頁(yè)瀏覽”。在下面的三個(gè)選擇框中分別選擇“Page URL”,“包含”,最后一個(gè)框輸入網(wǎng)站than you page的網(wǎng)址。
最后將這個(gè)觸發(fā)器命名,點(diǎn)擊保存。
3.創(chuàng)建事件代碼:在GTM后臺(tái)左側(cè)邊欄找到代碼,點(diǎn)擊新建,選擇GA4事件代碼。這里需要填寫(xiě)衡量ID(G-開(kāi)頭的ID,與創(chuàng)建GA4全局代碼的ID是一樣的),事件的名稱填寫(xiě)“Thank_you_page”,觸發(fā)器選擇剛才創(chuàng)建的thank you page觸發(fā)器。完成之后點(diǎn)擊創(chuàng)建完成。
圖片來(lái)源:Google Tag Manager
圖片來(lái)源:Google Tag Manager4.檢查是否追蹤成功:在GTM后臺(tái)右上角點(diǎn)擊預(yù)覽進(jìn)入Tag Assistant,輸入我們的網(wǎng)址進(jìn)行測(cè)試,我們可以提交一下表單進(jìn)行測(cè)試。測(cè)試完成后,在Tags Fired中,出現(xiàn)我們剛才設(shè)置的詢盤提交追蹤代碼,證明我們已經(jīng)設(shè)置成功了。
圖片來(lái)源:Google Tag Manager測(cè)試完成后在后臺(tái)一定要點(diǎn)擊一下提交。
圖片來(lái)源:Google Tag Manager這篇文章帶大家進(jìn)行了GTM和GA及轉(zhuǎn)化事件的設(shè)置,文章有點(diǎn)長(zhǎng),希望各位讀者可以耐心看完。最后感謝各位讀者一直以來(lái)對(duì)Russell的支持.
(來(lái)源:Russell)
以上內(nèi)容屬作者個(gè)人觀點(diǎn),不代表雨果跨境立場(chǎng)!本文經(jīng)原作者授權(quán)轉(zhuǎn)載,轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。?