知識庫

將影片新增至HubSpot內容

作者:HubSpot Support | Nov 24, 2022 1:18:36 PM

將影片上傳至檔案工具,然後新增至頁面、行銷電子郵件、部落格文章和知識庫文章。 

您也可以使用行動呼籲中的影片模組插入HubSpot影片、拖放行銷電子郵件,以及在頁面上拖放區域。 頁面、部落格文章和知識庫文章的富文字模組也支援影片。 

使用HubSpot影片時,您可以在影片播放前後新增行動呼籲或表單。 如果你擁有訂閱Enterprise版的帳戶,可以在影片播放期間隨時顯示行動呼籲或表單,避免訪客略過。 

請注意:本文介紹如何在頁面、文章、文章和行銷電子郵件中使用影片。 深入瞭解如何將影片新增至對話、一對一電子郵件、範本和排序電子郵件。 

在您開始之前

  • 本文介紹如何將上傳到HubSpot的影片檔案新增到HubSpot內容。 若要從網址新增外部影片或嵌入程式碼,請深入瞭解如何在HubSpot中嵌入外部媒體
  • 每個瀏覽器都支援不同的檔案類型,在某些情況下,會下載影片檔案,而不是在瀏覽器中播放。 大多數瀏覽器都支援以.mp4檔案上傳的影片,並會在瀏覽器中播放。
  • 每部影片都受檔案工具的限制
  • 如要提升網站的輔助功能,你可以在檔案工具中為影片新增替代文字。 請參閱我們的開發人員文件,進一步了解網站無障礙功能。 
  • 對於檔案工具中的每部影片,您可以開啟或關閉進階功能。
    • 開啟和關閉進階功能的影片之間的差異概述如下。
  進階功能已開 進階功能已關閉  

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

不可用

在HubSpot中追蹤影片成效

 

適用於頁面、部落格文章和知識庫文章

不可用

在影片中加入表格或行動呼籲

 

適用於頁面、部落格文章和知識庫文章

不可用

 

產生影片的直接連結

不可用

在文件工具中限制

 

50部影片

無限影片

 

自訂網址可見度

不可用

設為「公開」、「公開-無索引」或「私人」

 

新增影片至電子郵件

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

此縮圖圖片會連結到電子郵件收件人可以觀看影片的頁面,該影片將託管在網頁版電子郵件的主要網域上。 

  • 按一下電子郵件的名稱 。
  • 在側邊欄編輯器中,按一下影片模組,然後將其拖曳到電子郵件中。
  • 在影片類型部分,選取HubSpot影片。 

    • 若要從「檔案」工具中選取影片,請按一下瀏覽影片,然後選取現有影片的縮圖影像。
    • 若要上傳新影片,請按一下「上傳」,然後從電腦中選取檔案。 然後按一下影片的縮圖。
  • 若要調整影片大小,請在側邊欄編輯器中輸入寬度或高度。 
  • 如要自訂影片資訊,請在[影片詳細資訊]區段中按一下[編輯]。
    • 在右側面板中,按一下變更縮圖影像以變更影片的預覽影像。
    • 單擊滑塊並將其拖動到視頻中的特定點,或者單擊上傳自定義圖像以從計算機添加新圖像。
    • 輸入標題文字、描述和meta標籤。 這將有助於搜尋引擎瞭解影片的內容。
    • 按一下儲存。

請注意:對影片詳細資訊所做的變更將適用於HubSpot內容工具中使用的影片。


 

  • 若要編輯影片播放按鈕的外觀,請按一下「樣式」選項。
    • 要自定義播放按鈕的顏色,請輸入十六進制值或單擊顏色選擇器以選擇顏色。 
    • 要自定義播放按鈕的大小,請輸入像素值或單擊滑塊並將其拖動到新位置。 播放按鈕的即時預覽可能需要幾秒鐘才能更新。 
       

  • 若要確保影片在行動裝置上全寬顯示,請勾選在行動裝置上顯示為最大寬度核取方塊。 影片絕不會以大於原始尺寸的寬度顯示。 
  • 若要將影片向右或向左移動,請按一下對齊下拉式選單,然後選擇向左、居中或向右。
  • 若要在影片兩側新增空間,請按一下以開啟填充開關。
    • 選擇套用到所有側面核取方塊,以將相同的填充套用到影片的所有側面。
    • 在「頂部」、「底部」、「左側」或「右側」文字欄位中輸入填充的像素 值。
       

 

