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

安裝HubSpot追蹤代碼

上次更新時間: 四月 9, 2023

可与下列任何一种订阅一起使用,除非有说明:

所有產品和版本

HubSpot跟蹤代碼對每個HubSpot帳戶都是唯一的,並允許HubSpot監控您的網站流量。 追蹤代碼會自動包含在HubSpot部落格頁面、登陸頁面和網站頁面中。

如果您有任何外部託管的頁面(即不在HubSpot上的頁面) ,您必須手動安裝HubSpot跟蹤代碼以捕獲這些頁面的分析。

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

請注意:

複製您的HubSpot追蹤代碼

  • 了解更多
  • 前往「追蹤與分析」設定:
    • 對於所有其他 訂閱,請前往左側邊欄選單中的「追 蹤與分析>追蹤代碼」。
  • 在「 嵌入代碼部分,按一下「複製」或按一下「傳送電郵給我的網頁開發人員」,將追蹤代碼傳送給團隊成員,該團隊成員將會在您的網站上安裝追蹤代碼。

    copy-tracking-code
  • 您的網站上安裝追蹤代碼

在網站上安裝追蹤代碼

若要安裝追蹤代碼,請在網站每個網頁的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帳戶。
  • 在左側邊欄選單中,前往「 外觀 >「 編輯器」。
  • 在編輯器右側的主題檔案清單中,選擇 頁腳
  • 貼上追蹤代碼,然後選擇 更新檔案

請注意:
  • 如果您手動安裝跟蹤代碼並擁有HubSpot Marketing Hub 訂閱, HubSpot將法區分其分析中的WordPress文章和頁面。
  • 如果您的網站託管在WordPress.com上,您將法將HubSpot追蹤代碼新增至您的網站,除非您使用的是他們的商務套餐。 其他方案(例如Premium、Personal )不允許使用者新增任何JavaScript程式碼

在Shopify網站上安裝追蹤代碼

請注意:如果您使用的是 Shopify整合,則無需分開安裝追蹤代碼。

  • 請按照上述步驟複製HubSpot帳戶中的HubSpot追蹤代碼。
  • 登錄到您的Shopify管理面板。
  • 在左側邊欄選單中,前往 線上商店 > 主題
  • 點擊 操作下拉式選單,然後選擇 編輯代碼
  • 選擇佈景 主題的theme.liquid 檔案。
  • 在此檔案中的</body >標籤前貼上您的HubSpot追蹤代碼。
  • 在右上角,按一下 儲存

在Drupal網站上安裝追蹤代碼

 

  • 請按照上述步驟複製HubSpot帳戶中的HubSpot追蹤代碼。
  • 登錄到您的Drupal管理面板。
  • 在主導覽選單中,前往結構
  • 按一下區塊

  • 按一下 +新增區塊
  • 輸入新區塊的欄位。 在 區塊正文欄位中貼上追蹤代碼,然後按一下儲存區塊。

在Magento網站上安裝追蹤代碼

請按照上述步驟複製HubSpot帳戶中的HubSpot追蹤代碼。 然後請參閱Magento的設計用戶指南,了解如何在標頭HTML中安裝第三方JavaScript代碼。

在Wix網站上安裝追蹤代碼

 

使用Wix中的App Market將HTML小工具新增至您的頁面

  • 請按照上述步驟複製HubSpot帳戶中的HubSpot追蹤代碼。
  • 前往您的網站管理員。
  • 在左側邊欄選單中,前往「追蹤與分析」。
  • 按一下 自訂 新增工具 > 自訂
  • 將追蹤代碼貼到「在此處貼上代碼段 欄位中。
  • 將新工具 的名稱設定為 HubSpot追蹤代碼
  • 在「新增代碼到頁面 」下,按一下「所有頁面 」的單選單按鈕 ,然後使用 下拉式 單選擇在每個新頁面上加載代碼
  • 在「放置代碼 區段下,按一下「正文-結束 」選項的單選按鈕
  • 按一下「 套用」以儲存變更。
如果您在Wix網站上使用實時聊天機器人,您可以按照上述步驟將聊天流添加到每個頁面,或者您可以與開發人員合作使用聊天小工具SDK來定位特定頁面。 使用.widget-refresh方法在不同頁面上指定不同的聊天流。 了解更多關於HubSpot的開發人員文檔。 

在Joomla網站上安裝追蹤代碼

 

有兩種方法可以將您的HubSpot跟蹤代碼添加到您的Joomla網站。 使用其中任何一種方法,您都需要先複製您的HubSpot追蹤代碼,請按照上述步驟操作

您可以從 Joomla擴展目錄中選擇一個擴展 在那裡您可以粘貼HubSpot跟蹤代碼。 或者,您可以按照以下步驟安裝追蹤代碼:

  • 以管理員身份登入您的Joomla帳戶。
  • 在主導覽選單中,瀏覽到擴展 > 範本 > 範本
  • 按一下範本名稱,然後在左側邊欄選單 中選擇 index.php
  • 將HubSpot追蹤代碼直接貼在</body >標籤上方。
  • 按一下 儲存

在Squarespace網站上安裝追蹤代碼

 

  • 請按照上述步驟 複製HubSpot帳戶中的HubSpot追蹤代碼。
  • 登入您的Squarespace帳戶。
  • 在左側邊欄選單中,前往 「設定」
  • 在選單的「 網站 部分,導航至「 進階」,然後選擇「 代碼注入」。
  • 將追蹤代碼貼到「 標頭 欄位。
  • 在左上角,按一下 儲存

使用Google Tag Manager安裝追蹤代碼

  • 請按照上述步驟複製HubSpot帳戶中的HubSpot追蹤代碼。
  • 在新的瀏覽器分頁或視窗中,登入您的 Google Tag Manager 帳戶。
  • 選擇您的容器
  • 在左側邊欄選單中,導航至標籤
  • 按一下新建

  • 按一下 標籤配置
  • 對於標籤類型,請選擇 自訂HTML標籤。 然後,給你的標籤起個名字。
  • HTML 欄位中貼上追蹤代碼。
  • 在「 標籤設定」下方,按一下「 觸發 以設定觸發規則。 如果您未設定「啟動規則」,標籤將不會啟動, HubSpot分析數據也不會收集。
  • 若要在已安裝Google Tag Manager代碼的所有網頁上啟動標籤(建議) ,請選擇「 所有網頁」的選項。

  • 按一下 儲存 以儲存新標籤。
  • 在右上角,按一下 發佈 以儲存容器和標籤。

將資料儲存到HubSpot頁面類型的附加代碼

如果您使用的是聯絡人建立歸因報告收入歸因報告流量分析工中的「面」分頁,並希望將外部頁面的訪客數據儲存到特定的頁面類型,您應該要求開發人員團隊在頁面中新增以下代碼:
 
var_hsq = window._hsq = window._hsq || [];
_hsq.push (['setContentType', 'CONTENT_TYPE']);

將代碼中的CONTENT_TYPE文字替換為您希望歸因於的內容類型的表達式。

  • 若要歸因於網站頁面內容類型,請使用表達standard-page或site-page
  • 若要將點數歸因於著陸頁內容類型,請使用「著陸頁」表式。
  • 若要將點數歸類為「房源頁面」內容類型,請使用「房源頁面」表式。
  • 若要將點數歸因於部落格文章內容類型,請使用表達式blog-post
  • 若要將點數歸因於知識文章內容類型,請使用表達式knowledge-article

新增後,與外部頁面相關的數據應儲存到您在代碼中選擇的頁面類型。 在我們的開發人員文件中了解此代碼的工作原理

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