在您的外部網站或電子郵件中嵌入HubSpot託管的視訊

從視訊工具將 HubSpot 擁有的視訊嵌入到您外部託管的網站，例如 WordPress，或外部託管的電子郵件，例如 Gmail。 然後，直接在 HubSpot 內追蹤所有平台的觀看、播放和參與事件。

瞭解限制與需求

• 若要在外部頁面或電子郵件中嵌入 HubSpot 擁有的視訊，該視訊的進階功能必須開啟。這將計入進階功能的視訊限制。

• 在外部託管的頁面上嵌入視訊時：

  • 要追蹤視訊資料，您必須在外部託管網站上安裝 HubSpot 追蹤代碼。

• • 當 嵌入您的影片時 ，預設情況下，影片嵌入腳本會使用 <script> 標籤包含 JSON-LD 注入，以利於 SEO。

複製並在外部網站使用您的嵌入程式碼

1. 在你的 HubSpot 帳戶中，瀏覽「內容」>「影片」。
2. 搜尋並選擇視訊檔案名稱。您會被引導到視訊詳細資料頁面。
3. 在右上方，按一下「嵌入」。如果視訊的進階功能設定尚未開啟，則不會出現此選項。

4. 在對話方塊中，設定您的分享格式：
   • 大小： 選擇嵌入的視訊應該是回應式還是固定的視訊大小。預設情況下，選項會設定為 反應式，這會根據頁面寬度自動調整視訊大小。
   • 循環：自動重新啟動視訊，並持續循環播放。
   • 預設靜音： 預設將視訊靜音。訪客需要按一下才能開啟音訊。
   • 自動播放：在頁面載入時自動播放視訊。
   • 可見的控制： 向訪客顯示控制列。預設為開啟。
   • 播放按鈕顏色： 使用顏色選擇器為影片的播放按鈕設定顏色。
   • Include SEO metadata（包含 SEO 元資料）：切換此選項，將視訊元資料包含在頁面中，以便搜尋引擎索引視訊。
5. 設定視訊的設定後，在左下方按一下複製嵌入程式碼。視訊嵌入程式碼會自動複製到裝置的剪貼簿。

6. 導覽到您外部網站的內容管理系統 (CMS)。
7. 將視頻嵌入代碼貼到你的非HubSpot頁面的HTML中，任何你想讓視頻出現的地方。其他建議如下：
   • WordPress:建議使用自訂的 HTML 區塊，將您的 HubSpot 視訊嵌入程式碼加入 WordPress 頁面和部落格文章。進一步了解如何在 WordPress 內容中加入嵌入程式。
   • Shopify：建議透過選擇「Add videorich text」選項或直接透過內嵌程式碼編輯器修改頁面的 HTML 來插入影片的嵌入程式碼。如果您需要更複雜的使用情況，您可以將嵌入的 HTML 加入自訂 Liquid模板，作為 Shopify 主題的一部分。進一步了解如何在 Shopify 中使用模板。

6. 在網頁上預覽您的視訊，以檢查其實時的外觀。視訊應該以自動調整網頁寬度的回應式版面顯示。如果影片無法正確顯示，請檢查您的外部 CMS 是否修改了您複製的程式碼。
7. 完成後，發佈您的網頁。

在外部託管的電子郵件上複製並使用您的嵌入程式碼

1. 在你的 HubSpot 帳戶中，瀏覽「內容」>「影片」。
2. 搜尋並選取視訊檔案名稱。您會被引導到視訊詳細資料頁面。
3. 在右上方，按一下分享圖示。如果視訊的進階功能設定尚未開啟，則不會出現此選項。
   
   

4. 在對話方塊中，按一下電子郵件 索引標籤。
5. 設定視訊設定：
   • 大小： 輸入視訊預覽影像的大小。
   • 網域： 為您連結視訊的 URL 選擇網域。進一步了解如何將網域連接至您的 HubSpot 帳戶。
6. 設定 視訊設定 後 ，在左下方按一下 複製嵌入程式碼。視訊嵌入程式碼會自動複製到您裝置的剪貼簿。
   
   

7. 導覽到您的外部電子郵件主機。
8. 將視訊嵌入程式碼貼到您電子郵件的 HTML 中，無論您希望視訊出現在何處。這會依您的電子郵件供應商而有所不同。