將影片新增至頁面、部落格文章和知識庫文章

影片可以新增到富文字模組中的部落格文章、頁面和知識庫文章。 頁面的拖放區域也支援新增影片至影片模組。 

在頁面、部落格文章或知識庫文章的RTF文字模組中插入影片

HubSpot影片可以與文字、圖片、連結或其他內容一起新增到富文字模組。 

  • 前往你的內容:

    • 網站頁面:
    • 登陸頁面:
    • 博客:
    • 知識庫:
  • 將遊標停留在頁面、文章或文章上,然後點擊「編輯」。
  • 在內容編輯器中,按一下RTF文字模組。
  • 按一下「插入」下拉式選單,然後選取「影片」>「HubSpot影片」。
  • 在右側面板中,選擇要插入的影片:
    • 若要從「檔案」工具插入現有的影片,您可以使用搜尋列來搜尋影片。 然後,按一下影片的縮圖圖片。
    • 若要插入新影片,請按一下「上傳影片」,然後從電腦中選取影片 。 然後,按一下影片的縮圖圖片。
       

 

您可以在RTF工具列中自訂影片的外觀: 
  • 若要編輯影片播放按鈕的顏色,請按一下背景色播放器 backgroundColor色下拉式選單,然後選擇顏色。 要輸入十六進位值或RGB顏色值,請導航到「進階」選項卡。 
  • 若要調整影片在文字區塊中的位置,請按一下內inline alignmental 齊圖示。 按一下全寬圖示fullWidth ,確保影片在行動裝置上全寬顯示。 
  • 若要調整影片大小,請輸入寬度和高度的像素值。 
  • 要編輯影片周圍的填充,請單擊間距下拉菜單,然後輸入影像圖標邊緣周圍的像素值。
     

 

您也可以新增表單或行動呼籲重疊,以便在影片播放前後顯示:
  • 在內容編輯器中,按一下影片,然後按一下edit 輯圖示。
  • 在彈出式視窗中,點擊行動呼籲或表單下拉式選單,然後選擇行動呼籲或表單。
  • 你可以在影片中新增內嵌行動呼籲或舊版行動呼籲。 若要插入行動呼籲,請按照以下步
    • 在「行動呼籲」下方,點擊「選擇行動呼籲」。
    • 選擇「行動呼籲」或「行動呼籲(舊版)」分頁。 
    • 若要建立新的行動呼籲,請在右側面板中點擊「建立新行動呼籲」。 然後,建立「行動呼籲」或「行動呼籲」(舊版) ,然後點擊「儲存」。 
    • 在右側面板中,選擇新建立的行動呼籲或現有的行動呼籲,然後按一下「插入」。 
  •  若要插入表單,請按照以下步
    • 按一下表單下拉式選單,然後選擇一個表單。 
    • 若要在選取之前建立新表單或編輯現有表單,請按一下「建立」或「編輯」。 這將在新分頁中打開表單工具。 
  • 預設情況下,疊加層會在影片完成後出現。 如果您沒有 Enterprise版訂閱,請選擇疊加層的顯示時間。
    • 影片開始播放前:在影片開始播放前顯示表單或行動呼籲。
    • 影片結束後:在影片播放完畢後立即顯示表單或行動呼籲。 
       

  • 如果您擁有Enterprise版訂閱,則可以自訂疊加層的確切顯示時間:
    • 在彈出框的顯示選項部分中,單擊編輯。 
       

 

      • 在右側面板中,按一下顯示時間下拉式選單,然後選擇時間選項。 如果您選擇了自訂時間,可以透過按一下影片下方的圓圈並將其拖動到正確的位置,或在「所選的顯示時間」欄位中輸入時間來指定時間。 
      • 若要阻止訪客跳過疊加層,請按一下「跳過選項」下拉式選單,然後選擇「不允許檢視者跳過[資產類型]」。 根據預設,訪問者將被允許跳過疊加層。 
         

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

