知識庫

在內容中新增行動號召(CTA)

作者:HubSpot Support | Jan 17, 2023 6:50:34 AM

建立行動號召(CTA)後,您可以將CTA新增至HubSpot和外部頁面。 設定外部頁面的行動呼籲時,必須安裝HubSpot追蹤程式碼。 你也可以在拖放行銷電子郵件中新增行動呼籲。

如何在頁面中新增行動呼籲,取決於你建立的行動呼籲類型:

  • 如果你使用嵌入式行動呼籲,每頁最多可新增100個嵌入式行動呼籲。 嵌入式行動呼籲可透過以下方式使用:
    • HubSpot頁面中的預設行動呼籲模組
    • 行銷電子郵件中的預設按鈕模組
    • 外部網站上的程式碼片段
  • 如果你使用置頂橫幅、彈出式方塊或滑入式行動呼籲,你可以:
    • 當訪客點擊按鈕時,觸發行動呼籲。
    • 選擇一個或多個啟用觸發器,然後使用網站的URL或訪客資訊設定目標。 達到第一個觸發條件後,行動呼籲會顯示在目標頁面上,並針對指定的訪客:
      • 頁面捲動時觸發
      • 退出意圖時觸發
      • 經過時間後觸發
      • 不活動後觸發

在HubSpot內容中新增行動呼籲

在HubSpot頁面上,系 統會自動安裝 追蹤程式碼。 對於大多數 啟用觸發程序,當滿足第一個觸發程序時,系統會顯示行動呼籲。 不過,若要使用訪客點擊按鈕時觸發的嵌入式行動呼籲或行動呼籲,您需要手動新增行動呼籲。

將行動呼籲新增至HubSpot頁面

您可以使用號召性用語模組在HubSpot上託管的頁面上嵌入行動呼籲。 

  • 前往你的內容: 

    • 網站頁面:
    • 登陸頁面:
  • 按一下內容名稱 。 
  • 在內容編輯器中,按一下左側邊欄的「+新增」按鈕。 
  • 在側邊欄編輯器中,搜尋並按一下行動號召模組,然後將其拖曳到頁面 上。 
  • 在「行動呼籲」部分,點擊「選擇」。
     

向HubSpot博客文章添加CTA

 

  • 點擊文章名稱 。 
  • 在內容編輯器中,按一下RTF文字模組以自訂其內容。
  • 在RTF工具列中,按一下「插入」>「行動號召」。
     

 

  • 在右側面板中,點擊「行動呼籲」分頁。
  • 選擇要插入的行動呼籲,然後按一下「插入」。 
  • 在左側面板中,按一下套用變更。 選取的行動呼籲現在會顯示在互動式文字編輯器和預覽中。
     

在HubSpot中點擊按鈕時觸發您的行動呼籲 

 

當訪客點擊頁面上的按鈕時,你可以觸發置頂橫幅、彈出式方塊或滑入式行動呼籲。 若要使用HubSpot頁面上的預設按鈕模組設定此觸發程序: 
  • 前往你的內容:

    • 網站頁面:
    • 登陸頁面:
  • 點擊名 稱 
  • 在左側面板的「新增」索引標籤中,搜尋並選擇預設按鈕模組。 按一下並拖曳按鈕模組到頁面上。
     
 
  • 在左側面板中,點擊「連結至」下拉式選單,然後選擇「行動呼籲」。
  • 點擊行動呼籲下拉式選單,然後選擇現有的行動呼籲。 
  • 繼續設定按鈕模組。
     

在拖放行銷電子郵件中新增內嵌行動呼籲

 

在拖放式行銷電子郵件中新增內嵌行動呼籲,並在多個接觸點追蹤行動呼籲的有效性。

若要在拖放電子郵件編輯器中新增行動呼籲,請按照以下步驟操作:

  • 將遊標移至你想新增行動呼籲的電郵,然後點擊「編輯」。 或建立新電子郵件
  • 在左側面板中,按一下並拖曳按鈕模組到電子郵件編輯器中。
     

 

  • 在左側面板中,按一下「連結至」下拉式選單。然後選擇「行動呼籲」。 
  • 在「行動呼籲」欄位下方,點擊「選擇」。 
  • 在右側面板中,選擇要插入的行動呼籲,然後按一下「插入」。 

請注意:為電郵建立選擇行動呼籲時,只支援單一按鈕或圖片。 無法使用包含多個元素的行動呼籲,例如按鈕和圖片。

 

自訂佈景主題的按鈕,以便在按鈕點擊時觸發行動呼籲 

如果你在HubSpot中使用自訂佈景主題,則可能需要自訂佈景主題的按鈕模組以觸發行動呼籲。

如果你要編輯預設佈景主題,必須先複製它們。 從Asset Marketplace購買的佈景主題無法複製;建議改為建立子佈景主題。 

如要自訂佈景主題的按鈕模組: 

  • 在左上角搜尋按鈕模組。 
  • 在右側面板中,將遊標暫留於按鈕(欄位羣組) ,然後按一下編輯。
  •  在「已分組」欄位下,將遊標暫留於網址(URL) ,然後按一下「編輯」。
  • 按一下「支援的網址類型」下拉式選單。 然後,選取「行動呼籲」核取方塊。 
  • 點擊右上角的「發佈變更」。 發佈變更後,使用頁面上的主題按鈕模組時,應會顯示「行動呼籲」選項。
     

在外部內容中新增行動呼籲

你可以將行動呼籲新增至外部頁面。 在外部網站上使用HubSpot CTA之前,您必須安裝HubSpot追蹤程式碼

安裝追蹤程式碼後,對於大多數啟用觸發程序, CTA會在符合第一個觸發程序時出現。 不過,若要使用訪客點擊按鈕時觸發的嵌入式行動呼籲或行動呼籲,您需要手動新增行動呼籲。 

在外部網站上嵌入行動呼籲 

若要為外部頁面新增內嵌行動呼籲,請按照以下步驟操作:

  • 點擊左上角的下拉式選單,然後選擇行動呼籲。
  • 將遊標懸停在行動呼籲上,然後點擊「操作」>「嵌入」。
  •  按一下「複製到剪貼簿」,即可將行動呼籲代碼複製到剪貼簿。 
  • 前往外部網站的內容管理系統(CMS)。 
  • 將行動呼籲嵌入程式碼貼到非HubSpot頁面的HTML中,隨時隨地顯示行動呼籲。 
  • 在網頁上預覽行動呼籲,查看直播內容。 如果行動呼籲無法正確顯示,請檢查外部行動呼籲管理系統是否已變更代碼。
  • 完成後,請發佈你的頁面。 

一般而言,編輯行動呼籲不會影響其嵌入代碼。 例如,編輯「在新分頁中開啟連結」選項不會變更嵌入程式碼中的target="_blank"屬性。 

在渲染CTA的iframe版本之前,嵌入代碼段充當佔位符。 此渲染版本的CTA將反映在編輯器中設置的正確「在新分頁中打開」值。

若要在預留位置中的同一視窗中開啟連結,使用者可以手動將目標屬性標籤變更為target="_self"

在外部網站上點擊按鈕時觸發行動呼籲 

 

在外部網站上使用行動呼籲前,您必須安裝HubSpot追蹤程式碼。 若要在外部頁面上設定觸發程序,請按照以下步驟操作:

  • 點擊左上角的下拉式選單,然後選擇行動呼籲。
  • 將遊標移至行動呼籲上方,然後點擊「編輯」 
  • 在頂部按一下「目標設定」標籤頁。 
  • 在觸發按鈕點擊部分下,點擊代碼段。
     

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