建立無碼的自訂行為事件(測試版)
上次更新時間: 一月 21, 2023
套用至:
行銷 Hub Enterprise |
自訂行為活動可讓你追蹤業務獨特的資訊。 使用HubSpot Chrome擴展程序,可以無需代碼即可建立按一下的元素和訪問的網址活動。
當匿名訪客或HubSpot聯絡人點擊網站上的特定元素時,點擊的元素事件會追蹤。 例如,追蹤何時點擊免費演示CTA或PDF下載連結。 只有在已安裝HubSpot追蹤代碼的網頁上才能建立和追蹤所單擊的元素事件。 訪問過的網址活動會記錄匿名訪問者或HubSpot聯絡人訪問您網站上的特定網址的時間。
請注意:
- 本文中的說明適用於新的自訂行為事件工具,它取代了先前的行為事件工具。 任何在傳統工具中建立的事件都將繼續工作,您仍然可以在傳統工具中管理和分析這些事件。
- 無法將舊事件遷移到新的事件工具。 相反,建議在新工具中重新創建傳統活動,因為新的自訂活動可為活動內容提供更多彈性。 例如,使用傳統活動時,你需要建立多個活動來追蹤單一的活動,但現在單一的自訂行為活動可以追蹤多個活動。
您可以透過安裝和使用HubSpot Chrome擴展程序來建立訪問網址和點擊元素活動,以針對簡單的點擊活動(如超連結和影像)。
建立活動後,請瞭解如何在分析和報告工具中分析活動。 您也可以建立和手動追蹤自訂活動。
使用Chrome擴充功能建立活動
安裝活動Chrome擴展程序
- 在 HubSpot 帳戶中,點擊主要導覽列中的「settings設定圖示」。
- 在左側邊欄選單中,瀏覽至追蹤和分析> 追蹤代碼。
-
按一下安裝活動Chrome擴展程序。
-
按一下下載。
- 系統會將你重定向到Google Chrome網路商店中的HubSpot Analytics (分析)擴展程序。 按一下右上角的[新增至Chrome]。
- 在「」對話方塊中,按一下新增擴展程序。
- 擴展程序安裝完畢後,它會顯示為Chrome瀏覽器工具列中的橙色輪輪圖示輪輪輪。
使用活動Chrome擴展程序建立訪問的網址活動
- 導航至已安裝HubSpot追蹤代碼的網頁。
- 在Chrome瀏覽器工具列中,按一下滑 輪圖示。
- 在「」對話方塊中,選擇「訪問的網址」,然後按一下下一步。
- 新增活動名稱,並可選擇新增描述。 按一下下一步。
- 按一下新增以新增頁面。 您可以將多個頁面新增到單個活動。
- 在「網頁網址」欄位中,輸入要追蹤訪問的網址。
- 在「名稱」欄位中,輸入網頁的名稱。 此名稱將在名為「追蹤名稱」的屬性下的事件屬性資料中可用。
- 按一下建立活動。
接著, HubSpot將開始追蹤活動。 了解如何在HubSpot中分析事件。
使用活動Chrome擴展程序建立點擊的元素活動
- 導航至已安裝HubSpot追蹤代碼的網頁。
- 在「Chrome瀏覽器」工具列中,按一下滑 輪圖示。
- 在「」對話方塊中,選擇按一下的元素。
- 按一下下一步。
- 新增活動名稱,並可選擇新增描述。 按一下下一步。
- 若要在網頁上選擇要追蹤的元素,請按一下新增。 在頁面上選擇要追蹤的元素。 您可以將多個按一下的元素新增到單個活動。
- 按一下頁面上的元素以建立按一下的元素事件。 在以下示例中,點擊的元素事件將追蹤關鍵方面連結的點擊。
- 在對話方塊中,元素的CSS選擇器將自動生成。 輸入要追蹤的元素的名稱。 此名稱將在名為「追蹤名稱」的屬性下的事件屬性資料中可用。 可選地新增描述,然後按一下下一步。
- 若要繼續為活動新增其他元素,請按一下新增並選擇其他元素。
- 若要完成並儲存活動,請按一下建立活動。
請注意:根據網站HTML和CSS標記的複雜性, Chrome活動擴展程序可能無法偵測元素的獨特CSS選擇器。 在這種情況下,您應該修改選擇器。 進一步了解如何在網站頁面上查找識別碼。
- 成功建立活動 後,系統會顯示確認訊息。 按一下HubSpot中的檢視活動,即可在活動控制面板中檢視新點擊的元素活動。
然後, HubSpot將開始跟蹤元素。 了解如何在HubSpot中分析事件。
了解和取回元素選擇器
您可以透過其HTML ID、HTML類別或使用jQuery選擇器來識別元素。
- HTML ID :輸入要追蹤的元素的ID。 例如,如果您的點擊元素已設定< button id = "log-in" > ,您將輸入登入。
- HTML類別:輸入要追蹤的元素的類別。 例如,如果您的點擊元素設置為< button class = "bigCTA" > ,您將輸入bigCTA。
- jQuery選擇器:輸入要追蹤的元素的jQuery選擇器 。
身份證明文件
要查找和使用元素的ID :
- 使用滑鼠右鍵按一下您要瞄準的元素的網頁,然後選擇檢視網頁來源或檢查。
- 點擊元素。您應該可以在代碼行中看到ID屬性(例如, id = "unique-element-name" )。
- 複製ID值並將其貼上(例如,此處是unique-element-name )到 HTML ID欄位中,而不使用引用標記。 例如,對於包含id = "get-started-marketing-hub"的元素,您可以在欄位中輸入get-started-marketing-hub。
Class
點擊的元素事件可以透過其類屬性來識別元素。
請注意:
- 當網頁上的多個元素共享同一類別時,只有網頁上的第一個元素才會計入事件完成次數。 因此,只有在網頁上沒有其他元素共享類時,才應使用類作為識別碼。 如果元素沒有獨特的類別,建議改用ID。
- 如果您無法更新元素的源代碼以新增獨特的類別或ID ,建議使用Chrome擴展程序來設定活動,因為HubSpot會指定更具特定性的識別碼。
要尋找元素的類別,並將其用於活動:
- 使用滑鼠右鍵按一下您要瞄準的元素的網頁,然後選擇檢視網頁來源或檢查。
- 按一下元素。您應該可以在代碼行中看到class屬性(例如class = "unique-element-name" )。
- 複製類別值並貼到HTML類別欄位中,不含引號。 例如,對於包含到字段中的元素。
- 當元素有多個類時,您可以使用其任何類作為目標。 例如,如果元素包含class = "cta--primary cta -- medium homepage-sales" ,您可以在HTML Class 欄位中輸入cta --primary、cta -- medium或homepage-sales。 但是,請確保沒有其他元素共用該類別。
- 加入多個類時,請使用以下格式: class1.class2.class3。
jQuery選擇器
您也可以使用完整的jQuery選擇器來定位元素。 如果您要瞄準的元素沒有ID或類別,或者您需要更具體,這很有用。
例如,您想使用jQuery選擇器為以下元素建立點擊的元素事件:
< a id = "get-started-marketing-hub" class = "cta--primary" href = "https://www.hubspot.com/products/marketing/get-started" aria-label = "開始使用Marketing Hub" >開始</a >
您可以透過在jQuery選擇器欄位中輸入以下內容,而不是使用元素的ID或類,使用jQuery選擇器來瞄準元素的人財產屬性:
[href = 'https://www.hubspot.com/products/marketing/get-started']
進一步了解支援的選擇器。
Thank you for your feedback, it means a lot to us.
相關內容
-
使用銷售分析工具建立銷售報告
銷售分析工具幫助銷售經理及其團隊成員更好地了解他們的表現。 這些報告衍生自某些預設交易屬性和 交易管道設置的價值。 自訂報告後,您可以儲存報告或將其新增至控制面板。 查看、選擇及儲存銷售分析報告 如要儲存銷售報告:
知識庫 -
了解歸因報告
建立聯絡人建立、交易建立或收入歸屬報告時,請參閱以下指南,了解內容類型、資產類型、互動類型和來源等資訊。 交互 ...
知識庫 -
在表單分析工具中分析您的表單
建立表單後,您可以使用表單分析工具分析和比較每個表單的有效性。 您也可以在表單工具中分析每個表單提交的表單。 請注意:大多數指標只適用於HubSpot表單,因為它們是可追蹤的。 如果您正在分析非HubSpot表單...
知識庫