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

將影片新增至您的HubSpot內容

上次更新時間: 十一月 24, 2022

套用至:

行銷 Hub Professional, Enterprise
Service Hub Professional, Enterprise
CMS Hub Professional, Enterprise

過HubSpot影片,您可以將影片上傳到檔案工具,然後將影片新增到頁面、市場推廣電子郵件、網誌文章和知識庫文章中。 

您可以將HubSpot影片插入影片模組,拖放市場推廣電子郵件, 並拖放頁面上的區域。在網頁、網誌文章和知識庫文章的豐富文字模組中也支援HubSpot影片。 

若要使用HubSpot影片自訂訪客體驗,您可以在影片播放之前或之後顯示CTA或表單。在企業號訂閱的帳戶中,可以在影片期間的任何時候顯示CTA或表單,並防止訪客跳過它。 

請注意:本文講述在頁面、文章、文章和市場推廣電子郵件中使用影片的情況。進一步了解如何將影片新增至對話、一對一電子郵件、範本和順序電子郵件。  

開始之前

  • 本文說明如何將上載到HubSpot的影片檔案新增到您的HubSpot內容中。若要從網址或嵌入代碼中新增外部影片,請進一步了解如何在HubSpot中嵌入外部媒體
  • 瀏覽器支援不同的檔案類型,在某些情況下會下載影片檔案,而不是在瀏覽器中播放。大多數瀏覽器都支援以.mp4檔案上傳的影片,並且會在瀏覽器中播放。
  • 每個影片都受檔案工具的限制。
  • 對於「檔案」工具中的每個影片,您可以開啟或關閉進階功能。在內容編輯器中上傳的新影片檔案會自動開啟進階功能。開啟和關閉進階功能的影片之間的差異概述如下: 
  • 您可以使用影片限制提升附加功能,為具有進階功能的影片增加額外容量。  
  開啟進階功能 關閉進階功能  

將影片新增至影片模組中的HubSpot內容 

不可用

 

追蹤HubSpot中的影片表現

可用於網頁、博客文章和知識庫文章

不可用

 

在影片中包含表單或CTA

可用於網頁、博客文章和知識庫文章

不可用

 

生成指向影片的直接連結

不可用

 

在文件工具中限制

250個影片

無限影片

 

將影片新增至電郵

拖放電子郵件編輯器的影片模組支援HubSpot影片。由於大多數電子郵件客戶端不支援影片,因此新增至市場推廣電郵的影片會顯示為縮圖影像,並附有影片播放器按鈕。

這張縮圖將連結至電郵收件人可以瀏覽影片的網頁,影片將在網路版電郵的主網域中託管。 

  • 在 HubSpot 帳戶中,進入「行銷」>「電子郵件」。
  • 點擊電子郵件名稱。
  • 在側邊欄編輯器中,按一下影片模組,然後將它拖到電子郵件中。
  • 影片類型部分,選擇HubSpot影片

add-hubspot-video-to-email-1

    • 若要從「檔案」工具中選擇影片,請按一下瀏覽影片,然後選擇現有影片的縮圖影像
    • 若要上傳新影片,請按一下上傳並從電腦中選擇檔案。然後按一下影片的縮圖圖像。
  • 若要調整影片大小,請在側邊欄編輯器中輸入寬度高度。 
  • 若要自訂影片資訊,請影片詳情部分按一下編輯。 

請注意:對影片詳情所做的更改將套用到HubSpot內容工具中使用的影片的所有地方。


    • 在右側面板中,按一下變更縮圖影像以變更影片的預覽影像。
    • 按一下滑桿,將其拖動到影片中的特定點,或按一下上傳自訂影像,從電腦新增影像。在縮圖影像下方,按一下完成
    • 檔案名稱標題和/或描述這有助於搜尋引擎了解您的影片內容。
    • 按一下完成。

edit-your-video-details

  • 若要編輯影片播放按鈕的外觀,請按一下「風格」選項。
    • 若要自訂播放按鈕的色彩,請輸入十六進制值或按一下色彩選取器以選擇色彩。 
    • 若要自訂播放按鈕的大小,請輸入像素值或按一下桿,然後拖動到新的位置。您的播放按鈕的即時預覽可能需要幾秒鐘才能更新。 
email-video-module-style-options
  • 為了確保您的影片在行動裝置上以全寬顯示,請選擇在行動裝置上顯示為最大寬度的核取方塊。影片顯示的寬度永遠不會大於原始尺寸。 
  • 若要將影片向右或向左移動,請按一下對齊下拉菜單,然後選擇左、中右。
  • 若要在影片兩側新增空格,請按一下以開啟「填充」按鈕。 
    • 選擇套用到所有側面核取方塊,將相同的填充套用到影片的所有側面。
    • 在「頂部」、「底部」、「左」或「右」文字欄位中輸入內邊距的像素 值。

