[方法2] – 使用自訂腳本收集Hubspot Form「hsFormCallback」事件
Posted: Wed Dec 18, 2024 9:21 am
雖然 Hubspot 不使用舊的表單處理程序，這使得轉換有點棘手，但我們可以感謝他們在填寫表單時觸發「事件」。
我們將在 GTM 安裝中添加一些自訂程式碼，這些 加拿大电话号码格式 程式碼將偵聽此事件並將其發送到資料層，以便我們可以在 GTM 中使用它。
此方法消除了對自訂感謝頁面的需要，並提供了一種更直接的捕獲烘焙轉換的方法。
要使用此方法設定轉換跟踪，請按照以下步驟操作：
1) 在GTM中：建立資料層變數並擷取Hubspot模組ID。
首先，我們將在 GTM 中建立一個資料層變數。這意味著當我們從 Hubspot 收到表單 ID 時，我們將能夠使用它：
在您的 Google 追蹤程式碼管理員 (GTM) 帳戶中，前往“變數”，然後按一下“使用者定義的變數”下的“新建”。
為變數指定一個描述性名稱，例如「Hubspot Form ID」。
在「變數配置」中，選擇「資料層變數」作為變數類型。
在「資料層變數名稱」欄位中，輸入「hubspotFormId」（不含引號）。
保存變數。
好：一旦我們的自訂腳本將 Hubspot 表單 ID 傳送給您，GTM 現在就可以從資料層存取 Hubspot 表單 ID。
2）在GTM中：建立自訂腳本來監聽Hubspot事件
接下來，您需要建立一個自訂腳本來偵聽 Hubspot 的表單完成事件。您需要將此腳本插入到包含 Hubspot 表單的所有頁面中。
方法如下：
前往 GTM 中的“標籤”，然後按一下“新建”。
為標籤指定一個描述性名稱，例如「收聽 Hubspot 表單提交」。
選擇“自訂 HTML”作為標籤類型。
將以下程式碼新增至 HTML 欄位：
我們將在 GTM 安裝中添加一些自訂程式碼，這些 加拿大电话号码格式 程式碼將偵聽此事件並將其發送到資料層，以便我們可以在 GTM 中使用它。
此方法消除了對自訂感謝頁面的需要，並提供了一種更直接的捕獲烘焙轉換的方法。
要使用此方法設定轉換跟踪，請按照以下步驟操作：
1) 在GTM中：建立資料層變數並擷取Hubspot模組ID。
首先，我們將在 GTM 中建立一個資料層變數。這意味著當我們從 Hubspot 收到表單 ID 時，我們將能夠使用它：
在您的 Google 追蹤程式碼管理員 (GTM) 帳戶中，前往“變數”，然後按一下“使用者定義的變數”下的“新建”。
為變數指定一個描述性名稱，例如「Hubspot Form ID」。
在「變數配置」中，選擇「資料層變數」作為變數類型。
在「資料層變數名稱」欄位中，輸入「hubspotFormId」（不含引號）。
保存變數。
好：一旦我們的自訂腳本將 Hubspot 表單 ID 傳送給您，GTM 現在就可以從資料層存取 Hubspot 表單 ID。
2）在GTM中：建立自訂腳本來監聽Hubspot事件
接下來，您需要建立一個自訂腳本來偵聽 Hubspot 的表單完成事件。您需要將此腳本插入到包含 Hubspot 表單的所有頁面中。
方法如下：
前往 GTM 中的“標籤”，然後按一下“新建”。
為標籤指定一個描述性名稱，例如「收聽 Hubspot 表單提交」。
選擇“自訂 HTML”作為標籤類型。
將以下程式碼新增至 HTML 欄位：