在您的內容中加入行動呼籲 (CTA)

在建立您的動作呼叫 (CTA) 之後，您可以將 CTA 加入 HubSpot 和外部頁面。為外部頁面設定 CTA 時，必須安裝HubSpot 追蹤代碼。您也可以在拖放行銷電子郵件中加入 CTA。

在內容中加入 CTA 之後，如果您有訂閱Marketing Hub或Content Hub Professional或Enterprise，您可以建立工作流程，在訪客與您的 CTA 互動之後，自動執行動作。例如，訪客在 CTA 上提交表單後，您可以觸發一系列行銷電子郵件來培育您的新聯絡人。

瞭解在內容中加入 CTA

如何在頁面上新增 CTA 取決於您所建立的 CTA 類型：

• 如果您使用嵌入式 CTA，每個頁面最多可新增100 個嵌入式 CTA。嵌入式 CTA 可用於下列方式：
  • HubSpot 頁面中的預設呼叫行動模組
  • 行銷電子郵件中的預設按鈕模組
  • 您外部網站的代碼片段
• 如果您使用黏性橫幅、彈出框或滑入式行動呼籲，您可以
  • 當訪客點選按鈕時，觸發 CTA 出現。

• • 選擇一個或多個啟動觸發器，然後使用網站的 URL 或訪客資訊設定目標。一旦符合第一個觸發點，CTA 就會出現在目標頁面上，並顯示在指定的訪客身上：
    • 捲動頁面時觸發
    • 退出意圖時觸發
    • 經過時間後觸發
    • 靜止後觸發

在您的 HubSpot 內容中加入 CTA

在您的 HubSpot 頁面上，會自動安裝追蹤代碼。對於大多數的啟動觸發器，CTA 會在滿足第一個觸發器時出現。

但是，若要使用內嵌式 CTA 或當訪客點選按鈕時觸發的 CTA，您需要手動新增 CTA。

新增 CTA 到 HubSpot 頁面

您可以使用呼叫行動模組，在 HubSpot 上託管的頁面上嵌入 CTA。

1. 導覽到您的內容：

   • 網站頁面：在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面：在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
2. 按一下您內容的名稱 。
3. 在內容編輯器中，按一下左側欄中的+ 新增 按鈕。
4. 在側邊欄編輯器中，搜尋並按一下Call-to-action 模組，然後將其拖曳到 到頁面上的位置。
5. 在CTA 區段中，按一下選取。
   。

在 HubSpot 網誌文章中加入 CTA

1. 在你的 HubSpot 帳戶中，瀏覽「內容」>「部落格」。
2. 按一下您的文章名稱 。
3. 在內容編輯器中，按一下富文字模組，以自訂其內容。
4. 在富文本工具列中，按一下插入>召喚行動。
   

5. 在右側面板中，按一下CTA 索引 標籤。
6. 選取要插入的CTA，然後按一下插入。
7. 在左側面板中，按一下套用變更。選取的 CTA 現在會顯示在您的富文本編輯器和預覽中。
   

在 HubSpot 中按一下按鈕即可觸發 CTA

1. 導覽到您的內容：

   • 網站頁面：在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面：在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
2. 按一下名稱
3. 在左側面板的「新增 」標籤中，搜尋並選取預設按鈕模組。按一下並將按鈕模組 拖曳到您的頁面上。
   

4. 在左側面板中，按一下連結至下拉式功能表，然後選擇CTA。
5. 按一下CTA 下拉式功能表，然後選擇現有的 CTA。
6. 繼續設定您的按鈕模組。
   

在您的拖放式行銷電子郵件中加入內嵌式 CTA

在您的拖放式行銷電子郵件中加入內嵌式 CTA，並追蹤多個接觸點的 CTA 效果。

要在 拖放式電子郵件編輯器中加入 CTA：

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 將滑鼠移至要新增 CTA 的電子郵件，然後按一下「編輯」。或建立一封新的電子郵件。
3. 在左側面板中，按一下並將Button模組拖曳到電子郵件編輯器中。
   

