跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

使用非HubSpot表單

上次更新時間: 七月 31, 2023

可与下列任何一种订阅一起使用,除非有说明:

所有產品和版本

非HubSpot表單是外部網站上的HTML表單,不是在HubSpot中建立的。 使用非HubSpot表單工具,在提交後立即開始在您的網站上收集提交內容。 該工具能夠根據HTML代碼中的< form >標籤識別您網站的外部表單。 

若要使用非HubSpot表單工具,您必須在外部頁面上安裝HubSpot追蹤程式碼,或使用HubSpot WordPress外掛程式。 新增追蹤程式碼並開啟工具後,將在HubSpot中收集對非HubSpot表單的提交。

如果您的表單無法擷取提交內容,請深入瞭解非HubSpot表單的常見問題

在您開始之前

使用非HubSpot表單時,請注意以下事項: 

  • 每個帳戶只能建立10,000個非HubSpot表單。 當超過10,000個非Hubspot表單時, Hubspot將拒絕提交。
  • 每當訪問者點擊提交按鈕時,都會收集非HubSpot表單提交。 如果外部表單上有驗證,可能會導致多次部分提交。 例如,如果訪客嘗試在未填寫必填欄位的情況下提交表單,則需要輸入所需資訊並再次提交。 在HubSpot中,將收集兩份提交內容,一份為部分內容,另一份為完整內容。 
  • 非HubSpot表單工具取決於追蹤程式碼。 只有在成功載入追蹤程式碼時, HubSpot才能收集表單提交。 例如,如果頁面上有JavaScript衝突或訪客的瀏覽器安全性擴充功能封鎖腳本,則不會收集表單提交內容。
  • 使用非HubSpot表單時,與相同Cookie關聯的所有提交都將添加到相同的聯繫人記錄中。 例如,如果訪客使用相同的裝置和瀏覽器多次提交特定表單,即使每次提交都使用不同的電子郵件地址,所有提交都將歸屬於單個聯絡人。 

由於這些行為是由外部因素引起的,因此HubSpot無法阻止它們。 或者,您可以考慮與開發人員合作,使用HubSpot的Submit資料將非HubSpot表單直接連結至表單API現有的表單整合

擷取非HubSpot表單提交內容的要求

若要在HubSpot中收集表單提交內容,您的表單必須符合以下要求:

  • 表單必須是靜態HTML表單。
  • 表單必須包裝在HTML < form >標籤中。
  • 表單必須有電子郵件輸入欄位。 此電子郵件欄位必須是電子郵件類型輸入,例如: < input type = "email" >。
  • 表單必須使用標準的< input type = "submit" >按鈕進行表單提交。
  • 表單不得在< iframe >中。
  • 表單不得將JavaScript綁定到表單提交事件或提交按鈕點擊事件。 
  • 在頁面完成載入後,不得引入表單。 僅收集初始頁面加載期間出現的表單提交的內容。
  • 表單不得在單頁應用程式上。 在大多數單頁應用程式中,瀏覽到其他頁面時不會載入HTML。 因此, HubSpot無法擷取這些表單提交。 
  • 表單不得包含敏感欄位,例如信用卡號碼。
  • 表單不得包含隱藏欄位。 此工具不會從任何隱藏字段中收集信息。

管理非HubSpot表單設定

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

請注意:每次點擊非HubSpot表單上的提交按鈕時,都會在HubSpot中觸發表單提交。 這包括用戶尚未填寫所有必填欄位並點擊提交按鈕的情況, HubSpot將將此操作記錄為表單提交。

若要啟用或停用頁面上非HubSpot表單的資訊收集:

  • 在你的 HubSpot 帳戶中,點擊頂端導覽列中的settings「設定圖示」。
  • 在左側邊欄選單中,前往「行」>「單」。
  • 按一下「非HubSpot單」索引標籤。
  • 按一下以切換「從網站表單收集資料」開關,以啟用/停用非HubSpot表單。
  • 若要針對非HubSpot表單提交傳送電子郵件通知,請在「針收集的表單提交傳送電子郵件通知至」欄位中輸入現有HubSpot使用者的電子郵件地址。 
  • 如果您有權存取行銷聯絡人,請按一下以切換「在行銷聯絡人開啟/關閉時,設定透過非HubSpot表單建立的新聯絡人」,以將這些已建立聯絡人的預設行銷狀態設為行銷/非行銷



