已收藏,可在 我的資料庫 中查看
關注作者
您可能還需要

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!

本文分享了如何使用Google Tag Manager(GTM)靈活設置轉化追蹤代碼的方法。文章分為三個部分,分別介紹了網站表單詢盤追蹤、客戶發送郵件追蹤以及客戶點擊電話或Whatsapp追蹤的設置方法。

今天給大家分享關于如何靈活利用GTM設置轉化追蹤代碼的方法,在之前的文章給大家分享過如何去安裝GTM以及利用GTM安裝GA。安裝完成之后接下來就是去設置追蹤代碼了,網站的轉化追蹤設置往往是最容易被忽視的,同樣也是最重要的,為什么說正確的安裝網站的轉化追蹤非常重要?

從谷歌廣告的角度假如你的轉化追蹤代碼設置的不正確,廣告跑出的轉化偏高、或者偏低都是會影響谷歌廣告的機器學習模型機器學習數據不準確,最終拿到的轉化結果也是不準確的。

從SEO的角度: 雖然Google官方表示他們不使用Google Analytics或其他分析工具的數據來直接影響搜索排名,但是如果網站的轉化追蹤代碼設置不準確,可能會影響用戶體驗。如果用戶在訪問你的網站時遇到問題,例如無法完成購物或填寫表單,這可能導致他們離開網站,反過來可能會影響搜索引擎的排名。下面我會以B端網站為例,進行追蹤代碼設置演示:

一.網站表單詢盤追蹤

網站有Thank you page的情況我們每個網站基本上都會有一個thank you page,當客戶填寫完表單點擊發送成功后,會自動跳轉到這個頁面。這樣我們就能夠確保客戶是真實的已經發送成功了,相對來說比較準確。注:這個頁面一定要添加noindex,因為這個頁面是沒有任何內容的,不需要要谷歌收錄它。

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!

圖片來源:Wordpress

接下來是如何設置追蹤代碼:

1.設置變量:在GTM后臺找到變量,點擊新建,在網頁這里把下面的這幾個變量全都打上對勾。

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager

2.設置觸發器:同樣在GTM左側邊欄找到觸發器,點擊新建,觸發器類型選擇網頁瀏覽,觸發條件選擇某些網站瀏覽,觸發器為Page URL、包含、thank you page的鏈接,給這個觸發器命名為thank you page。

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager

3.設置代碼:GTM左側邊欄找到代碼點擊新建。代碼配置選擇GA4代碼,如果需要設置谷歌廣告代碼,代碼類型直接選擇Google ads代碼,在代碼設置里面首先需要填寫衡量ID。事件名稱:“thank you page”,觸發事件:選擇我們之前設置好的觸發器。

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager

GA4的衡量ID去哪里找?

在GA4的后臺下面找到設計的按鈕,點擊之后找到Data Stream,進入之后就可以看到GA4的ID了,為“G-XXXXX”的形式。

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Analytics

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Analytics

4.設置完成點擊測試:設置完成之后,點擊預覽進行測試,發送詢盤后在Tags Fired里面出現我們設置的事件,證明我們的代碼已經設置成功了。

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager

在網站沒有Thank you page的情況:

相信有很多商家,網站都是通過第三方建的模板站,有一些網站發送完詢盤,是沒有跳轉thank you page這個頁面的,一般都會在發送成功后在下方出現一段文字顯示發送成功。這種情況下有很多朋友是去追蹤點擊“send”按鈕,這種追蹤方式是不準的,當客戶誤觸這個按鈕,也會被判定為轉化。下面給大家演示下這種情況下如何去設置。

1.發送一封測試表單我們首先需要先發送一封測試詢盤,發送成功后表單下面會出現“Your submission was successful.”的字樣,當然每個網站不一樣,大致是這樣一段字樣。

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager

2.找到CSS代碼我們需要找到這段文字的代碼,按“F12”或者鼠標右擊檢查源碼,復制后備用。

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!

圖片來源:Google Tag Manager

3.設置觸發器在GTM左側邊欄找到觸發器,點擊新建,觸發器類型選擇“元素類型”。選擇方法"CSS"選擇器,,元素選擇器:將我們上一步找到的代碼粘貼到這里。下面的選項設置如下圖所示:設置完成后點擊保存。

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!

圖片來源:Google Tag Manager

4.設置代碼在GTM左側邊欄,選擇代碼,點擊新建。代碼類型同樣選擇GA4,GA4的衡量ID都是一樣的,事件名稱“send_form”。觸發條件:選擇剛才設置好的觸發器。

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager

5.設置完成點擊測試在GTM的右上方點擊預覽,發送一封表單詢盤進行測試。

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager

二.客戶發送郵件追蹤

對于外貿獨立站,客戶在尋找供應商時用到最多的就是通過郵件聯系。在我們的獨立站上面一般都會有浮動的郵箱圖標,或者直接添加郵箱的錨文本,點擊直接可以給我們發郵件,或者客戶會將我們網站上面的郵箱復制下來,去郵箱里面發送。像這樣的客戶通過發送郵件聯系我們,也被算作轉化。接下我來給搭建演示下如何跟蹤郵件的轉化追蹤。