4. 在左側面板中，按一下連結至下拉式功能表。然後選擇CTA。
5. 在CTA 欄位下，按一下選取。
6. 在右側面板中，選取要插入的CTA，然後按一下插入。
   

請注意：為電子郵件建立或選擇 CTA 時，僅支援單一按鈕或圖片。無法使用包含多個元素的 CTA，例如一個按鈕和一張圖片。

自訂主題的按鈕，在按鈕點擊時觸發您的 CTA

如果您在 HubSpot 中使用自訂主題，您可能需要自訂主題的按鈕模組，以觸發 CTA。

如果您要編輯預設主題，必須先克隆它們。從Asset Marketplace購買的主題無法複製；建議改用建立子主題。

自訂主題的按鈕模組：

1. 在你的 HubSpot 帳戶中，瀏覽「內容」>「設計管理工具」。
2. 在左上方，搜尋您的按鈕模組。
3. 在右側面板中，將滑鼠移至按鈕 (欄位群組)上，然後按一下編輯。
4. 在 Grouped fields（ 群組欄位） 下，將滑鼠移至URL (URL) ，然後按一下Edit（編輯 ） 。
5. 按一下支援的 URL 類型下拉式功能表。然後選擇CTA核取方塊。
6. 在右上方，按一下Publish changes（發佈變更）。發佈變更後，在頁面上使用主題按鈕模組時，CTA 選項應該會出現。
   

在您的外部內容中加入 CTA

要在外部頁面中加入 CTA，您必須安裝HubSpot 追蹤代碼。

對於黏貼式廣告橫幅、彈出框或滑入式促銷，安裝追蹤代碼將允許 CTA 在符合第一個啟動觸發時出現。您不需要在頁面上嵌入 CTA，而且檢視 CTA 時也不會出現嵌入選項。

不過，特別是對於內嵌式 CTA 或當訪客點選按鈕時觸發的 CTA，您需要手動新增 CTA。

在您的外部網站嵌入 CTA

要在外部頁面中加入內嵌式 CTA：

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「行動呼籲」。
2. 在左上方，按一下下拉式功能表並選擇CTA。
3. 將滑鼠移至 CTA 上，然後按一下「動作 」並選擇「內嵌」。
4. 按一下複製到剪貼簿，將 CTA 程式碼複製到剪貼簿。
5. 導覽到您外部網站的內容管理系統 (CMS)。
6. 將 CTA 嵌入代碼貼到您的非 HubSpot 頁面的 HTML 中，無論您想讓 CTA 顯示在哪裡。
7. 在網頁上預覽您的 CTA，以檢查它的外觀。如果 CTA 不能正確顯示，請檢查您的外部 CMS 是否修改了代碼。
8. 完成後，發佈您的網頁。

一般而言，編輯 CTA 不會影響其嵌入程式碼。例如，編輯「在新標籤頁開啟連結」選項不會變更嵌入程式碼中的target="_blank" 屬性。

在 CTA 的 iframe 版本渲染之前，嵌入代碼片段充當占位符。此 CTA 呈現版本將反映編輯器中設定的正確「在新標籤頁開啟」值。

若要在占位符的同一個視窗中開啟連結，使用者可以手動將 target 屬性標籤變更為target="_self".

在您的外部網站按一下按鈕即可觸發 CTA

在外部網站使用 CTA 之前，您必須先安裝HubSpot 追蹤代碼。要在外部頁面上設定觸發器：

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「行動呼籲」。
2. 在左上方，按一下下拉功能表並選擇CTA。
3. 將滑鼠移至 CTA 上，然後按一下編輯。
4. 在頂部，按一下「目標定位 」標籤。
5. 在按鈕點選觸發部分，按一下程式碼片段。

6. 在對話方塊中，按一下複製。
7. 將嵌入類別貼到您外部網站的按鈕中。如果您不確定如何在網站上的按鈕中加入 CSS 類別，您可能需要與網站管理員、IT 部門或開發人員合作。