亚洲日韩一页精品发布,亚洲无线观看国产精品,亚洲av无码乱码在线观看富二代,亚洲av无码专区首页,亚洲精品偷拍无码不卡av

如何用Google Tag Manager (GTM)有效地跟蹤表單Wpform提交

谷歌SEO服務(wù)

目錄

  1. 引言
  2. 設(shè)置Google Analytics 4
    • 初次設(shè)置Google Analytics 4
    • 使用GA4設(shè)置助手切換到GA4
    • 將代碼添加到站點
    • 測試站點代碼
  3. 使用Google Tag Manager
    • 創(chuàng)建GTM賬戶
    • 將GTM代碼添加到站點
    • 創(chuàng)建觸發(fā)器
    • 添加標簽
  4. 常見問題
    • 是否會記錄所有WPForms提交?
    • 如何跟蹤有感謝頁面的提交?

1. 引言

你準備好提升你的表單分析能力了嗎?隨著標準的Universal Analytics屬性將在2023年7月1日停用,是時候擁抱Google Analytics 4 (GA4),Google下一代測量解決方案了。在這本全面指南中,我們將帶你一步步設(shè)置GA4,并使用Google Tag Manager (GTM)有效地跟蹤表單提交。

如果你希望在不處理代碼或代碼片段的情況下獲取分析數(shù)據(jù),并希望在WordPress儀表盤中輕松查看報告,我們強烈建議你閱讀本文,了解一種更簡單的方式來獲取分析數(shù)據(jù)。

2. 設(shè)置Google Analytics 4

初次設(shè)置Google Analytics 4

為了我們的文檔目的,這是首次設(shè)置Google Analytics。因此,我們將遵循Google的文檔來設(shè)置和使用Google Analytics 4。

一旦設(shè)置完成,你將獲得一個Stream和Measurement ID。

使用GA4設(shè)置助手切換到GA4

然而,如果你是從Universal Analytics切換過來,GA4設(shè)置助手是你的最佳助手。這個便捷的工具自動創(chuàng)建Measurement ID和Data Stream,確保順利過渡到新平臺。

在按照Google的設(shè)置說明操作后,我們需要將一些代碼復制并粘貼到我們的網(wǎng)站頁面,以便開始跟蹤。

將代碼添加到站點

為了將此代碼添加到我們的網(wǎng)站,我們將使用WPCode – Insert Headers and Footers插件。安裝并激活插件后,只需按照屏幕上的說明添加自定義代碼片段。代碼類型選擇HTML片段,位置應(yīng)設(shè)置為全站頭部。

一旦復制了這個代碼片段,你可以通過Google測試,確保其接收信息。然而,請記住,首次設(shè)置分析時,可能需要24-48小時才能開始看到數(shù)據(jù)返回給Google。

測試站點代碼

現(xiàn)在我們可以停在這里,并將在24-48小時內(nèi)開始接收數(shù)據(jù)。然而,在本教程中,我們希望使用GTM,以便我們可以針對網(wǎng)站上的特定表單提交進行跟蹤。

記下你在Google提供的腳本中看到的G編號。這是你的Measurement ID號,在后續(xù)步驟中需要用到。

3. 使用Google Tag Manager

創(chuàng)建GTM賬戶

接下來,讓我們深入了解Google Tag Manager (GTM),并像專業(yè)人士一樣使用它來跟蹤表單提交。

在Google的Tag Manager中,由于這是我們首次設(shè)置這些內(nèi)容,我們需要先在GTM中創(chuàng)建一個賬戶。

按照屏幕上的說明創(chuàng)建賬戶。

有關(guān)設(shè)置GTM的更多信息,請查看此教程。

一旦你為GTM設(shè)置了賬戶,你將被要求將兩個代碼片段復制到你的網(wǎng)站上。我們將再次使用WPCode插件將這些腳本添加到站點。

其中一個腳本將添加到你的網(wǎng)站頭部。

將GTM代碼添加到站點

第二個腳本需要添加到打開body標簽之后。

一旦你復制了這些代碼片段,你將能夠點擊測試按鈕,以確保Google能夠讀取信息。

創(chuàng)建觸發(fā)器

第一步是創(chuàng)建一個觸發(fā)器,當成功提交表單后出現(xiàn)確認消息時,該觸發(fā)器將被激活。

為此,從GTM的儀表盤中,點擊觸發(fā)器和新建。

你將被要求命名觸發(fā)器,然后選擇觸發(fā)器類型。由于我們希望捕獲特定表單的提交,因此我們將使用用戶交互元素可見性。當確認消息的容器顯示在頁面上時,這個觸發(fā)器就會觸發(fā)。

選擇此項后,你將看到一個下拉菜單,可以選擇選擇方法的ID或CSS選擇器。我們將選擇CSS,然后輸入.wpforms-confirmation-container-full。

我們建議將觸發(fā)器設(shè)置為當頁面上檢測到CSS類名時激活。這確保了與使用AJAX提交的表單的兼容性。通過將觸發(fā)器設(shè)置為1%可見性并啟用“觀察DOM變化”,你將確保觸發(fā)器在所有情況下可靠觸發(fā)。

有關(guān)如何創(chuàng)建觸發(fā)器的更多信息,請閱讀Google的相關(guān)文章,以獲取進一步的逐步信息。

添加標簽

觸發(fā)器到位后,是時候使用你的Measurement ID創(chuàng)建事件標簽了。

為此,從Tag Manager儀表盤中,選擇標簽,然后點擊新建。和之前一樣,你需要給你的標簽起一個對你有意義的名稱,然后點擊標簽配置框。

對于標簽類型,選擇Google Analytics,然后選擇Google Analytics: GA4事件。

要完成此連接,需要Measurement ID號。你需要復制并粘貼你在最初設(shè)置分析時獲得的這個號碼。

Measurement ID號以G開頭,取代了你之前在Google Universal Analytics中使用的UA號。如果你需要幫助定位Measurement ID號,請查看相關(guān)文檔。

輸入ID號后,你需要給你的事件命名,這個名稱將用于跟蹤你的提交。

Google推薦了一些已經(jīng)預(yù)編程以接受某些參數(shù)的事件名稱。要獲取Google事件推薦的完整列表,請查看相關(guān)文章。

一旦所有部分就位,你的事件報告將開始捕獲所有提交后顯示確認消息的表單提交信息。請注意,可能需要24-48小時才能開始看到你的事件捕獲并記錄信息。

4. 常見問題

Q: 是否會記錄所有WPForms提交? A: 如果你在提交表單時顯示確認消息,是的。此教程將記錄所有表單提交。

Q: 如何跟蹤有感謝頁面的提交? A: 如果你在確認標簽上使用WPForms重定向,你可以將觸發(fā)器設(shè)置為使用頁面查看,而不是CSS選擇器。你可以在此輸入你的感謝頁面的URL。

為這個內(nèi)容評分!
評價總數(shù): 0
? 版權(quán)聲明
出海社群

相關(guān)文章