建立自訂潛在客戶表單

觀眾模組提供建立自訂潛在客戶表單的功能，讓您可以在 Brightcove 播放器內播放影片時擷取觀眾資訊。潛在客戶資料會傳送給 HubSpot，並由其處理。

若要建立自訂商機表單，必須執行下列步驟。

1. 在HubSpot中創建一個表單
2. 複製並編輯表單嵌入代碼
3. 在對象模組中建立自訂潛在客群表單
4. 將潛在客戶表單指派給玩家
5. 驗證HubSpot中的表單數據

在 HubSpot 中建立表單

HubSpot表單可用於從網站訪問者生成潛在客戶信息。這些形式也可以顯示在布萊特灣玩家的內部。下面的步驟將創建一個簡單的表單來捕獲查看器信息。如需有關 HubSpot 表單的完整詳細資訊，請參閱 HubSpot 文件。

1. 登入您的帳戶。
2. 按一下「行銷 > 表單」。如果您使用 [傳統] 功能表，請按一下 [ 連絡人 > 表單]。
3. 按一下「建立塑形」。默認情況下，表單將包含一個電子郵件字段和一個提交按鈕。
4. 確定已選取「一般表單」類型。按一下下一步。
5. 確定已選取「空白範本」。按一下「開始」。
6. 按一下標題中的預設名稱並命名表單。按 Enter 儲存變更。
7. 按一下標題中的預設名稱並命名表單。按 Enter 儲存變更。

   

8. 頁面的左側包含可新增至表單的欄位清單。將您想要在表單上的 [ 名字] 和 [ 姓氏 ] 欄位拖放到頁面的右側。

   

9. 若要將欄位設為必填欄位，請將滑鼠移至該欄位上方，然後按一下「 > 更多必填欄位會在欄位標籤旁邊顯示 *。

   

10. 按一下頁面頂端的「選項」連結。
11. 對於訪客提交此表單後應該發生的事情，按一下 [顯示感謝訊息 ]。保留默認消息，因為它永遠不會顯示。

    

12. 按一下頁面頂端的「樣式與預覽」連結。預設會出現桌面預覽。
13. 按一下頁面頂端的 [發佈]，將變更發佈至表單。

複製和編輯表單內嵌程式碼

要使用Audience模塊內部的表單，您需要復制和編輯表單嵌入代碼。此外，您可能想要對表單做一些基本的樣式。在下面的步驟中，我們將表單嵌入代碼複製到 HTML 編輯器，然後對表單進行一些樣式更改。

1. 請點擊分享點擊頁面右上角的，然後將嵌入代碼複製到剪貼板。

   

2. 將內嵌程式碼貼到您選擇的 HTML 編輯器中。
3. 嵌入代碼需要進行一些小的更改，因此Audience知道在提交表單時將其關閉。找到在行尾 formId:加入逗號的行。
4. 在行下方加入此 formId:行。

   onFormSubmit: bcLeadForm.submit

5. 默認情況下，當表單顯示在 Brightcove 播放器內時，表單將顯示在玩家上的透明背景上。將下列 CSS 新增至內嵌程式碼，將背景色彩變更為灰色。
   <style>
body {
background-color: rgba(204,204,204,0.9);
margin: 0;
padding: 20px;
height: 100%;
}
</style>

在對象模組中建立自訂潛在客群表單

編輯表單嵌入代碼後，請在“受眾群體”模塊中創建自定義潛在客戶表單，然後將潛在客戶表單與啟用了受眾群體的播放器相關聯。

1. 打開聽眾模塊。
2. 按一下左側導覽中的「潛在客戶表單」。如果已建立任何潛在客戶表單，則會顯示這些表單。
3. 按一下「建立商機塑形」。
4. 為潛在客戶表單指定描述性的「名稱」。
5. 選取表單語言。
6. 選取「表單計時」。表單時間會決定何時顯示潛在客戶表單。

   

7. 將表單類型設定為 [ 自訂商機表單 ]。
8. 粘貼在表格嵌入代碼。
9. ( 選擇性) 貼上確認 HTML 。確認視圖將顯示 5 秒鐘，然後視頻將繼續播放。如果沒有包含確認 HTML，視頻將在表單提交後繼續播放。

   

10. ( 選擇性) 按一下「預覽表單」以開啟表單的預覽。
11. 按一下 [ 儲存] 儲存商機表單。

將潛在客戶表單指派給玩家

一旦建立了潛在客戶表單，就需要將其指派給玩家。請依照下列步驟將潛在客戶表單指派給玩家。

1. 按一下左側導覽中的「觀眾播放器」。
2. 找到您的玩家並使用潛在客戶表單下拉式清單來選取潛在客戶表單。

現在已完成設定，您已準備好擷取潛在客戶資訊。使用受眾播放器發佈影片時，會根據表單時間設定顯示主題表單。

驗證表單資料

使用自訂商機表單擷取的潛在客戶將新增為您的 HubSpot 帳戶中的連絡人。檢視潛在客戶表單擷取的資料的簡單方法是在 HubSpot 中建立智慧列示。

1. 登入您的帳戶。
2. 請點擊營銷學 > 潛在客戶捕獲>表格。
3. 當您將滑鼠移到表單上方時，會出現 [ 動作 ] 功能表。按一下「動作」> 檢視提交。將會出現表單提交的清單。

   

4. 當您將滑鼠游標置於列上時，按一下 [檢視提交] 以檢視表單資料。