跳到內容
請注意::這篇文章的翻譯只是為了方便而提供。譯文透過翻譯軟體自動建立,可能沒有經過校對。因此,這篇文章的英文版本應該是包含最新資訊的管理版本。你可以在這裡存取這些內容。

安裝HubSpot追蹤代碼

上次更新時間: 一月 20, 2023

套用至:

所有產品和版本

HubSpot追蹤代碼是每個HubSpot帳戶所獨有的,允許HubSpot監控您的網站流量。追蹤代碼會自動包含在HubSpot網誌文章、登陸頁面和網站頁面上。

如果您有任何外部託管的網頁(即不在HubSpot上的網頁) ,您必須手動安裝HubSpot追蹤代碼才能捕捉這些網頁的分析。

進一步了解追蹤代碼如何讓你追蹤網站的訪客

請注意:

複製你的HubSpot追蹤代碼

  • 在 HubSpot 帳戶中,點擊主要導覽列中的「settings設定圖示」。
  • 瀏覽至「追蹤與分析」設定:
    • 對於所有其他 訂閱,請瀏覽左側邊欄選單中的 蹤與分析」>「追蹤代碼」。
  • 在「 嵌入代碼」部分,按一下複製按一下電子郵件至我的網頁開發人員,以將追蹤代碼發送給將在網站上安裝該代碼的團隊成員。

    副本追蹤代碼
  • 在網站上安裝追蹤代碼

在網站上安裝追蹤代碼

若要安裝追蹤代碼,請將代碼貼在網站每個網頁的HTML代碼中關閉</body>標籤之前。安裝追蹤代碼後,請瞭解如何驗證安裝並排除代碼故障

同時,大多數內容管理系統和開發人員都可以將代碼安裝到網站上的所有網頁,例如在所有網頁上參考的頁腳檔。請與你的開發人員聯絡,了解他們如何幫助你完成此操作。

如果您使用特定的內容管理系統,以下部分也可能有所幫助。

請注意:由於每個網站的結構都不同,這些步驟可能不是如何存取HTML代碼的準確說明。如果你不確定如何存取網站的HTML代碼,請聯絡你的網站管理員、IT部門或開發人員,並向他們顯示這篇文章。
 

在WordPress網站上安裝追蹤代碼

強烈建議您安裝並使用HubSpot All-in-One Marketing - Forms、Pop-ups、Live Chat WordPress插件。該插件會為您自動在WordPress網站上安裝HubSpot追蹤代碼。

只有當您無法安裝HubSpot WordPress插件時,才能手動安裝HubSpot追蹤代碼:

  • 按照上述步驟 ,在您的HubSpot帳戶中複製HubSpot追蹤代碼。
  • 登入您的WordPress帳戶。
  • 在左側邊欄選單中,瀏覽至 外觀」>「 編輯器」
  • 在編輯器右側的主題檔案清單中,選擇您的 頁尾
  • 貼上追蹤代碼,然後選擇 更新檔案

請注意:

在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追蹤代碼
  • 在向頁面新增代碼下,按 一下所有頁 面的單選按 ,然後使用 下拉式 選單中選擇在每個新頁面上載入代碼
  • 在「位置代碼」 部分下方,按一下正文- 結束選項的單選按 鈕。
  • 按一下 套用以儲存變更。
如果您在Wix網站上使用即時聊天機器人,您可以按照上述步驟將聊天流添加到每個頁面,也可以與開發人員合作使用聊天小工具SDK來定位特定頁面。使用.widget-refresh方法在不同的網頁上指定不同的聊天流程。了解更多關於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標籤管理器代碼(建議) ,請選擇 所有頁面的選項

  • 按一下[ 儲存] 以儲存新標籤。
  • 按一下右上角的「 發佈以儲存容器和標籤。

將數據桶存入HubSpot頁面類型的額外代碼

如果您正在使用「流量分析」工具中的聯絡人創建歸因報告」、「收入歸因報告」或「網頁」標籤,並希望外部網頁的訪客資料被桶存入特定網頁類型,您應該要求開發人員團隊在網頁中新增以下代碼:
 
var_hsq = window._hsq = window._hsq || [];
_hsq.push (['setContentType', 'CONTENT_TYPE']);

將程式碼中的CONTENT_TYPE文字替換為您要歸因的內容類型的表達式。

  • 若要將點數歸屬於網站網頁內容類型,請使用標準網頁或網站網頁的表達式
  • 若要將點數歸屬於「登陸頁面內容類型」,請使用「登陸頁面」表達式
  • 若要將點數歸屬於旅居頁面內容類型,請使用表達式旅居頁面
  • 若要將點數歸屬於博客文章內容類型,請使用「博客文章」表達式
  • 若要將點數歸屬於「知識文章內容類型」,請使用「知識文章」表達式

新增後,與外部網頁相關的資料應被桶存入您在代碼中選擇的網頁類型。請參閱我們的開發人員文件,了解此代碼是如何運作的

這篇文章有幫助嗎?
此表單僅供記載意見回饋。了解如何取得 HubSpot 的協助