將影片新增至HubSpot內容

你可以將影片上傳至 檔案工具，然後新增至頁面、行銷電子郵件、部落格文章和 知識庫 文章。使用HubSpot影片時，您還可以在影片播放前後新增行動呼籲或表單。

開始之前

在開始使用此功能之前，請務必提前充分了解應採取的步驟，以及該功能的局限性和使用該功能的潛在後果。

了解要求

• 以下項目需要 Enterprise版 訂閱：

  •  在影片播放期間隨時顯示行動呼籲或表單，而不是按特定時間間隔顯示。

  • 防止訪客略過影片。

了解限制和注意事項

• 本文介紹如何將上傳到HubSpot的影片檔案新增到頁面、文章、文章和行銷電子郵件中。

  • 若要從網址新增影片或嵌入程式碼，請深入瞭解如何在HubSpot中 嵌入外部媒體

  • 若要將影片新增至其他資產，請深入瞭解如何 將影片新增至 對話、一對一電子郵件、範本和序列。 
    

• 影片限制因HubSpot訂閱而異。進一步了解 影片訂閱上限 和 影片上限的增加。 

• 每個影片檔案也受 檔案工具的限制。

• 每個瀏覽器都支援不同的檔案類型，在某些情況下，會下載影片檔案，而不是在瀏覽器中播放。 大多數瀏覽器 都支援以.mp4檔案上傳的影片，並會在瀏覽器中播放。

• 您可以在以下位置使用影片模組或RTF模組新增HubSpot影片：

  • 影片模組：在 行動呼籲中， 拖放行銷電子郵件，並 在頁面上拖放區域。

  • RTF文字模組： 頁面、部落格文章和 知識庫 文章。

• 為了提高網站的輔助功能，建議在 檔案工具中為影片新增替代文字。在開發人員文件中深入瞭解網站無障礙功能。 

• 對於檔案工具中的每個影片，您可以開啟或關閉 進階功能 設定：

  • 上傳的影片檔案預設會關閉進階功能。這些影片新增至內容後，系統會自動開啟進階功能。
  • 將影片檔案新增至內容時，即使已關閉進階功能，使用者也會看到影片庫中的所有影片。
  • 如果您的 帳戶 已達進階功能上限，該選項中的影片庫將會變成灰色，無法進一步選擇影片。您可以透過影片 限制增加附加元件，為具有進階功能的影片新增額外容量。
  • 若要查看開啟和關閉進階功能的影片之間的差異，請深入瞭解如何 管理影片檔案。

將影片新增至電郵

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

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

• 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。

• 按一下電子郵件的名稱。

• 在側邊欄編輯器中，按一下影片模組，然後將它拖到電子郵件中。

• 在影片類型部分，選取HubSpot影片。 
  

請注意： 使用影片模組在電子郵件中新增超過10部HubSpot影片可能會導致轉譯問題和傳送失敗。建議每封電子郵件不超過10部HubSpot影片。

• 若要從「檔案」工具中選取影片，請按一下瀏覽影片，然後選取現有影片的縮圖影像。

• 若要上傳新影片，請按一下上傳並從電腦中選擇檔案。然後按一下影片的縮圖圖像。

• 若要調整影片大小，請在側邊欄編輯器中輸入寬度或高度。 

• 若要自訂影片資訊，請在「影片詳情」部分點擊「編輯」。 

  • 在右側面板中，將滑鼠遊標懸停在縮圖上，然後按一下 變更縮圖以變更影片的預覽影像。

  • 單擊 滑塊並將其拖動到視頻中的特定點，或者單擊 從文件中選擇以從計算機中添加新影像。

  • 輸入標題文字、描述和meta標籤。這將有助於搜尋引擎瞭解影片的內容。

  • 按一下 儲存。

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

 

• 若要編輯影片播放按鈕的外觀，請前往「 樣 式」索引標籤，然後按一下「樣 式」選項。

  • 若要自訂播放按鈕的顏色，請輸入十六進制值或按一下顏色選取器以選擇顏色。 

  • 要自定義播放按鈕的大小，請輸入像素值或單擊滑塊並將其拖動到新位置。播放按鈕的即時預覽可能需要幾秒鐘才能更新。 

