安裝 HubSpot 追蹤代碼

摘要

HubSpot 追蹤程式碼是每個 HubSpot 帳戶專屬的，可讓 HubSpot監控您的 網站流量。此追蹤程式碼會自動嵌入 HubSpot 部落格頁面、著陸頁及網站頁面中。

若您擁有任何外部託管頁面（即非位於 HubSpot 上的頁面），必須手動安裝 HubSpot 追蹤程式碼，才能擷取這些頁面的分析數據。您亦可與開發人員合作，安裝額外程式碼將資料分類至 HubSpot 頁面類型中。進一步了解追蹤程式碼如何協助您追蹤網站訪客。

在外部頁面中，追蹤程式碼有助於 HubSpot 識別並將該網站與您的帳戶關聯，可追蹤 HubSpot 及非 HubSpot 表單的提交，並可能啟用即時聊天小工具等功能；追蹤程式碼本身並不會建立或安裝表單。

若您使用 HubSpot 追蹤程式碼，訪客的 資料 將被收集並用於監控您的網站流量。HubSpot 亦會利用從 HubSpot 追蹤程式碼收集的特定資料來改善 HubSpot 的產品與服務，包括 Breeze Intelligence 商業資料集。您可透過前往帳戶設定，關閉與 HubSpot 的資料共享功能。進一步了解HubSpot 追蹤程式碼所收集的資料。

如何複製 HubSpot 追蹤程式碼

1. 在你的 HubSpot 帳戶中，點擊頂端導覽列中的「設定圖示」。
2. 前往您的「追蹤與分析」設定：
   • 若您的帳戶僅擁有 Marketing Starter或 HubSpot 免費工具的使用權限，請前往左側邊欄選單中的 追蹤程式碼。
   • 對於所有其他訂閱方案，請在左側邊欄選單中前往「追蹤與分析」>「追蹤代碼」。
3. 在「嵌入程式碼」區段中，點擊「複製」或點擊「寄送給我的網頁開發人員」，將追蹤程式碼傳送給負責在您的網站上安裝該程式碼的團隊成員。
   
   
4. 將追蹤程式碼安裝至您的網站。

如何在網站上安裝 HubSpot 追蹤程式碼

要安裝追蹤程式碼，請將程式碼貼在網站各頁面 HTML 程式碼中，位於結束標籤</body>之前。安裝追蹤程式碼後，請了解如何驗證安裝狀態及排除程式碼問題。

此外，多數內容管理系統（CMS）及您的開發人員皆可將程式碼安裝至網站所有頁面，例如透過在各頁面中引用的頁尾檔案。請向您的開發人員諮詢相關協助方式。

若將追蹤程式碼新增至未由 HubSpot 託管的頁面後，您應將外部網站網域新增至報告設定中，以便將其納入 HubSpot 分析數據。 

若您使用特定內容管理系統，以下章節亦可能提供協助。

如何在 WordPress 網站上安裝 HubSpot 追蹤程式碼

強烈建議您安裝並使用 HubSpot All-in-One Marketing - Forms, Pop-ups, Live Chat WordPress 外掛程式。該外掛程式會自動將 HubSpot 追蹤程式碼安裝至您的 WordPress 網站。

僅當您無法安裝HubSpot WordPress 外掛時，才需手動安裝 HubSpot 追蹤程式碼：

1. 請依照上述步驟，在您的 HubSpot 帳戶中複製 HubSpot 追蹤程式碼。
2. 登入您的 WordPress 帳戶。
3. 在左側邊欄選單中，導航至「外觀」>「編輯器」。
4. 在編輯器右側的主題檔案清單中，選取您的「 頁尾」。
5. 將追蹤程式碼貼入並點選「更新檔案」。

如何在 Shopify 網站上安裝 HubSpot 追蹤程式碼

請注意：若您安裝了Shopify (資料同步) 整合功能，HubSpot 追蹤碼將會自動新增至您的 Shopify 商店。 

1. 請依照上述步驟，在您的 HubSpot 帳戶中複製 HubSpot 追蹤代碼。
2. 登入您的 Shopify 管理後台。
3. 在左側邊欄選單中，導航至「線上商店」>「佈景主題」。
4. 點擊「動作」下拉式選單，並選擇「編輯程式碼」。
5. 選擇您主題的theme.liquid檔案。

6. 將您的 HubSpot 追蹤代碼貼在該檔案中的 </body> 標籤之前。
7. 在右上角點擊「儲存」。

