在您的內容中加入行動呼籲（CTA）

建立行動呼籲（CTA）後，您可以將該 CTA 新增至 HubSpot 及外部頁面。在為外部頁面設定 CTA 時，必須安裝HubSpot 追蹤程式碼。您也可以將 CTA 新增至拖放式行銷電子郵件中。

在內容中

加入 CTA 後，若您擁有「專業版」或「企業版」訂閱方案，即可建立工作流程，以自動化訪客與 CTA 互動後的動作。例如，當訪客透過 CTA 提交表單後，您可以觸發一系列行銷電子郵件，以培育新聯絡人。

了解如何在內容中加入 CTA

將 CTA 新增至頁面的方式，取決於您所建立的 CTA 類型：

• 若您使用嵌入式 CTA，每頁最多可新增100個嵌入式 CTA。嵌入式 CTA 可透過以下方式使用：
  • HubSpot 頁面中的預設行動呼籲模組
  • 行銷電子郵件中的預設按鈕模組
  • 您外部網站上的程式碼片段
• 若您使用的是固定橫幅、彈出視窗或滑入式行動呼籲，您可以：
  • 當訪客點擊按鈕時，觸發 CTA 顯示。

• • 選擇一個或多個觸發條件，然後透過網站網址或訪客資訊設定目標。一旦滿足第一個觸發條件，CTA 便會出現在目標頁面，並針對指定的訪客顯示： 
    • 根據頁面捲動觸發
    • 在訪客有離開意圖時觸發
    • 經過指定時間後觸發
    • 閒置後觸發

在您的 HubSpot

內容中新增行動呼籲 (CTA)

在您的 HubSpot 頁面中，追蹤程式碼會自動安裝。對於大多數觸發條件，當第一個觸發條件滿足時，行動呼籲 (CTA) 便會自動顯示。

然而，若要使用嵌入式行動呼籲 (CTA)，或是當訪客點擊按鈕時觸發的行動呼籲 (CTA)，您需要手動新增該行動呼籲 (CTA)。 

在 HubSpot 頁面中新增 CTA

您可以使用「行動呼籲」模組，在由 HubSpot 託管的頁面中嵌入 CTA。 

1. 導航至您的內容： 

   • 網站頁面：在你的 HubSpot 帳戶中，點擊「更多」，然後前往「內容」 > 「網站頁面」。如果你的帳戶中沒有顯示「更多」，請直接前往「內容」 > 「網站頁面」。
   • 著陸頁：在你的 HubSpot 帳戶中，點擊「更多」，然後前往「內容」 > 「登陸頁面」。如果你的帳戶中沒有顯示「更多」，請直接前往「內容」 > 「登陸頁面」。
2. 點擊您的內容名稱。 
3. 在內容編輯器中，點擊左側邊欄的「+ 新增」按鈕。 
4. 在側邊欄編輯器中，搜尋並點擊「行動呼籲」模組，然後將其拖曳至頁面上的指定位置。 
5. 在「CTA」區段中，點擊「選擇一項行動呼籲」。
    

在 HubSpot 部落格文章中新增「行動呼籲」

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「內容」 > 「部落格」。如果你的帳戶中沒有顯示「更多」，請直接前往「內容」 > 「部落格」。
2. 點擊您的文章名稱。 
3. 在內容編輯器中，點擊「富文本模組」以自訂其內容。
4. 在富文本工具列中，點選「插入」>「行動呼籲」。
    

5. 在右側面板中，點擊「CTA 」分頁 。
6. 選擇要插入的行動呼籲，然後點選「插入」。 
7. 在左側面板中，點選「套用變更」。所選的行動呼籲現在將會顯示在您的富文本編輯器中，並出現在預覽畫面中。 

在 HubSpot 中透過按鈕點擊觸發 CTA

時，您可以

1. 導航至您的內容：

   • 網站頁面：在你的 HubSpot 帳戶中，點擊「更多」，然後前往「內容」 > 「網站頁面」。如果你的帳戶中沒有顯示「更多」，請直接前往「內容」 > 「網站頁面」。
   • 著陸頁：在你的 HubSpot 帳戶中，點擊「更多」，然後前往「內容」 > 「登陸頁面」。如果你的帳戶中沒有顯示「更多」，請直接前往「內容」 > 「登陸頁面」。
2. 點擊名稱 
3. 在左側面板的「新增 」分頁中 ，搜尋並選取「預設按鈕」模組。點擊並將按鈕模組拖曳至 您的頁面。
    

4. 在左側面板中，點擊「連結至」下拉式選單，並選擇「CTA」。
5. 點擊「CTA」下拉式 選單，並選取現有的 CTA。 
6. 繼續設定您的按鈕模組。
    

在您的拖放

式

