安裝HubSpot追蹤代碼
上次更新時間: 一月 20, 2023
套用至:
所有產品和版本 |
HubSpot追蹤代碼是每個HubSpot帳戶所獨有的,允許HubSpot監控您的網站流量。追蹤代碼會自動包含在HubSpot網誌文章、登陸頁面和網站頁面上。
如果您有任何外部託管的網頁(即不在HubSpot上的網頁) ,您必須手動安裝HubSpot追蹤代碼才能捕捉這些網頁的分析。
進一步了解追蹤代碼如何讓你追蹤網站的訪客。
請注意:
- 你不應在一個頁面上安裝多個HubSpot追蹤代碼。如果安裝了多個HubSpot追蹤代碼,頁面上載入的第一個代碼將會啟動;任何後續的HubSpot追蹤代碼都不會載入。
- 如果你的IT管理員或網路開發人員正在安裝代碼,他們必須有HubSpot用戶帳戶。
- 如果你使用的是單頁應用程式,請查看開發人員文件以設定追蹤。
- 如果你在外部託管整個網域或子網域,也必須在HubSpot的設定中新增網域和/或子網域。
- AMP網站不支援追蹤代碼。
- 如果您的外部網站正在使用WordPress ,建議安裝並使用HubSpot All-in-One Marketing -表單、彈出式窗口、即時聊天WordPress插件。它會在你的WordPress網站上安裝HubSpot追蹤代碼。
- 如果訪客安裝了廣告遮鎖,可能會幹擾追蹤代碼。
複製你的HubSpot追蹤代碼
- 在 HubSpot 帳戶中,點擊主要導覽列中的「settings設定圖示」。
- 瀏覽至「追蹤與分析」設定:
-
在僅能夠使用行銷新手或HubSpot免費工具的帳戶中,瀏覽左側邊欄選單中的「追蹤代碼」。
- 對於所有其他 訂閱,請瀏覽左側邊欄選單中的「追 蹤與分析」>「追蹤代碼」。
-
- 在「 嵌入代碼」部分,按一下複製或按一下電子郵件至我的網頁開發人員,以將追蹤代碼發送給將在網站上安裝該代碼的團隊成員。
- 在網站上安裝追蹤代碼。
在網站上安裝追蹤代碼
若要安裝追蹤代碼,請將代碼貼在網站每個網頁的HTML代碼中關閉</body>
標籤之前。安裝追蹤代碼後,請瞭解如何驗證安裝並排除代碼故障。
同時,大多數內容管理系統和開發人員都可以將代碼安裝到網站上的所有網頁,例如在所有網頁上參考的頁腳檔。請與你的開發人員聯絡,了解他們如何幫助你完成此操作。
如果您使用特定的內容管理系統,以下部分也可能有所幫助。
在WordPress網站上安裝追蹤代碼
強烈建議您安裝並使用HubSpot All-in-One Marketing - Forms、Pop-ups、Live Chat WordPress插件。該插件會為您自動在WordPress網站上安裝HubSpot追蹤代碼。
只有當您無法安裝HubSpot WordPress插件時,才能手動安裝HubSpot追蹤代碼:
- 按照上述步驟 ,在您的HubSpot帳戶中複製HubSpot追蹤代碼。
- 登入您的WordPress帳戶。
- 在左側邊欄選單中,瀏覽至 「 外觀」>「 編輯器」。
- 在編輯器右側的主題檔案清單中,選擇您的 頁尾。
- 貼上追蹤代碼,然後選擇 更新檔案。
- 如果你手動安裝追蹤代碼,並有HubSpot營銷中心 訂閱, HubSpot將無法在其分析中區分WordPress文章和頁面。
- 如果你的網站在WordPress.com上託管,除非你採用商務版套餐,否則無法將HubSpot追蹤代碼新增至網站。其他計劃(例如Premium、Personal )不允許用戶新增任何JavaScript代碼。
在Shopify網站上安裝追蹤代碼
請注意:如果你使用的是 Shopify集成,則不需要單獨安裝追蹤代碼。
- 按照上述步驟,在您的HubSpot帳戶中複製HubSpot追蹤代碼。
- 登錄到您的Shopify管理面板。
- 在左側邊欄選單中,瀏覽至 網上商店 > 主題。
- 按一下[ 操作]下拉選單,然後選擇[ 編輯代碼]。
- 為你的 主題選擇theme.liquid 檔案。
- 將您的HubSpot追蹤代碼貼到此檔案中的</body>標籤之前。
- 按一下右上角的「 儲存」。
在Drupal網站上安裝追蹤代碼
- 按照上述步驟,在您的HubSpot帳戶中複製HubSpot追蹤代碼。
- 登入您的Drupal管理員控制面板。
- 在主導覽選單中,瀏覽至「結構」。
- 按一下方塊。
- 按一下 +新增區塊。
- 輸入新區塊的欄位。在「 封鎖正文」 欄位中貼上追蹤代碼,然後按一下「 儲存封鎖」。
在Magento網站上安裝追蹤代碼
按照 上述步驟,在您的HubSpot帳戶中複製HubSpot追蹤代碼。然後,請參閱Magento的設計使用者指南,了解如何在標題HTML中安裝第三方JavaScript代碼。
在Wix網站上安裝追蹤代碼
使用Wix中的應用程式市場,將HTML小工具新增到您的網頁:
- 按照上述步驟,在您的HubSpot帳戶中複製HubSpot追蹤代碼。
- 瀏覽至您的網站管理員。
- 在左側邊欄選單中,瀏覽至追蹤和分析。
- 按一下 自訂 或新 增工具 > 自訂。
- 在「在此貼上代碼片段」 欄位中貼上追蹤代碼。
- 將新工具 的名稱設定為 HubSpot追蹤代碼。
- 在向頁面新增代碼下,按 一下所有頁 面的單選按 鈕,然後使用
下拉式 選單中選擇在每個新頁面上載入代碼。 - 在「位置代碼」 部分下方,按一下正文- 結束選項的單選按 鈕。
- 按一下 套用以儲存變更。

