將影片上傳至檔案工具,然後新增至頁面、行銷電子郵件、部落格文章和知識庫文章。
您也可以使用行動呼籲中的影片模組插入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會向您發送電子郵件確認。