目錄

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。