在Joomla網站上安裝追蹤代碼
有兩種方式可以將您的HubSpot追蹤代碼新增至您的Joomla網站。使用任何一種方式,你首先需要按照上述 步驟複製你的HubSpot追蹤代碼。
您可以從 Joomla Extension目錄中選擇一個擴展程序, 在那裡您可以貼上HubSpot追蹤代碼。或者,您可以按照以下步驟安裝追蹤代碼:
- 以管理員身份登入您的Joomla帳戶。
- 在主導覽選單中,瀏覽至 「擴展」>「 範本」 >「 範本」。
- 按一下範本的名稱,然後在左側邊欄選單 中選擇 index.php。
- 將HubSpot追蹤代碼直接貼在</body>標籤上方。
- 按一下 儲存。
在Squarespace網站上安裝追蹤代碼
- 按照上述步驟 ,在您的HubSpot帳戶中複製HubSpot追蹤代碼。
- 登入您的Squarespace帳戶。
- 在左側邊欄選單中,瀏覽至 「設定」。
- 在選單的「 網站」 部分,瀏覽至「 進階」,然後選擇「 代碼注入」。
- 將追蹤代碼貼到 標題 欄位中。
- 按一下左上角的「 儲存」。
使用Google標籤管理器安裝追蹤代碼
- 按照上述步驟,在您的HubSpot帳戶中複製HubSpot追蹤代碼。
- 在新的瀏覽器標籤或視窗中,登入您的 Google標籤管理器 帳戶。
- 選擇你的容器。
- 在左側邊欄選單中,瀏覽至「標籤」。
- 按一下新建。
- 按一下 標籤配置。
- 對於標籤類型,選擇 自訂HTML標籤。然後,給您的標籤起一個名稱。
- 在 HTML 欄位中貼上追蹤代碼。
- 在「 標籤配置」下方,按一下「 觸發」 以設定觸發規則。如果你沒有設定一個啟動規則,標籤將不會啟動,也不會收集HubSpot分析數據。
- 若要在所有頁面上安裝Google標籤管理器代碼(建議) ,請選擇 所有頁面的選項。
- 按一下[ 儲存] 以儲存新標籤。
- 按一下右上角的「 發佈」以儲存容器和標籤。
- 如果您尚未這樣做,請在網站上安裝Google標籤管理器。
將數據桶存入HubSpot頁面類型的額外代碼
var_hsq = window._hsq = window._hsq || [];
_hsq.push (['setContentType', 'CONTENT_TYPE']);
將程式碼中的CONTENT_TYPE
文字替換為您要歸因的內容類型的表達式。
- 若要將點數歸屬於網站網頁內容類型,請使用標準網頁或網站
網頁
的表達式
。 - 若要將點數歸屬於「登陸頁面內容類型」,請使用「登陸頁面」表
達式
。 - 若要將點數歸屬於旅居頁面內容類型,請使用表達式旅居
頁面
。 - 若要將點數歸屬於博客文章內容類型,請使用「
博客文章」表達式
。 - 若要將點數歸屬於「知識文章內容類型」,請使用「知識文章」表
達式
。
新增後,與外部網頁相關的資料應被桶存入您在代碼中選擇的網頁類型。請參閱我們的開發人員文件,了解此代碼是如何運作的。
相關內容
-
自訂Cookie追蹤設定和同意橫幅
擁有編輯網站設定權限的超級管理員和用戶可以自訂訪客Cookie追蹤和同意橫幅,以符合歐盟Cookie法律和一般資料保護法規( GDPR )。 ...
知識庫 -
分析Cookie同意橫幅交互
當聯絡人與您的Cookie同意橫幅互動時,您可以在HubSpot中查看該互動。 在下面,了解您可以查看和分析Cookie同意橫幅互動的方式,包括創建報告。 查看個別聯絡人與Cookie同意橫幅的互動 ...
知識庫 -
了解同意橫幅類型
如果您是超級管理員或擁有 編輯網站設定權限的使用者 ,您可以設定和編輯Cookie同意橫幅。 在下方,進一步了解您可以從下方選擇的橫幅類型。 請注意: 必要的cookie將始終加載到您的網站上。...
知識庫