客戶直接點擊網站郵箱圖標或錨文本的情況:

1.設置變量在GTM后臺找到變量,點擊新建,點擊這里把下面的這幾個變量全都打上對勾。

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager2.設置觸發器在GTM后臺點擊觸發器,觸發器類型選擇“僅鏈接”,觸發條件選擇"某些鏈接點擊” 觸發器設置選擇:Click URL、包含、mailto:郵箱。 如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager

3.設置代碼在GTM后臺點擊代碼,新建代碼。與前面相似,代碼類型選擇GA4,觸發器選擇剛才我們設置好的觸發器。

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager 


 4.檢查是否觸發成功在GTM的右上方點擊預覽,點擊我們網站上的郵箱進行測試。這里不管是網站上的圖標還是錨文本都可以被觸發。
如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager客戶復制網站上面郵箱的情況:

有些客戶可能不會直接在網站上點擊郵箱元素進行直接發送,還可能會復制我們網站上的郵箱,去其他郵箱發送。這種情況的追蹤方式有一點難度,下面步驟;

1.設置一段自定義HTML:首先我們需要先新建一個HTML代碼,在GTM后臺找到代碼。點擊新建,代碼類型選擇“自定義HTHL”。將下面的這一段HTML復制進去,觸發條件選擇ALL pages

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager  如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!

2.自定義變量:在GTM后臺點擊變量,下滑找到新建變量,變量類型選擇:數據層變量。數據變量名這里寫代碼中標黃的字樣“clipboardText”。 如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager

3.設置觸發器在GTM后臺點擊觸發器,觸發器類型選擇:自定義事件,事件名稱填寫:代碼中另一個標黃:clipboardText。下面觸發條件選擇某些自定義事件,觸發器:選擇上一步設置好的觸發器clipboardText、等于、網站上的郵箱。

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!

圖片來源:Google Tag Manager

4.設置代碼代碼類型同樣選擇GA4事件代碼,ID跟上面一樣,事件名稱:Copy_Email,觸發條件選擇我們設置好的自定義事件。

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!

圖片來源:Google Tag Manager

5.測試是否觸發成功點擊預覽,在網站上找到郵箱,復制測試下觸發結果。

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager以上就是追蹤客戶發送郵箱的轉化的設置方法。

三.客戶點擊電話或Whatsapp追蹤:

有些客戶比較喜歡即時聊天的形式,通過撥打電話或者Whatsapp的方式來聯系我們,我們也可以通過GTM去追蹤客戶這個轉化動作。

追蹤客戶點擊Whatsapp:

1.設置觸發器:觸發器類型選擇:僅鏈接,選擇某些鏈接,點擊URL、包含、鏈接粘貼Whatsapp的鏈接,一般為:https://api.whatsapp.com/send?l=en&phone=86xxxxxx

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager

2.設置代碼:代碼類型同樣選擇GA4事件代碼,ID跟上面一樣,事件名稱Click_Whatsapp,觸發條件選擇我們設置好的自定義事件

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager 

 3.測試:是否可以觸發成功

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!

追蹤客戶點擊電話:一般來說客戶在手機端瀏覽我們的網站時可能會直接點擊電話給我們打電話,對于這個轉化動作,我們可以按照以下步驟進行追蹤:

1.設置觸發器:觸發器類型選擇:僅鏈接,選擇某些鏈接,點擊URL、包含、鏈接粘貼Whatsapp的鏈接,一般為:"tel:xxxxx如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager

2.設置代碼:代碼類型同樣選擇GA4事件代碼,ID跟上面一樣,事件名稱:Click_Whatsapp,觸發條件選擇我們設置好的自定義事件。

如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager3.測試:是否可以觸發成功 如何靈活運用GTM(Google Tag Manager)追蹤網站轉化事件,最全教程!!圖片來源:Google Tag Manager 

以上就是Google Tag Manager的一些常用的網站轉化事件追蹤,當然我們還可以利用它追蹤更多的用戶行為,有助于我們的網站優化,大家可以按照上述步驟結合自己的需要去實踐。

(來源:Russell)

以上內容屬作者個人觀點,不代表雨果跨境立場!本文經原作者授權轉載,轉載需經原作者授權同意。?

分享到:

--
評論
最新 熱門 資訊 資料 專題 服務 果園 標簽 百科 搜索
雨果跨境顧問
Google顧問-Sandy
OceanWeb新客獨家福利:前100名免費送$20廣告體驗金,點擊按鈕咨詢顧問并領取,雨果跨境官方顧問

收藏

--

--

分享
Russell
分享不易,關注獲取更多干貨
亚洲精品国产成人久久av盗摄| 欧美午夜精品一区二区蜜桃| 国产伦精品一区二区三区在线观看|