使用非 HubSpot 表單

摘要

非 HubSpot 表單是指您外部網站上未透過 HubSpot 建立的 HTML 表單。請使用非 HubSpot 表單工具，以便在收到表單提交時立即開始在您的網站上收集資料。該工具能根據 HTML 程式碼中的<form>標籤，識別您網站上的外部表單。

請參閱本文了解使用非 HubSpot 表單工具的相關要求。接著，開啟您的非 HubSpot 表單設定以開始收集表單提交。了解非 HubSpot 表單的對應方式以及如何管理日期輸入欄位。最後，您可以管理現有的非 HubSpot 表單並對其採取行動。

若要使用非 HubSpot 表單工具，您必須在外部頁面安裝 HubSpot 追蹤程式碼， 或使用HubSpot WordPress 外掛程式。一旦新增追蹤程式碼並啟用此工具，非 HubSpot 表單的提交資料便會匯集至 HubSpot。若您的表單無法擷取提交資料，請進一步了解非 HubSpot 表單的常見問題。

開始之前

使用非 HubSpot 表單時，請注意以下事項： 

• 每個帳戶最多只能建立10,000個非 HubSpot 表單。當非 HubSpot 表單數量超過 10,000 個時，HubSpot 將拒絕接收提交資料。
• 訪客點擊提交按鈕時，系統便會收集非 HubSpot 表單的提交資料。若外部表單設有驗證機制，可能會導致多次部分提交。例如，若訪客嘗試提交表單時未填寫必填欄位，則需補齊所需資訊後再次提交。在 HubSpot 中，這兩次提交（一次部分提交與一次完整提交）都會被記錄。 
• 非 HubSpot 表單工具依賴於追蹤程式碼。只有當追蹤程式碼成功載入時，HubSpot 才能收集表單提交資料。例如，若頁面存在 JavaScript 衝突，或訪客的瀏覽器安全擴充功能阻擋了腳本，表單提交資料將無法被收集。
• 使用非 HubSpot 表單時，所有與同一 Cookie 相關的提交資料都會被新增至同一聯絡人記錄中。例如，若訪客使用相同的裝置和瀏覽器多次提交特定表單，即使每次提交使用的電子郵件地址不同，所有提交資料仍會歸屬於同一位聯絡人。 

由於這些行為是由外部因素所致，HubSpot 無法加以防止。作為替代方案，您可以考慮與開發人員合作，透過 HubSpot 的「將資料提交至表單

API 或現有的表單整合功能，直接連接您的非 HubSpot 表單。

擷取非 HubSpot 表單提交的相關要求為何

若要將表單提交資料收集至 HubSpot，您的表單必須符合以下要求：

• 表單必須是靜態 HTML 表單。
• 表單必須以 HTML <form> 標籤包覆。
• 表單必須包含電子郵件輸入欄位。此電子郵件欄位必須為電子郵件類型的輸入欄位，例如：<input type="email">。
• 表單必須使用標準的 <input type="submit"> 按鈕來提交表單。
• 表單不得位於 <iframe> 標籤內。
• 表單不得將 JavaScript 綁定至表單提交事件或提交按鈕點擊事件。 
• 表單不得在頁面載入完成後才加入。僅會收集在初始頁面載入時已存在的表單所提交的資料。
• 表單不得位於單頁應用程式中。在大多數單頁應用程式中，導航至其他頁面時 HTML 並不會重新載入。因此，HubSpot 無法擷取這些表單提交資料。 
• 表單不得包含敏感欄位，例如信用卡號碼。
• 表單不得包含隱藏欄位。此工具不會收集任何隱藏欄位的資訊。

如何啟用或停用

非 HubSpot

表單

使用非 HubSpot 表單工具時，表單提交資料會先儲存於 localStorage，再推送回 HubSpot 以建立新聯絡人，或更新 任何 具有相同電子郵件地址的現有 聯絡人記錄。

請注意：每次 點擊非 HubSpot 表單上的提交按鈕，都會觸發 HubSpot 中的表單提交。這包括使用者未填寫所有必填欄位便點擊提交按鈕的情況，HubSpot 仍會將此動作記錄為表單提交。

若要啟用或停用頁面中非 HubSpot 表單的資訊收集功能：