新增至網站或登陸頁面拖放區域的影片模組支援HubSpot影片。 

  • 前往你的內容:

    • 網站頁面:
    • 登陸頁面:
  • 將遊標暫留於頁面上,然後點擊「編輯」。 
  • 按一下左側邊欄的「新 add」圖示。
  • 按一下以展開「媒體」部分,然後按一下「+顯示 更多」以檢視所有媒體模組。
  • 按一下影片模組,然後拖曳至頁面。


  • 在側邊欄編輯器的「影片類型」下方,選取「HubSpot影片」。
  • 選擇要新增至頁面的影片檔案:
    • 若要從「檔案」工具中選取影片,請按一下瀏覽影片,然後選取現有影片的縮圖影像。
    • 若要上傳新影片,請按一下「上傳」,然後從電腦中選取檔案。 
  • 要設置影片可縮放的最大尺寸,請單擊最大尺寸下拉菜單並選擇一個選項:
    • 原始大小:影片不會縮放到大於原始大小。
    • 全寬:影片將佔據觀看裝置的全寬。
    • 自訂:影片不會超過側邊欄編輯器中設定的特定寬度和高度。 在「最大值w idth」和「最大值 h eight」方塊中輸入其尺寸的像素值。 
  • 在[影片詳細資訊]區段中,按一下[編輯]以自訂影片資訊:
    • 在右側面板中,按一下變更縮圖(海報)影像以變更影片的預覽影像。
    • 要使用影片中的邊框,請單擊滑塊並將其拖動到影片中的特定點,然後單擊更新到[timestamp]的邊框。 
    • 要使用自定義影像,請單擊從文件中選擇,然後單擊要在文件工具中使用的影像。 若要新增影像,請按一下上傳影像,然後從電腦中選擇一個檔案。
    • 輸入標題文字、描述和meta標籤。 這將有助於搜尋引擎瞭解影片的內容。
    • 按一下儲存。

請注意:對影片詳細資訊所做的變更將適用於HubSpot內容工具中使用的影片。




  • 在「行動呼籲」或「表單」部分,你可以在影片中新增表單或行動呼籲重疊:
    • 按一下以展開行動呼籲或表單部分。 
    • 點擊行動呼籲或表單下拉式選單,然後選擇重疊類型。 
    • 若要插入表單,請按一下表單下拉式選單並選取表單,或按一下建立新表單以在表單工具中建立新表單。 
    • 你可以在影片中新增內嵌行動呼籲或舊版行動呼籲。 若要插入行動呼籲,請按照以下步驟操作: 
      • 在行動號召下方,點擊選擇行動呼籲。
      • 選擇「行動呼籲」或「行動呼籲(舊版)」分頁。 
      • 若要建立新的行動呼籲,請在右側面板中點擊「建立新行動呼籲」。 然後,建立「行動呼籲」或「行動呼籲」(舊版) ,然後點擊「儲存」。 
      • 在右側面板中,選擇新建立的行動呼籲或現有的行動呼籲,然後按一下「插入」。 
  • 如果您沒有Enterprise版訂閱,請選擇疊加層的顯示時間:
    • 影片開始播放前:在影片開始播放前顯示表單或行動呼籲。
    • 影片結束後:在影片播放完畢後立即顯示表單或行動呼籲。 
       

    • 如果您擁有Enterprise版訂閱,則可以自訂疊加層的確切顯示時間:
      • 在彈出框的顯示選項部分中,單擊編輯。 
      • 在右側面板中,按一下顯示時間下拉式選單,然後選擇時間。 如果選擇自訂時間,您可以透過按一下影片下方的圓圈並將其拖動到正確的位置,或在「所選的顯示時間」欄位中輸入時間來指定時間。 
      • 若要阻止訪客跳過疊加層,請按一下「跳過選項」下拉式選單,然後選擇「不允許訪客跳過表單/行動呼籲」。 根據預設,訪問者將被允許跳過疊加層。 
         

  • 若要編輯影片的播放選項,請按一下「進階」,然後選取「L oop video 」、「Mute default」、「A utoplay」或「Hide controls」核取方塊。 使用「自動播放」選項時,強烈建議您同時選擇「默認靜音」選項,以符合瀏覽器限制。 一般來說,有聲音的影片會被靜音或自動阻止播放。 
    • Google Chrome :必須將自動播放影片設為靜音。 觀眾經常瀏覽的影片可以自動播放聲音。 進一步了解Google的評分系統
    • Safari :必須將自動播放影片設為靜音。 檢視器可以選擇在設定中封鎖或允許特定網域取消靜音的自動播放。 深入瞭解如何在Safari中管理自動播放影片
    • Mozilla Firefox :必須將自動播放影片設為靜音。 檢視者可以選擇在設定中封鎖或允許自動播放特定網域,並取消靜音。 深入瞭解如何在Firefox中管理自動播放影片
  • 要編輯播放按鈕的顏色,請單擊樣式選項, 然後輸入十六進制值,或者單擊顏色選擇器並選擇顏色。