add-padding-to-video-module

將影片新增至網頁、網誌文章和知識庫文章

影片可以在富文本模組中新增至網誌文章、網頁和知識庫文章。拖放網頁區域亦支援將影片新增至影片模組。 

在網頁、博客文章或知識庫文章的豐富文字模組中插入影片 

HubSpot影片可以在文字、圖片、連結或其他內容旁邊添加到富文本模組。  

  • 瀏覽至您的內容:

    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
    • 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
    • 知識庫: 在 HubSpot 帳戶中,進入「服務」>「知識庫」。
  • 將滑鼠懸停在頁面、文章或文章上,然後按一下[編輯]
  • 在內容編輯器中,按一下富文本模組。
  • 按一下插入下拉選單,然後選擇影片> HubSpot影片
  • 在右側面板中,選擇要插入的影片:
    • 若要從檔案工具插入現有影片,請按一下 影片的縮圖影像
    • 若要插入新影片,請按一下上傳影片,然後從電腦中選擇影片。然後按一下影片的縮圖圖像。

add-video-to-content

您可以在富文本工具列中自訂影片外觀: 
  • 若要編輯影片播放按鈕的色彩,請按一下背景色 播放器色彩下拉選單,然後選擇色彩。 若要輸入十六進制值RGB色彩值, 請瀏覽至進階」標籤。 
  • 若要調整影片在一塊文字中的位置,請按一下內嵌齊圖示。按一下全寬圖示全,確保影片在行動裝置上以全寬顯示。  
  • 若要調整影片大小,請輸入寬度和高度像素值。 
  • 若要編輯影片周圍的填充,請按一下間距下拉菜單,然後在影像圖示的邊緣周圍輸入像素值。

編輯富文本視頻

您也可以在影片播放之前或之後新增表單或CTA覆蓋以供顯示:
設定-顯示選項-視頻
    • 如果您有企業版訂閱: 
      • 按一下彈出方塊中顯示選項旁邊的編輯。

add-overlay-to-video-in-hubspot

      • 在右側面板中,按一下顯示時間下拉選單,然後選擇時間。如果選擇自訂時間,您可以透過按一下影片下方的圓圈並將其拖動到正確的位置,或在「所選顯示時間」欄位中輸入時間來指定時間。 
display-options-for-video
      • 若要阻止訪客跳過重迭,請按一下[跳過]選項下拉菜單,然後選擇[不允許訪客跳過表單/CTA]。預設情況下,訪客將被允許跳過覆蓋。 

在頁面上的影片模組中插入影片

在新增至網站或登陸頁面拖放區域的影片模組中支援HubSpot影片。使用新手模板建立的登陸網頁不支援HubSpot影片,但您可以嵌入外部影片。

  • 瀏覽至您的內容:

    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
  • 將滑鼠停留在頁面上,然後按一下[編輯]。 
  • 在側邊欄編輯器中,按一下影片模組,然後將它拖到頁面上。

add-video-to-a-page-1

  • 在內容編輯器中,按一下影片模組。
  • 在側邊欄編輯器的影片類型下,選擇HubSpot影片。
  • 選擇要新增至網頁的影片檔案:
    • 若要從「檔案」工具中選擇影片,請按一下瀏覽影片,然後選擇現有影片的縮圖影像
    • 若要上傳新影片,請按一下上傳並從電腦中選擇檔案。 
  • 選擇影片的最大尺寸 
    • 原始大小:影片的顯示大小不會大於原始大小。
    • 全寬度:影片會佔用觀看裝置的全寬度。
    • 自訂:影片不會超過側邊欄編輯器中設定的特定寬度和高度。在「寬度」和「高度」文字欄位中輸入這些尺寸的像素。 
  • 在「影片詳情」部分,按一下編以自訂影片資訊:

請注意:對影片詳情所做的更改將套用到HubSpot內容工具中使用的影片的所有地方。

    • 在右側面板中,按一下變更縮圖影像以變更影片的預覽影像。
    • 按一下滑桿,將其拖動到影片中的特定點,或按一下上傳自訂影像,從電腦新增影像。在縮圖影像下方,按一下完成
    • 檔案名稱標題和/或描述這有助於搜尋引擎了解您的影片內容。
    • 按一下完成。