行銷電子郵件中加入

嵌入式 CTA

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

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

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

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「電子郵件」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「電子郵件」。
2. 將游標懸停在您要新增 CTA 的電子郵件上，然後點擊「編輯」。或者建立一封新電子郵件。
3. 在左側面板中，點擊並將「按鈕」模組拖曳至電子郵件編輯器中。
    

4. 在左側面板中，點擊「連結至」下拉式選單，然後選擇「CTA」。 
5. 在「CTA」欄位下方，點擊「選擇」。 
6. 在右側面板中，選擇要插入的CTA，然後點擊「插入」。 
   

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

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

若您正在編輯預設主題，必須先將其複製。從資產市集購買的主題無法複製；建議改為建立子主題。

要自訂主題的按鈕模組： 

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「內容」 > 「設計管理工具」。如果你的帳戶中沒有顯示「更多」，請直接前往「內容」 > 「設計管理工具」。
2. 在左上角搜尋您的按鈕模組。 
3. 在右側面板中，將游標懸停於「按鈕（欄位群組）」上，然後點擊「編輯」。
4.  在「分組欄位」下，將游標懸停於「URL (URL) 」上，然後 點擊「編輯」。
5. 點擊「支援的 URL 類型」下拉式選單，然後勾選「CTA」核取方塊。 
6. 在右上角，點擊「發佈變更」。發佈變更後，當您在頁面中使用該主題的按鈕模組時，CTA 選項 便會顯示。
    

在外部

內容

中

新增

CTA 若要在外部頁面新增 CTA，您必須安裝HubSpot 追蹤程式碼。對於 WordPress 網站，若您已安裝 HubSpotWordPress 外掛程式，系統將自動加入追蹤程式碼。

對於固定橫幅、彈出視窗或滑入式行動呼籲，安裝追蹤程式碼後，當首次觸發條件成立時，CTA 便會顯示。 您無需將 CTA 嵌入頁面中，且在檢視 CTA 時也不會顯示「嵌入」選項。

然而，針對嵌入式 CTA 或當訪客點擊按鈕時觸發的 CTA，您需要手動新增該 CTA。

在外部網站上嵌入 CTA

若要在外部頁面中新增嵌入式 CTA：

1. 在你的 HubSpot 帳戶中，點擊「更多」，然後前往「行銷」 > 「CTA」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「CTA」。
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 帳戶中，點擊「更多」，然後前往「行銷」 > 「CTA」。如果你的帳戶中沒有顯示「更多」，請直接前往「行銷」 > 「CTA」。
2. 在左上角，點擊下拉式選單並選擇「CTA」。
3. 將游標懸停在某個 CTA 上，然後點擊「編輯」。 
4. 在頂部，點擊「目標設定」分頁 。 
5. 在「按鈕點擊觸發」區段下，點擊「程式碼片段」。

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

 

解決「行動呼籲」未顯示的問題 

將固定橫幅、彈出視窗或滑入式行動呼籲 新增至 頁面後，若您的行動呼籲未顯示，可能原因如下：

• 先前已提交或關閉 CTA：訪客先前 已關閉過該 CTA。在設定的時間段結束之前，相同的 CTA 將不會再次出現。
  
  • 若訪客在某頁面關閉了 CTA，該頁面上的其他所有 CTA 也會隨之隱藏。不過，這些其他 CTA 在下一次瀏覽會話中仍會正常顯示。

  • 若訪客先前曾透過 CTA 提交表單，之後在未清除 Cookie 的情況下，使用同一瀏覽器瀏覽同一頁面，該 CTA 將不會再次顯示。 

• CTA 受眾定位規則：訪客不符合在 CTA 的「向誰顯示」設定中 配置的受眾定位要求。
• CTA 顯示設定或瀏覽器設定：CTA 的顯示頻率設定、螢幕尺寸設定，或訪客的瀏覽器設定，可能會導致 CTA 無法顯示。進行測試時，請確認：
  • CTA 的顯示頻率設定允許其再次顯示。進一步了解CTA 的顯示頻率設定。
  • 您正在測試的裝置螢幕尺寸已啟用該 CTA。進一步了解如何在 CTA 中允許小螢幕裝置。
  • 已關閉廣告攔截器或隱私權擴充功能。
• 同一位置存在多個 CTA：若同一頁面設定了兩個 CTA 顯示，即使觸發條件不同，這些 CTA 仍可能發生衝突而無法顯示，直到其中一個被移除為止。 
  • 例如，若一個 CTA 設定為在所有頁面載入，並於頁面捲動 50% 時觸發；而另一個 CTA 設定為在所有頁面載入，並於使用者有離開意圖時觸發，即使各自觸發條件已滿足，其中一個或兩個 CTA 仍可能無法載入。