將影片新增至您的HubSpot內容
上次更新時間: 三月 17, 2023
透過HubSpot影片,您可以上傳影片至檔案工具,然後將影片新增至頁面、行銷電子郵件、部落格文章和知識庫文章。
您可以將HubSpot影片插入影片模組中的拖放行銷電子郵件,並在頁面上拖放區域。HubSpot影片也支援網頁、部落格文章和知識庫文章的富文本模組。
若要自訂訪客使用HubSpot影片的體驗,您可以在影片播放之前或之後顯示CTA或表單。在企業號訂閱的帳戶中,可以在影片期間的任何時候顯示CTA或表單,並防止訪客跳過它。
請注意:本文講述在頁面、文章、文章和市場推廣電子郵件中使用影片的情況。進一步了解如何將影片新增至對話、一對一電子郵件、範本和順序電子郵件。
開始之前
- 本文介紹如何將上傳至HubSpot的影片檔案新增至您的HubSpot內容。若要從URL或嵌入程式碼中新增外部影片,請進一步了解如何在HubSpot中嵌入外部媒體。
- 每個瀏覽器都支援不同的檔案類型,在某些情況下,會下載影片檔案,而不是在瀏覽器中播放。大多數瀏覽器都支援以.mp4檔案上傳的影片,並且會在瀏覽器中播放。
- 每個影片都受檔案工具的限制。
- 對於「檔案」工具中的每個影片,您可以開啟或關閉進階功能。在內容編輯器中上傳的新影片檔案會自動開啟進階功能。開啟和關閉進階功能的影片之間的差異概述如下:
- 您可以使用影片限制提升附加功能,為具有進階功能的影片增加額外容量。
- 若要增加網站的無障礙設施,您可以在「檔案」工具中向影片新增替代文字。在我們的開發人員文件中了解有關網站無障礙功能的更多信息。
開啟進階功能 | 已關閉進階功能 | ||
將影片新增至影片模組中的HubSpot內容 | ✓ | 不可用 | |
追蹤HubSpot中的影片表現 | 可用於網頁、博客文章和知識庫文章 | 不可用 | |
在影片中包含表單或CTA | 可用於網頁、博客文章和知識庫文章 | 不可用 | |
生成指向影片的直接連結 | 不可用 | ✓ | |
在文件工具中限制 | 50影片 | 無限影片 |
將影片新增至電郵
拖放電子郵件編輯器的影片模組支援HubSpot影片。由於大多數電子郵件客戶端不支援影片,因此新增至市場推廣電郵的影片會顯示為縮圖影像,並附有影片播放器按鈕。
這張縮圖將連結至電郵收件人可以瀏覽影片的網頁,影片將在網路版電郵的主網域中託管。
- 在 HubSpot 帳戶中,進入「行銷」>「電子郵件」。
- 點擊電子郵件名稱。
- 在側邊欄編輯器中,按一下影片模組,然後將它拖到電子郵件中。
- 在「影片類型」部分中,選擇HubSpot影片。
-
- 若要從「檔案」工具中選擇影片,請按一下「瀏覽影片」,然後選擇現有影片的縮圖影像。
- 若要上傳新影片,請按一下上傳並從電腦中選擇檔案。然後按一下影片的縮圖圖像。
- 若要調整影片大小,請在側邊欄編輯器中輸入寬度或高度。
- 若要自訂影片資訊,請在影片詳情部分按一下編輯。
請注意:對影片詳情所做的更改將套用到HubSpot內容工具中使用的影片的所有地方。
-
- 在右側面板中,按一下變更縮圖影像以變更影片的預覽影像。
- 按一下滑桿,將其拖動到影片中的特定點,或按一下上傳自訂影像,從電腦新增影像。
- 輸入標題文字、描述和/或元標籤。這有助於搜尋引擎了解您的影片內容。
- 按一下 儲存。
- 若要編輯影片播放按鈕的外觀,請按一下「風格」選項。
- 若要自訂播放按鈕的色彩,請輸入十六進制值或按一下色彩選取器以選擇色彩。
- 若要自訂播放按鈕的大小,請輸入像素值或按一下滑桿,然後拖動到新的位置。您的播放按鈕的即時預覽可能需要幾秒鐘才能更新。