1. 在你的 HubSpot 帳戶中，點擊頂端導覽列中的settings「設定圖示」。
2. 在左側邊欄選單中，導航至「行銷」>「 表單」。
3. 點擊「非 HubSpot 表單」分頁。
4. 點擊「從網站表單收集資料」開關以啟用或停用非 HubSpot 表單。
5. 若要針對非 HubSpot 表單提交發送電子郵件通知，請在「將收集到的表單提交發送電子郵件通知至」欄位中輸入現有 HubSpot 使用者的電子郵件地址。 
6. 若您有權存取行銷聯絡人，請點擊切換「將透過非 HubSpot 表單建立的新聯絡人設為行銷聯絡人」開關，以將這些建立之聯絡人的預設行銷狀態設為「行銷」或「非行銷」。
   
   

如何將非 HubSpot 表單欄位與 HubSpot 屬性進行對應

提交至非 HubSpot 表單欄位的所有資料，僅會與 HubSpot 中的單行 文字欄位類型屬性進行對應。非 HubSpot 表單欄位無法與其他欄位類型進行對應。

若無法偵測到對應的單行文字欄位類型屬性，所提交的資料將不會儲存於聯絡人記錄中。 該表單欄位所提交的詳細資料仍可在表單提交資料中取得。

您可以建立表單欄位或標籤以對應HubSpot 預設屬性，或建立自訂聯絡人屬性以對應表單欄位的名稱或標籤。然而，非 HubSpot 表單欄位無法手動進行對應。HubSpot 會根據以下邏輯順序，自動嘗試將表單欄位對應至 HubSpot 中的現有聯絡人屬性：

1. 表單欄位名稱與聯絡人屬性內部名稱
2. 表單欄位標籤與聯絡人屬性名稱
3. 表單欄位標籤與聯絡人屬性內部名稱
4. 欄位名稱與聯絡人屬性名稱
   
   

請注意：由於屬性內部名稱僅限英文字母，因此針對日文或中文等非英文字母語言的聯絡人屬性內部名稱對應將無法運作。這些欄位僅會根據聯絡人屬性名稱進行對應。 

如何管理非 HubSpot 表單中的日期輸入文字欄位

若您在外部表單中使用文字欄位收集日期，可透過資料屬性來解析提交的日期值。在收集表單提交資料時，系統會將資料標準化為 ISO 標準格式YYYY-MM-DD。

例如，您可以使用 data 屬性來識別提交的值是否為DD/MM/YYYY 格式，或任何其他指定的日期格式。當表單提交被收集，且值12/03/2013被提交至 HubSpot 時，它將以 ISO 標準格式2013-03-12 映射至 HubSpot 中的對應屬性。

請注意：使用資料屬性需要具備一定的 HTML 知識，並能存取非 HubSpot 表單的 HTML 原始碼。若要將

1. 從您的非 HubSpot 表單中，存取表單的 HTML 原始碼。
2. 在表單的日期欄位中，更新該欄位的 <input> HTML 程式碼，加入data-hs-cf-date-format資料屬性及對應的日期格式。此功能僅適用於收集日期值的文字輸入欄位。 
   • 例如，若您要收集MM-DD-YYYY格式的日期屬性，輸入欄位應採用以下格式：<input type="text" data-hs-cf-date-format="MM-DD-YYYY"/>
   • 設定資料屬性時，您可以使用以下受支援的日期格式：

如何管理非 HubSpot 表單並採取行動

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「表單」。
2. 在左上角，點擊表單類型 下拉 選單 ，並選擇「非 HubSpot」。

3. 將滑鼠懸停在非 HubSpot 表單上，並點擊「動作」下拉式選單以：

   • 重新命名：為表單重新命名。
   • 檢視 資訊：查看此表單最近一次收集提交資料的頁面網址， 以及首次提交的日期。點擊 「進階資訊」以顯示 此表單的 選取器 。
   • 檢視提交內容：檢視表單的詳細資訊頁面，以及表單提交內容的概覽。
   • 匯出提交資料： 將表單上的所有提交資料匯出為 CSV、XLS 或 XLSX 檔案。
   • 編輯 MailChimp 清單 ：編輯 您欲將表單提交內容發送至的MailChimp 清單。
   • 編輯電子郵件 通知：編輯 表單提交通知的收件信箱。
   • 移至資料夾：將表單移入資料夾。
   • 管理存取權限（ 僅限 Content Hub 和 Marketing Hub Enterprise ）：選擇 哪些使用者和團隊可存取此非 HubSpot 表單。進一步了解如何區隔您的 HubSpot 資產。 
   • 複製至 HubSpot : 將表單轉換為 HubSpot 表單。
   • 刪除：將表單從表單索引頁面移除。由於非 HubSpot 表單並非託管於 HubSpot，此操作不會刪除您外部網站上實際運作中的表單。