為影片新增說明或字幕

在「檔案」工具中,您可以在開啟進階功能的影片中新增多種語言的字幕。 這將使無法聽到音訊或說不同語言的訪客更容易存取您的影片。 

  • 在開始此過程之前,必須在.vtt文件中準備字幕。
  • 每部影片最多可新增6個字幕
  • 每種語言只能選擇一次。 例如,你不能有兩個不同的法文字幕。 

若要為影片檔案新增字幕: 

  • 在您的HubSpot帳戶中,前往。
  • 按一下要新增字幕的影片名稱。 
  • 在右側面板中,按一下以展開字幕部分。 
  • 按一下「+新增語言」。
     

 

  • 在對話框中,單擊字幕語言下拉菜單,然後選擇一種語言。 
  • 按一下「選取檔案」,然後將.vtt字幕檔案上傳到HubSpot。 
  • 單擊保存。新副標題的語言將顯示在文件詳細信息中,您可以查看、替換或刪除此副標題:
    • 若要檢視字幕檔案的內容,請按一下檢視。 
    • 若要替換特定語言的副標題檔案,請按一下替換。
    • 要刪除特定語言的副標題,請單擊刪除。 
  • 若要新增其他副標題,請按一下「+新增語言」。 
     

分析影片成效(僅限頁面、部落格文章和知識庫文章)

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

請注意:影片成效分析僅適用於HubSpot影片。 內嵌URL或內嵌程式碼的外部影片檔案不會在HubSpot中產生分析。

頁面效能中的影片觀看次數 

  • 前往你的內容:

    • 網站頁面:
    • 登陸頁面:
    • 博客:
    • 知識庫:
  • 點擊文章、頁面或文章的名稱,即可查看成效詳情。
  • 如果頁面上有多個HubSpot影片,請在左上角按一下影片下拉式選單,然後選擇一部影片。 
  • 如果您在頁面上執行A/B測試,請在「成效」索引標籤頂部按一下「變化」下拉式選單,然後選擇一個變化。 未選取變體的A/B測試頁面將不會顯示影片觀看次數。 
  • 分析影片播放次數:
    • 影片觀看次數:影片在訪客瀏覽器中載入頁面的次數。

    • 影片保留率:衡量影片內容的播放次數。 

      客服案件記錄上的影片觀看次數

若要查看客服案件記錄的影片觀看次數,請按照以下步驟操作:

  • 按一下聯絡人姓名。
  • 若要按影片觀看次數篩選客服案件活動,請按一下「活動」分頁。 然後,按一下「篩選活動」,並選取「媒體播放」核取方塊。

自訂報告中的影片播放(僅適用於行銷中心 專 業版和企業版)

使用自訂報告產生器,您可以建立報告來分析影片播放:

  • 在HubSpot帳戶中,前往「報告」>「報告」。
  • 按一下自訂報表產生器。
  • 若要使用自訂行為事件作為主要資料來源,請按一下主要資料來源下拉式選單,然後選取媒體。 

  • 如果您想使用媒體播放作為非主要來源,可以從「行銷」部分選擇「媒體」。
     
  • 繼續建立您的報告。 

歸因報告中的影片播放(僅適用於行銷中心企業版)

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

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

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