- 為了確保您的影片在行動裝置上以全寬顯示,請選擇在行動裝置上顯示為最大寬度的核取方塊。影片顯示的寬度永遠不會大於原始尺寸。
- 若要將影片向右或向左移動,請按一下對齊下拉菜單,然後選擇左、中或右。
- 若要在影片兩側新增空格,請按一下以開啟「填充」按鈕。
- 選擇套用到所有側面核取方塊,將相同的填充套用到影片的所有側面。
- 在「頂部」、「底部」、「左」或「右」文字欄位中輸入內邊距的像素 值。
將影片新增至網頁、網誌文章和知識庫文章
影片可以在富文本模組中新增至網誌文章、網頁和知識庫文章。拖放網頁區域亦支援將影片新增至影片模組。
在網頁、博客文章或知識庫文章的豐富文字模組中插入影片
HubSpot影片可以在文字、圖片、連結或其他內容旁邊添加到富文本模組。
-
瀏覽至您的內容:
- 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
- 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
- 知識庫: 在 HubSpot 帳戶中,進入「服務」>「知識庫」。
- 將滑鼠懸停在頁面、文章或文章上,然後按一下[編輯]。
- 在內容編輯器中,按一下富文本模組。
- 按一下插入下拉選單,然後選擇影片> HubSpot影片。
- 在右側面板中,選擇要插入的影片:
- 若要從「檔案」工具中插入現有的影片,請按一下 影片的縮圖影像。
- 若要插入新影片,請按一下上傳影片,然後從電腦中選擇影片。然後按一下影片的縮圖圖像。
- 若要編輯影片播放按鈕的色彩,請按一下背景色彩 播放器色彩下拉選單,然後選擇色彩。 若要輸入十六進制值或RGB色彩值, 請瀏覽至「進階」標籤。
- 若要調整影片在一塊文字中的位置,請按一下內嵌對齊圖示。按一下全寬圖示全寬,確保影片在行動裝置上以全寬顯示。
- 若要調整影片大小,請輸入寬度和高度的像素值。
- 若要編輯影片周圍的填充,請按一下間距下拉菜單,然後在影像圖示的邊緣周圍輸入像素值。
- 在內容編輯器中,按一下影片,然後按一下編 輯圖示。
- 在彈出式方塊中,按一下CTA或表單下拉選單,然後選擇召喚行動或表單。
- 要插入CTA :
- 按一下[選擇CTA]。
- 若要建立新的CTA ,請按一下右側面板中的新建。建立CTA ,然後按一下儲存。
- 在右側面板中,選擇新建立的CTA或現有的CTA ,然後按一下插入。
- 若要插入表單:
- 按一下表單下拉式選單,然後選擇一個表單。
- 若要在選擇新表單之前建立新表單或編輯現有表單,請按一下建立或編輯。這將在新標籤中開啟表單工具。
- 預設情況下,影片結束後會顯示覆蓋。如要變更遮罩的顯示選項:
- 如果您 沒有企業版訂閱,請選擇覆蓋的 顯示時間。您可以在影片開始播放前,或在影片播放完成後,顯示您的表單或CTA。

