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

建立行動呼籲（CTA）後，您可將其新增至 HubSpot 頁面與外部頁面。若要為外部頁面設定 CTA，必須先安裝HubSpot 追蹤代碼。您亦可將 CTA 加入拖放式行銷電子郵件中。

在內容中添加 CTA 後，若您持有行銷中心或內容中心 專業版 /企業版訂閱方案，即可建立工作流程，自動化處理訪客與 CTA 互動後的後續動作。例如當訪客透過 CTA 提交表單時，可觸發系列行銷電子郵件以培育新聯絡人。 

Und了解如何將行動呼籲加入內容

CTA 添加方式取決於您建立的類型：

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

• • 選擇一個或多個觸發條件，再透過網站網址或訪客資訊設定目標對象。當任一觸發條件成立時，行動呼籲將顯示於目標頁面並針對指定訪客呈現： 
    • 頁面捲動觸發
    • 退出意圖觸發
    • 時間流逝後觸發
    • 閒置時間觸發

在

HubSpot 內容中添加行動呼籲按鈕

HubSpot 頁面會自動安裝追蹤代碼。對於多數觸發機制，當首次滿足觸發條件時，行動呼籲按鈕即會顯示。

但若要使用嵌入式行動呼籲按鈕，或需訪客點擊按鈕才能觸發的行動呼籲按鈕，則需手動添加該按鈕。 

在 HubSpot 頁面添加行動呼籲按鈕

您可透過行動呼籲模組，在 HubSpot 主機的頁面中嵌入行動呼籲按鈕。 

1. 導覽至您的內容： 

   • 網站頁面：在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 著陸頁：在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
2. 點擊內容名稱。 
3. 在內容編輯器中，點擊左側邊欄的「+ 新增」按鈕。 
4. 於側邊欄編輯器中搜尋並點擊「行動呼籲」模組，將其拖曳至頁面指定位置。 
5. 在行動呼籲區段中，點擊「選擇行動呼籲」。
    

為 HubSpot 部落格文章新增行動呼籲

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

5. 在右側面板中，點擊「行動呼籲」標籤頁 。
6. 選擇要插入的行動呼籲按鈕，然後點擊「插入」。 
7. 於左側面板點擊「套用變更」。所選行動呼籲將立即顯示於富文本編輯器及預覽畫面中。 

在 HubSpot 中透過按鈕點擊觸發行動呼籲當

，即可

1. 導覽至您的內容：

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

4. 於左側面板點擊「連結至」下拉選單，選擇「行動呼籲」。
5. 點擊「行動呼籲」下拉 選單並選擇現有行動呼籲。 
6. 繼續設定您的按鈕模組。
    

為拖放式行銷電子郵件新增嵌入式行動呼籲按鈕

在拖放式行銷郵件中嵌入行動呼籲按鈕，並跨多觸點追蹤其成效。

請注意：郵件建立或選取行動呼籲時僅支援單一按鈕或圖片元素，無法使用含按鈕與圖片等複合式按鈕。

在 拖放式郵件編輯器中：

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「電子郵件」。
2. 將游標懸停於欲添加行動呼籲按鈕的電子郵件上，點擊「編輯」。或建立新郵件。
3. 在左側面板中，點擊並拖曳按鈕模組至電子郵件編輯器中。
    

4. 於左側面板點擊「連結至」下拉選單，選擇「行動呼籲」。 
5. 在行動呼籲欄位下方，點擊「選擇」。 
6. 於右側面板選擇欲插入的行動呼籲按鈕，點擊「插入」。 
   

自訂主題按鈕以觸發按鈕點擊的 CTA

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

若編輯預設主題，須先進行複製。從資產市集購買的主題無法複製，建議改為建立子主題。

自訂主題按鈕模組步驟： 

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

為外部內容新增行動呼籲按鈕

若要在外部頁面新增行動呼籲按鈕，必須安裝 HubSpot 追蹤代碼。

針對固定橫幅、彈出視窗或滑入式行動呼籲按鈕，安裝追蹤代碼後，當首次觸發條件滿足時，按鈕即會顯示。 您無需將 CTA 嵌入頁面，檢視 CTA 時亦不會顯示嵌入選項。

但若需嵌入式 CTA 或訪客點擊按鈕觸發的 CTA，則須手動添加。

在外部網站嵌入 CTA

若要在外部頁面添加嵌入式 CTA：

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「行動呼籲」。
2. 於左上角點擊下拉式選單並選擇「CTA」。
3. 將游標懸停於行動呼籲上，點擊「動作」並 選擇「嵌入」。
4.  點擊「複製到剪貼簿」將 CTA 程式碼複製至剪貼簿。 
5. 前往外部網站的內容管理系統（CMS）。 
6. 將行動呼籲嵌入代碼貼至非 HubSpot 頁面的 HTML 區塊，置於您希望行動呼籲顯示的位置。 
7. 預覽網頁上的行動呼籲按鈕，確認上線後的顯示效果。若按鈕顯示異常，請檢查外部 CMS 是否修改了原始程式碼。
8. 完成後發布頁面。 

通常編輯 CTA 不會影響其嵌入代碼。例如：修改「在新分頁開啟連結」選項，不會改變嵌入代碼中的target="_blank"屬性。

在 iframe 版本的 CTA 渲染前，嵌入代碼片段將作為佔位符。最終渲染的 CTA 將反映編輯器中設定的正確「在新分頁開啟」值。

若需在佔位符中於同視窗開啟連結，使用者可手動將目標屬性標籤修改為target="_self"。

於外部網站按鈕點擊時觸發行動

呼籲 在外部網站使用行動呼籲前，必須安裝HubSpot 追蹤程式碼。於外部頁面設定觸發條件：

1. 在你的 HubSpot 帳戶中，瀏覽「行銷」>「行動呼籲」。
2. 於左上角點擊下拉選單並選擇「CTA」。
3. 將游標懸停於某個行動呼籲按鈕上，點擊「編輯」。 
4. 頂部點擊「目標設定」標籤頁 。 
5. 於「按鈕點擊觸發」區段中，點擊「程式碼片段」。

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