更新時間：2025年8月16號
這一篇介紹如何在GTM上對HubSpot Forms做表單跟蹤。
實現方式
HubSpot Forms有API支持，當成功提交訂單的時候會觸發HubSpot Forms，可以利用它去發送事件，如：
設定過程
添加HubSpot Forms代碼
在GTM中點擊代碼」—「新增」—「請選擇代碼類型以開始設定…」——「自訂HTML」，命名為“cHTML-Listen HubSpot Forms……繼續閱讀 »
Haran
5个月前 (08-16) 595次瀏覽 0條留言
0个Like
更新時間：2025年3月18號
這篇介紹如何在Shopify裡對Klaviyo Form表單做追蹤
如果你已經在theme.liquid里安裝GTM，那麼可以直接在GTM做追蹤，延伸閱讀：GTM上對Klaviyo Forms做表單跟蹤(GA4)
如果你是在Custom Pixel裡安裝GA4，因為它是在Sandbox裡運行，不能直接追蹤，這種情形的追蹤思路是：在theme.liquid裡監聽Klaviyo，轉為Sh……繼續閱讀 »
Haran
10个月前 (03-18) 1444次瀏覽 0條留言
0个Like
這一篇介紹如何對Contact Form 7做表單跟蹤。
認識Contact Form 7
Contact Form 7是WordPress上最受歡迎的免費聯絡表單外掛。
追蹤原理
Contact Form 7表單提交追蹤實現有多種方式：
一種是基於元素可見度，因為Contact Form 7表單提交成功會在頁面顯示特定資訊。
一種是基於Contact Form 7的API提供的一些Dom事件。
……繼續閱讀 »
Haran
1年前 (2024-11-27) 1858次瀏覽 0條留言
1个Like
更新時間：2024年11月5號
這一篇介紹如何用Google Tag Manager裡的元素可見度做事件追蹤。
認識元素可見度
Element Visibility，叫元素可見度，可以對指定元素在網路瀏覽器的檢視點中變得「可見」時就觸發，如某個圖片（元素）展示時就觸發。
示例演示
假設我現在要對 https://www.haranhuang.com/contact-form-7.html 裡的表單提交做……繼續閱讀 »
Haran
3年前 (2023-03-17) 2763次瀏覽 0條留言
0个Like
這一篇介紹如何在GTM上對Klaviyo Forms做表單跟蹤。
實現方式
Klaviyo Forms有API支持，當成功提交訂單的時候會觸發klaviyoForms，可以利用它去發送事件，如：
<script>
window.dataLayer = window.dataLayer || [];
window.addEventListener("klaviyoForms", fu……繼續閱讀 »
Haran
3年前 (2023-02-08) 1695次瀏覽 0條留言
0个Like
這一篇介紹如何在GTM上對Gravity Forms做表單跟蹤。
假設我現在要追蹤 https://www.gravityforms.com/open-support-ticket/general/ 上的Submit按鈕。
實現方式
Gravity Forms有API支持，當成功提交訂單的時候會觸發gform_confirmation_loaded，可以利用它去發送事件，如：
<script>
jQu……繼續閱讀 »
Haran
3年前 (2023-02-07) 1726次瀏覽 0條留言
0个Like
這一節來講如何在GA4中對表單互動做追蹤，有兩種方式：
一種是透過加強型個評估事件中的表單互動
一種是透過表單提交觸發條件
並不是所有的表單都可以做表單互動追蹤的，表單的程式需要滿足兩個要求：
表單是form結構
提交/確定按鈕的type是submit
以我的部落格的留言功能為例，如下圖:
表單互動追蹤先需要看程式是否符合要去，如果符合，就看form層級的有沒有唯一的class或id，需要用c……繼續閱讀 »
Haran
3年前 (2022-10-12) 4229次瀏覽 0條留言
0个Like