如何在 Drupal 網站上安裝 HubSpot 追蹤程式碼

1. 請依照上述步驟，從您的 HubSpot 帳戶中複製 HubSpot 追蹤程式碼。
2. 登入您的 Drupal 管理後台。
3. 在主導覽選單中，前往「結構」。
4. 點擊「區塊」。

5. 點擊「+ 新增區塊」。
6. 填寫新區塊的各項欄位。將追蹤程式碼貼上至「區塊內容」欄位，然後點擊「儲存區塊」。

如何在 Magento 網站上安裝 HubSpot 追蹤程式碼

請依照上述步驟，從您的 HubSpot 帳戶複製 HubSpot 追蹤程式碼。接著，請參閱Magento 的設計使用者指南，了解如何在頁首 HTML 中安裝第三方 JavaScript 程式碼。

如何在 Wix 網站上安裝 HubSpot 追蹤程式碼

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

1. 請依照上述步驟，在您的 HubSpot 帳戶中複製 HubSpot 追蹤程式碼。
2. 前往網站儀表板的「設定」。
3. 在「進階」區段中點擊「自訂程式碼」分頁。
4. 點擊右上角的「+ 新增自訂程式碼」。
5. 將追蹤程式碼貼上至文字方塊中。 
6. 將新工具的名稱設定為「HubSpot 追蹤程式碼」。
7. 在「將程式碼新增至頁面」下方，點選「所有頁面」的單選鈕，並使用 下拉式 選單選擇 「在每個新頁面載入程式碼」。
8. 在「將程式碼放置於」區段下，點選「主體 - 結尾」的單選鈕。
9. 點擊「套用」以 儲存變更。

如何在 Joomla 網站上安裝 HubSpot 追蹤程式碼

有兩種方式可將 HubSpot 追蹤程式碼新增至您的 Joomla 網站。無論採用哪種方法，您都需先依照上述步驟複製 HubSpot 追蹤程式碼。

您可從Joomla 擴充套件目錄中選擇一個擴充套件，並將 HubSpot 追蹤程式碼貼入其中。或者，您也可以按照以下步驟安裝追蹤程式碼：

1. 以管理員身分登入您的 Joomla 帳戶。
2. 在主導覽選單中，導航至「擴充功能」>「範本」>「範本」。
3. 點擊您的模板名稱，並在左側邊欄選單中選擇index.php。
4. 將 HubSpot 追蹤程式碼直接貼在 </body> 標籤的正上方。
5. 點擊「儲存」。

如何在 Squarespace 網站上安裝 HubSpot 追蹤程式碼

1. 請依照上述步驟，從您的 HubSpot 帳戶中複製 HubSpot 追蹤程式碼。
2. 登入您的 Squarespace 帳戶。
3. 在左側邊欄選單中，導航至「設定」。
4. 在選單的「網站」區段中，導航至「進階」，然後選取「程式碼插入」。
5. 將追蹤代碼貼入「頁首」欄位中。
6. 在左上角點擊「儲存」。

如何使用 Google Tag Manager 安裝 HubSpot 追蹤程式碼

1. 請依照上述步驟，在您的 HubSpot 帳戶中複製 HubSpot 追蹤程式碼。
2. 在新的瀏覽器分頁或視窗中，登入您的 Google Tag Manager 帳戶。
3. 選取您的容器。
4. 在左側邊欄選單中，導航至「標籤」。
5. 點擊「新增」。

6. 點擊「標籤設定」。
7. 在「標籤類型」中，選擇「自訂 HTML 標籤」。接著，為您的標籤命名。
8. 將追蹤程式碼貼上至HTML欄位中。
9. 在「標籤設定」下方，點擊「觸發」以設定觸發規則。若未設定觸發規則，標籤將不會觸發，且 HubSpot 分析資料亦不會被收集。
10. 若要讓標籤在所有安裝了 Google Tag Manager 程式碼的頁面觸發（建議），請選取「所有頁面」選項。

11. 點擊「儲存」以儲存您的新標籤。
12. 在右上角，點擊「發佈」以儲存您的容器和標籤。

13. 若尚未安裝，請在您的網站上安裝 Google Tag Manager。

我可以添加哪些額外程式碼，將資料歸類到 HubSpot 頁面類型中

var _hsq = window._hsq = window._hsq || [];
_hsq.push(['setContentType', 'CONTENT_TYPE']);