Contact Form 7啟用Google代码管理器追蹤谷歌廣告表單轉換率

如果你是WordPress網站維護者, 個人網站擁有者, 小型企業主, 中小型公司, 軟體開發人員, 網站設計師, 營銷人員你一定聽過Contact Form 7的鼎鼎大名，這一直是很知名的一个WordPress表單外掛。這個外掛今天波哥不在這裏過多的介紹，主要是如果你也在運行Google Ads，你一定都想知道如何讓谷歌廣告帶來的訪問並最終填寫表單的行為作為谷歌廣告的轉換發送給谷歌以便更好地優化你的谷歌廣告表現。

今天讓我們來介紹, 如何結合Contact Form 7和Google Tag Manager, 很簡單就可以追蹤Google廣告的轉換率喔!

谷歌廣告轉換設定

在此之前，你一定需要先進入谷歌廣告中的工具與設定 - 已結連賬戶 - 去連接Google Analytics (分析) (GA4) 和 Firebase，對需要的GA4賬戶進行連接。然後analytics.google.com中的管理 - 媒體資源下方 - Google Ads 關聯中與你的谷歌廣告賬戶關聯，做完這兩步，就可以進入谷歌廣告進行谷歌轉換設定了。

1. 進入工具與設定 - 轉換。
2. 新建轉換動作 - 網站 - 輸入你的網站網址 - 掃描。
3. 手動新增轉換動作 - 目標和動作最佳化 - 選取提交待開發客戶表單- 自訂轉換名稱，比如表單提交
4. 其它默認即可。
5. 在取得操作說明並完成設定 - 我們需要選取使用Google 代碼管理工具 - 分別複製轉換ID 和你剛剛自訂的轉換名稱下的標籤。

谷歌代碼管理工具設定

一、新增表單提交事件代碼

現在我們需要進入谷歌代碼管理工具的網址：tagmanager.google.com。進入你已建立的賬號，在執行下一步的動作之前，請先確認你已經建立了代碼：Google Analytics (分析)：GA4 設定 和 轉換連接器，這兩個需要連接谷歌廣告的轉換動作和提交事件到你的GA4 賬戶中。一旦設定成功後，再執行下面動作。

• 新增代碼 - 自訂代碼名稱為：表單提交事件 - 代碼設定選擇：自訂HTML。
• 在HTML的容器中輸入以下程式碼

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
window.dataLayer.push({
"event" : "cf7submission",
"formId" : event.detail.contactFormId,
"response" : event.detail.inputs
})
}); 
</script>

• 在觸發條件中選取All Pages
• 單擊儲存然後進行下一步。

二、新增觸發條件

建立完代碼後，我們需要將這個cf7submission的事件作為一個觸發條件以便為接下來新增Google Ads轉換追蹤作準備。請查看以下詳細步驟：

1. 進入觸發條件 - 新增 - 命名為：cf7submission事件 - 在觸發條件設定中選取：自訂事件。
2. 在事件名稱中輸入cf7submission。
3. 其它默認，然後單擊儲存。

三、新增Google Ads轉換追蹤代碼

我們現在需要新增Google Ads轉換追蹤代碼以便讓剛剛在谷歌廣告設定的轉換動作能正常連接上。請查看以下詳細步驟：

1. 進入代碼 - 新增 - Google Ads - Google Ads 轉換追蹤。
2. 在轉換ID中輸入剛剛在谷歌廣告中的轉換ID，在轉換標籤中粘貼 谷歌廣告中的標籤。
3. 在觸發條件中 - 選取剛剛設定的cf7submission事件。
4. 其它默認，然後單擊儲存。

完成這些動作後，你就可以回到谷歌代碼管理工具工作臺，單擊預覽，輸入你的網址來測試你的轉換是否正常fire了。fire上的話，你會在Debug界面中看到cf7submission的事件。等到24小時後，你再次進入谷歌分析，管理，事件中將這個cf7submission勾選為轉化即可（強烈建議）。

如果一切順利，通常也是24小時後，你的谷歌廣告中的轉換數據也就會出來了。在此之前，我們需要進入廣告活動 - 設定 - 目標 - 使用廣告活動專屬的目標設定 - 拉取提交待開發客戶表單到設定中並儲存。

到此，整個Contact Form 7啟用Google代码管理器並追蹤谷歌廣告表單轉換的教學就結束了。感謝觀看！

猜你喜歡

• 免費登入頁Landing Page模板下載網站 – One Page Love
• Google 代碼管理工具之元素可見度抓取聯絡表單提交事件
• 簡單易用的登入頁面HTML表單收信服务 – FormSubmit