GA4 新增表單互動的事件紀錄

發佈日期: 作者:

Form interactions (表單互動)事件介紹

GA4 已內建網頁瀏覽、捲動、外連點擊、站內搜尋、影片參與、檔案下載等事件，只要在 GA4 中啟用 [加強型評估] ，即可開關前面那些預設事件，無須透過工程師額外在網站端修改程式，非常的方便。

昨日 Google 又為 GA4 增加了一項內建事件 「Form interactions (表單互動)」，一樣是在 [加強型評估] 裡，但預設是未啟用的，如果您需要收集表單互動事件，那您必須啟用它。

表單互動事件包含 2 個觸發時機:

  • form_start – 當使用者第一次開始與表單互動時，至於是游標停留在表單的輸入欄位就算，或是得輸入字元才算，我不確定。
  • form_submit – 當使用者點擊表單傳送按鈕時觸發。

表單互動事件會傳送 form_id、form_name、form_destination(目標網址)，所以在 GA4 報表中，不只是可以看到表單傳送次數而已，如果你的網站有多個表單，是可以分開統計的。

表單互動事件實測

GA4 內建的加強型評估中，在上週新增了表單互動事件，可以用來為設計一些特殊表單，讓對商品或服務有特別興趣的訪客參與，例如設計一個膚質評測表單，之後從 GA4 的[目標對象]收集此類用戶，再串接到 Google Ads，就可以在 Google Ads 對此類受眾進行廣告推播，進行精準行銷。

我在一個 GTM + GA4 的網站上，放置了一個連絡表單，測試了 form_start 事件。

  • 當我第一個操作的元件是單選項目時，只要一點選選項，就會立刻送出 form_start 事件(參考下方附圖)。
  • 當我第一個操作的元件是文字輸入項目時，則需要在輸入完成後游標離開該欄位時，才會立刻送出 form_start 事件。
  • 點擊送出表單則會觸發 form_submit 事件。

另外要注意的是，表單互動事件會傳送 form_id、form_name、form_destination(目標網址)，如果你的網站的表單編輯功能，可以為表單自訂 form_id 或 form_name，那麼後續在 [目標對象] 的收集設定時，會比較容易設定，否則就得研究 form_destination 的值是不是能用來辨識表單。

Frame 表單互動事件實測

如果使用 iFrame 方式嵌入外部表單，例如 Google 表單，那麼也能觸發這個表單互動事件嗎? 為了確認這個問題，我實測了一個網站內建的表單功能，以及嵌入一個外部的 Google 表單。

在做完上面的測試，我幫網站嵌入一個 Google 表單，因為有些人可能網站本身沒有表單編輯的功能，會使用外部的 Google 表單，不過很遺憾，使用者操作 Google 表單並不會觸發 「表單互動」 事件，所以需要用變通作法，這之後再介紹。

透過網頁的互動為用戶貼標籤的方式，不只有表單互動而已，其他 GA4 內建的加強型評估，網頁瀏覽、捲動、外連點擊、站內搜尋、影片參與、檔案下載等事件，都可以拿來進行設計，只要設計成 [對商品或服務有興趣的訪客] 才會觸發事件，就可以用來對訪客貼標籤及再行銷。

這種貼標籤再行銷的模式，會比單純設定年齡、性別、興趣還要精準，不只可以濾掉假帳號、分身帳號，就連不是在你原本設定的 Persona 的潛在客戶，都可以被精準挑出來，相當實用。

要把 GA4 這項自訂貼標功能發揮最大效果，必須先熟悉 GA4 甚至 GTM 的事件功能，這部分也是我正在鑽研及分享的項目，如果你對這部分也有興趣，我建議你先研讀一下 Google 官方的文件解說，之後再閱讀我的文章時，就會更容易理解。

表單互動事件應用建議

這個功能可以設計來為特定的訪客貼標籤，為不同商品(分群受眾)設計不同的表單，例如提供分析小測驗、參加意見調查等等，無需要求訪客留下聯絡資料，降低用戶填寫門檻。

之後再從 GA4 這端為互動過某個表單的訪客設定成一組[目標對象]，再將此組[目標對象]串接到 Google Ads，就可以在 Google Ads 對此包受眾進行廣告推播，進行精準行銷。

▍如何取得最新的電商資訊

本人工作的主要業務為電商網站的建置、客製、與維運，所以我有一些電商產業的資訊、技術、行銷、實際案例、及電商經營觀點分析，能跟大家分享，除了部分資訊整理成文章至此部落格分享以外，其餘文章的發文管道將此以下規則:

行銷科技洞察社團(本社團) : 以行銷科技相關訊息+淺層分析為主，歡迎加入 https://www.facebook.com/groups/martech.insight

 

▍作者

電商工匠 王仁佑，從事電商網站架設、客製、維護、SEO、顧問服務等超過 20 年，所經營的開源電商有限公司，是 OpenCart 系統在台灣最主要的技術支援廠商。

Facebook 個人檔案(王仁佑) :  https://www.facebook.com/dakswang