對映非HubSpot表單欄位和HubSpot屬性

提交到非HubSpot表單欄位的所有資料只會與HubSpot中的單行文字欄位類型屬性相符。 非HubSpot表單欄位無法與其他欄位類型相符。 

如果無法偵測到對應的單行文字欄位類型屬性,則提交的資料將不會儲存在客服案件記錄中。 為該表單欄位提交的詳細資料仍將在表單提交資料中提供。

您可以建立與HubSpot預設屬性相符的表單欄位或標籤,或建立與表單欄位名稱或標籤相符的自訂聯絡人屬性。 但是,無法手動映射非HubSpot表單字段。 HubSpot將自動嘗試使用以下順序的邏輯將表單欄位對應到HubSpot中的現有聯絡人屬性:

  1. 含聯絡人屬性內部名稱的欄位名稱
  2. 具有聯絡人屬性名稱的欄位標籤
  3. 具有聯絡人屬性內部名稱的欄位標籤
  4. 含聯絡人屬性名稱的欄位名稱

請注意:由於旅居內部名稱只能按字母順序排列,因此日文或中文等非字母順序語言的聯絡旅居內部名稱對應將無法使用。 這些欄位只會與聯絡人屬性名稱對應。 


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

如果您使用文字欄位來收集外部表單上的日期,則可以使用資料屬性來解釋提交的日期值。 收集表單提交時,資料將在ISO標準YYYY-MM-DD中標準化。

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

請注意:使用資料屬性需要具備一些HTML知識,並可存取非HubSpot表單的HTML。 

若要將資料屬性新增至非HubSpot表單欄位:
  • 從非HubSpot表單存取表單的HTML。
  • 在表單的日期欄位中,更新表單欄位的< input > html ,以包含資料屬data-hs-cf-date-format和相應的日期格式。 這應與收集日期值的文字輸入一起使用。
    • 例如,如果您以MM-DD-YYYY格式收集日期屬性,輸入將遵循以下格式: < input type = "text" data-hs-cf-date-format = "MM-DD-YYYY"/>
    • 設定資料屬性時,您可以使用以下支援的日期格式:
DDMMYYYY DD/MM/YYYY DD-MM-YYYY DD.MM.YYYY DD MM YYYY
MMDDYYYY MM/DD/YYYY MM-DD-YYYY MM.DD.YYYY MM DD YYYY
YYYYMMDD YYYY/MM/DD YYYY-MM-DD YYYY.MM.DD YYYY MM DD
YYYYDDMM YYYY/DD/MM YYYY-DD-MM YYYY.DD.MM YYYY DD MM

 

管理您的非HubSpot表單

若要進一步管理非HubSpot表單,請按照以下步驟操作:
  • 在你的 HubSpot 帳戶中,瀏覽「行銷」>「表單」。
  • 在左上角,按一下表單類型 下拉 式選 單,然後選取HubSpot。
  • 將遊標暫留於非HubSpot表單上,然後按一下「動作」下拉式選單,即可:

    • 重命名:重命名表單。
    • 檢視資訊 檢視收集此表單提交內容的最新頁面的URL , 以及首次提交內容的日期。 按一下「 進階資訊」以顯示 此表單的選擇器
    • 檢視提交內容:查看表單的詳細資訊頁面,以及表單提交內容的概覽
    • 匯出提交內容:以CSV、XLS或XLSX檔案匯出表單上的所有提交內容。
    • 編輯MailChimp清單 編輯 您要將提交內容發送到的MailChimp清單。
    • 編輯電子郵件通知 編輯 表單提交通知地址。
    • 移至資料夾:將表單移至資料夾。
    • 管理存取權限(僅限CMS HubMarketing Hub Enterprise 選擇哪些使用者和團隊可以存取此非HubSpot表單。 深入瞭解如何分割HubSpot資產。 
    • 複製到HubSpot將表單轉換為HubSpot表單。
    • 除:從表單儀表板中刪除表單。 由於非HubSpot表單未託管在HubSpot上,這不會刪除外部網站上的實際即時表單。

 

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助