edit-your-video-details

  • 在「CTA」或 「表單」部分,您可以在影片中新增表單或CTA遮罩: 
    • 按一下以展開CTA或表單部分。 
    • 按一下CTA或表單下拉式選單,然後選擇覆蓋類型。 
    • 若要插入表單,請按一下表單下拉菜單並選擇表單,或按一下新建以在表單工具中新建表單。 
    • 要插入CTA :
      • 按一下[選擇CTA]
      • 若要建立新的CTA ,請按一下右側面板中的新建。 建立CTA ,然後按一下儲存。 
      • 在右側面板中,選擇 新建立的CTA  現有的CTA ,然後按一下插入。 
    • 如果您沒有企業版訂閱,請選擇覆蓋的顯示時間。您可以在影片開始播放前,或在影片播放完成後,顯示您的表單或CTA。

set-overlay-display-time-in-non-enterprise-hubspot-account

    • 如果您有企業版訂閱:
      • 按一下側邊欄編輯器  顯示」選項 旁邊的「編輯」。

edit-enterprise-account-cta or-form-options

      • 在右側面板中,按一下顯示時間 下拉選單,然後選擇時間。如果選擇自訂時間,您可以透過按一下影片 下方的 圓圈並將其拖動到正確的位置,或在「所選顯示時間」 欄位 中輸入時間來指定時間。 

display-options-for-video

      • 若要阻止訪客跳過重迭,請按一下[跳過]選項下拉菜單,然後選擇[不允許訪客跳過表單/CTA]。預設情況下,訪客將被允許跳過覆蓋。 
  •  
  • 若要編輯播放按鈕的色彩,請按一下「風格」選項,然後輸入十六進制值或按一下色彩選取器並選擇色彩

edit-your-play-button-s-color

分析影片效果(僅限網頁、網誌文章和知識庫文章)

將影片新增至HubSpot網頁、網誌文章或知識庫文章後,您可以透過觀看次數和影片保留率等指標分析影片的表現。在內容詳情頁面、自訂報告和聯絡時間線上查看這些指標。您也可以篩選清單和工作流中的媒體互動。 

請注意:聯絡時間線上的影片活動和自訂報告只適用於HubSpot影片。 嵌入網址的外部影片檔案不會以相同的方式追蹤。

頁面效果中的影片瀏覽次數 

  • 瀏覽至您的內容:

    • 網站頁面: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「網站頁面」。
    • 登陸頁面: 在 HubSpot 帳戶中,進入「行銷」>「登陸頁面」。
    • 博客: 在 HubSpot 帳戶中,進入「行銷」>「網站」>「部落格」。
    • 知識庫: 在 HubSpot 帳戶中,進入「服務」>「知識庫」。
  • 按一下文章、網頁或文章的名稱以查看其表現詳情。
  • 如果網頁上有多個HubSpot影片,請按一下左上角的影片下拉選單,然後選擇一個影片。 
  • 分析您的影片播放: 
    • 視訊瀏覽次數:視訊在瀏覽器中載入網頁的次數。

      影片瀏覽量
    • 影片保留:衡量您的影片內容中哪些部分被播放。 

      影片分析

聯絡人記錄中的影片瀏覽

如要查看聯絡人記錄中的影片瀏覽次數

  • 在 HubSpot 帳戶中,進入「連絡人」>「連絡人」。
  • 按一下聯絡人的名稱。
  • 若要按影片瀏覽量過濾聯絡活動,請按一下過濾活動,然後選擇媒體播放核取方塊。

媒體播放過濾器

自訂報告中的影片播放(僅限營銷中心 業版和企業版)

使用 自訂報告生成器,您可以建立報告以分析視頻播放:

  • 在您的HubSpot帳戶中,瀏覽至報告>報告
  • 按一下右上角的 建立自訂報告
  • 在左側邊欄選單中,按一下 自訂報告生成器
  • 若要將自訂行為事件用作主要資料來源,請按一下 主要資料來源 下拉選單,然後選擇 媒體。 

    媒體播放-自定義-報表-生成器0
  • 如果要將媒體播放用作非主要來源,您可以 從「 市場推廣」 部分選擇媒體。
     
    媒體-次要源-自定義-生成器0
  • 繼續 建立報告。 

歸因報告中的影片播放(僅限營銷中心企業號)

預設情況下,影片播放將包含在收入歸因報告中。如果已關閉此設定,擁有帳戶存取權限的閣下可以在設定中再次開啟此資料來源:

  • 在 HubSpot 帳戶中,點擊主要導覽列中的「settings設定圖示」。
  • 在左側邊欄選單中,按一下追蹤和分析>歸因。此設定只會顯示給擁有帳戶存取權限的用戶。
  • 在「互動類型」部分,按一下以切換媒體播放開關。
  • 按一下儲存
  • 在「」對話方塊中,檢查變更,然後按一下儲存並開始重新處理

現有報告將開始重新處理,以包括影片播放。視乎您HubSpot帳戶中的資料量,這可能需要最多兩天時間。報告重新處理完成後, HubSpot會向你發送確認電子郵件。

Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.