-
- 如果您有企業版訂閱:
- 按一下彈出方塊中顯示選項旁邊的編輯。
- 如果您有企業版訂閱:
-
-
- 在右側面板中,按一下顯示時間下拉選單,然後選擇時間。如果選擇自訂時間,您可以透過按一下影片下方的圓圈並將其拖動到正確的位置,或在「所選顯示時間」欄位中輸入時間來指定時間。
-
-
-
- 若要阻止訪客跳過重迭,請按一下[跳過]選項下拉菜單,然後選擇[不允許訪客跳過表單/CTA]。預設情況下,訪客將被允許跳過覆蓋。
-
在頁面上的影片模組中插入影片
在新增至網站或登陸頁面拖放區域的影片模組中支援HubSpot影片。使用新手模板建立的登陸網頁不支援HubSpot影片,但您可以嵌入外部影片。
-
瀏覽至您的內容:
- 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
- 將滑鼠停留在頁面上,然後按一下[編輯]。
- 在側邊欄編輯器中,按一下影片模組,然後將它拖到頁面上。
- 在內容編輯器中,按一下影片模組。
- 在側邊欄編輯器的影片類型下,選擇HubSpot影片。
- 選擇要新增至網頁的影片檔案:
- 若要從「檔案」工具中選擇影片,請按一下「瀏覽影片」,然後選擇現有影片的縮圖影像。
- 若要上傳新影片,請按一下上傳並從電腦中選擇檔案。
- 選擇影片的最大尺寸:
- 原始大小:影片的顯示大小不會大於原始大小。
- 全寬度:影片會佔用觀看裝置的全寬度。
- 自訂:影片不會超過側邊欄編輯器中設定的特定寬度和高度。在「寬度」和「高度」文字欄位中輸入這些尺寸的像素值。
- 在「影片詳情」部分,按一下編輯以自訂影片資訊:
請注意:對影片詳情所做的更改將套用到HubSpot內容工具中使用的影片的所有地方。
-
- 在右側面板中,按一下變更縮圖影像以變更影片的預覽影像。
- 按一下滑桿,將其拖動到影片中的特定點,或按一下上傳自訂影像,從電腦新增影像。在縮圖影像下方,按一下完成。
- 輸入標題文字、描述和/或元標籤。這有助於搜尋引擎了解您的影片內容。
- 按一下 儲存。
- 在CTA或表單 部分,您可以將表單或CTA疊加到影片中:
-
- 如果您沒有企業版訂閱,請選擇覆蓋的顯示時間。您可以在影片開始播放前,或在影片播放完成後,顯示您的表單或CTA。
-
- 如果您有企業版訂閱:
-
-
- 按一下側邊欄編輯器 中 「顯示」選項 旁邊的「編輯」。
-
-
-
- 在右側面板中,按一下顯示時間 下拉選單,然後選擇時間。如果選擇自訂時間,您可以透過按一下影片 下方的 圓圈並將其拖動到正確的位置,或在「所選顯示時間」 欄位 中輸入時間來指定時間。
-
-
-
- 若要阻止訪客跳過重迭,請按一下[跳過]選項下拉菜單,然後選擇[不允許訪客跳過表單/CTA]。預設情況下,訪客將被允許跳過覆蓋。
-
- 若要編輯影片的播放選項,請按一下「進階」,然後選擇循環影片、預設消音、自動播放和/或隱藏控制選項核取方塊。
- 若要編輯播放按鈕的色彩,請按一下「風格」選項, 然後輸入十六進制值或按一下色彩選取器並選擇色彩。
為影片新增字幕或字幕
在「檔案」工具中,您可以將多種語言的字幕或字幕新增到已開啟進階功能的影片。這會讓無法聽到聲音或說不同語言的訪客更容易存取您的影片。在開始此過程之前,您應該在.vtt檔案中準備說明。
- 在 HubSpot 帳戶中,進入「行銷」>「檔案和範本」>「檔案」。
- 按一下要新增字幕或字幕的影片名稱。
- 在右側面板中,按一下以展開字幕部分。
- 按一下上傳說明。
- 在「」對話方塊中,按一下說明語言下拉選單,然後選擇一種語言。
- 按一下[選擇說明檔案]按鈕,然後將說明檔案上傳到HubSpot。
- 按一下儲存。
分析影片表現(僅限網頁、部落格文章和知識庫文章)
在將影片新增至HubSpot頁面、部落格文章或知識庫文章後,您可以透過觀看次數和影片保留率等指標分析影片的效能。在內容詳情頁面、自訂報告和聯絡時間線上查看這些指標。您還可以過濾清單和工作流中的媒體互動。
請注意:聯絡時間軸上的影片活動和自訂報告僅適用於HubSpot影片。 嵌入網址的外部影片檔案不會以相同的方式追蹤。
頁面效果中的影片瀏覽次數
-
瀏覽至您的內容:
- 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
- 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
- 知識庫: 在 HubSpot 帳戶中,進入「服務」>「知識庫」。
- 按一下文章、網頁或文章的名稱以查看其表現詳情。
- 如果網頁上有多個HubSpot影片,請按一下左上角的影片下拉選單,然後選擇一個影片。
- 分析您的影片播放:
- 影片瀏覽次數:影片在訪客瀏覽器中載入網頁的次數。
- 影片保留率:衡量影片內容的哪些部分被播放。
- 影片瀏覽次數:影片在訪客瀏覽器中載入網頁的次數。
聯絡人記錄中的影片瀏覽
如要查看聯絡人記錄中的影片瀏覽次數
- 在 HubSpot 帳戶中,進入「連絡人」>「連絡人」。
- 按一下聯絡人的名稱。
- 若要按影片瀏覽量過濾聯絡活動,請按一下活動標籤。然後,按一下篩選活動,然後選擇媒體播放核取方塊。
自訂報告中的影片播放(僅限營銷中心 專業版和企業版)
使用 自訂報告生成器,您可以建立報告以分析視頻播放:
- 在您的HubSpot帳戶中,瀏覽至報告>報告。
- 按一下 自訂報告生成器。
- 若要將自訂行為事件用作主要資料來源,請按一下 主要資料來源 下拉選單,然後選擇 媒體。
- 如果要將媒體播放用作非主要來源,您可以 從「 市場推廣」 部分選擇媒體。
- 繼續 建立報告。
歸因報告中的影片播放(僅限營銷中心企業號)
預設情況下,影片播放將包含在收入歸因報告中。如果已關閉此設定,擁有帳戶存取權限的閣下可以在設定中再次開啟此資料來源:
- 在 HubSpot 帳戶中,點擊主要導覽列中的「settings設定圖示」。
- 在左側邊欄選單中,按一下追蹤和分析>歸因。此設定只會顯示給擁有帳戶存取權限的用戶。
- 在「互動類型」部分,按一下以開啟「播放的媒體」。
- 按一下儲存。
- 在「」對話方塊中,檢查變更,然後按一下儲存並開始重新處理。
現有報告將開始重新處理,以包括影片播放。視乎您HubSpot帳戶中的資料量,這可能需要最多兩天時間。報告重新處理完成後, HubSpot會向你發送確認電子郵件。
相關內容
-
使用初學者範本建立頁面
您可以使用入門範本來建立簡單的網站或登陸頁面。 您可以建立新頁面、自訂頁面設計,以及使用初學者範本發佈頁面。 進一步了解如何在HubSpot中建立各種頁面。 請注意: 入門範本 不支援智慧內容、自訂模組、個人化...
知識庫 -
匯出內容和資料
了解如何從帳戶匯出HubSpot內容和資料,例如頁面、聯絡人和檔案。 請注意:沒有辦法合併HubSpot帳戶之間的所有數據。 在帳戶之間移動資產的最佳方法是從HubSpot帳戶匯出數據,然後匯入物件和...
知識庫 -
將Google Analytics (分析)與HubSpot內容整合
當您將Google Analytics (分析)與HubSpot整合時,您的Google Analytics (分析)帳戶會收集HubSpot網站訪客的資料。 有兩種方法可以將Google...
知識庫