上次更新時間： 一月 21, 2023
自訂行為活動可讓你追蹤業務獨特的資訊。 使用HubSpot Chrome擴展程序，可以無需代碼即可建立按一下的元素和訪問的網址活動。
當匿名訪客或HubSpot聯絡人點擊網站上的特定元素時，點擊的元素事件會追蹤。 例如，追蹤何時點擊免費演示CTA或PDF下載連結。 只有在已安裝HubSpot追蹤代碼的網頁上才能建立和追蹤所單擊的元素事件。 訪問過的網址活動會記錄匿名訪問者或HubSpot聯絡人訪問您網站上的特定網址的時間。
請注意：
- 本文中的說明適用於新的自訂行為事件工具，它取代了先前的行為事件工具。 任何在傳統工具中建立的事件都將繼續工作，您仍然可以在傳統工具中管理和分析這些事件。
- 無法將舊事件遷移到新的事件工具。 相反，建議在新工具中重新創建傳統活動，因為新的自訂活動可為活動內容提供更多彈性。 例如，使用傳統活動時，你需要建立多個活動來追蹤單一的活動，但現在單一的自訂行為活動可以追蹤多個活動。
您可以透過安裝和使用HubSpot Chrome擴展程序來建立訪問網址和點擊元素活動，以針對簡單的點擊活動（如超連結和影像）。
建立活動後，請瞭解如何在分析和報告工具中分析活動。 您也可以建立和手動追蹤自訂活動。
使用Chrome擴充功能建立活動
安裝活動Chrome擴展程序
- 在 HubSpot 帳戶中，點擊主要導覽列中的「設定圖示」。
- 在左側邊欄選單中，瀏覽至追蹤和分析> 追蹤代碼。
-
按一下安裝活動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']
進一步了解支援的選擇器。