• 若要確保影片在行動裝置上以全寬顯示，請選取「在行動裝置上顯示為最大寬度」核取方塊。影片永遠不會以比原始尺寸更大的寬度顯示。 

• 若要將影片向左或向右移動，請按一下「對齊」下拉式選單，然後選擇「左」、「中」或「右」。

• 若要在影片兩側新增空間，請按一下以切換填充開啟。 

  • 選取「套用到所有邊」核取方塊，將相同的填充套用到影片的所有邊。

  • 在「 頂部」、「底部」、「左側」或「 右側」文字欄位中輸入填充的 像素 值 。

     

 

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

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

在網頁、部落格文章或知識庫文章的富文本模組中插入影片 

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

• 瀏覽至您的內容：

  • 網站頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。

  • 登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。

  • 博客： 在你的 HubSpot 帳戶中，瀏覽「內容」>「部落格」。

  • 知識庫： 在你的 HubSpot 帳戶中，瀏覽「服務」>「知識庫」。

• 按一下內容名稱。 

• 在內容編輯器中，按一下RTF文字模組。

• 按一下「插入」下拉式選單，然後選取「影片」>「HubSpot影片」。

• 在右側面板中，選擇要插入的影片：

  • 若要從「檔案」工具插入現有的影片，您可以使用搜尋列來搜尋影片。然後按一下影片的縮圖。

  • 若要插入新影片，請按一下上傳影片，然後從電腦中選擇影片。然後按一下影片的縮圖。

    
    

 

您可以在RTF工具列中自訂影片的外觀： 

• 若要編輯影片播放按鈕的顏色，請按一下backgroundColor 播放器顏色下拉式選單，然後選擇一種顏色。若要輸入十六進制值或RGB顏色值，請瀏覽至「進階」標籤。 

• 若要調整影片在文字區塊中的位置，請按一下inline alignmental 對齊圖示。按一下全寬圖示fullWidth，確保影片在行動裝置上以全寬顯示。 

• 若要調整影片大小，請輸入寬度和高度的像素值。 

• 若要編輯影片周圍的填充，請按一下間距下拉菜單，然後在影像圖示的邊緣周圍輸入像素值。

 

您還可以新增表單或CTA疊加，以便在影片播放前或播放後顯示：

請注意： 請勿新增連結至彈出式行動呼籲的按鈕行動呼籲。您的影片無法播放。

• 在內容編輯器中，按一下影片，然後按一下edit 編輯圖示。

• 在彈出式方塊中，按一下CTA或表單下拉選單，然後選擇召喚行動或表單。

• 你可以在影片中新增內嵌行動呼籲或舊版行動呼籲。要插入CTA ： 

  • 在行動號召下方，點擊選擇行動呼籲。

  • 選擇「行動呼 籲 」或「 行動呼籲（舊版）」分頁。 

  • 若要建立新的CTA ，請按一下右側面板中的新建。然後，建立行動呼籲或行動呼籲（舊版） ，然後點擊「儲存」。 

  • 在右側面板中，選擇新建立的CTA或現有的CTA ，然後按一下插入。 

•  若要插入表單：

  • 按一下表單下拉式選單，然後選擇一個表單。 

  • 若要在選擇新表單之前建立新表單或編輯現有表單，請按一下建立或編輯。這將在新標籤中開啟表單工具。 

• 預設情況下，影片結束後會顯示覆蓋。如果沒有Enterprise訂閱，請選擇重疊的顯示時間。

  • 影片開始播放前：在影片開始播放前顯示表單或行動呼籲。

  • 影片結束後： 在影片播放完畢後立即顯示表單或行動呼籲。 

     

• 如果您擁有Enterprise版訂閱，則可以自訂疊加層的確切顯示時間： 

  • 在彈出框的顯示選項部分中，單擊編輯。 

     

 

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

• • • 若要阻止訪客跳過疊加層，請按一下「跳過選項」下拉式選單，然後選擇「不允許檢視者跳過[資產類型]」。預設情況下，訪客將被允許跳過覆蓋。 

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

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

• 瀏覽至您的內容：

  • 網站頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。

  • 登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。

• 按一下內容名稱。 

• 在左側邊欄中，按一下add 新增圖示。

• 按一下以展開「媒體」部分，然後按一下「+顯示 更多」以檢視所有媒體模組。

• 按一下影片模組，然後拖曳至頁面。