![tagmanager](https://hackmd.io/_uploads/S1OM5mS1C.png) # Google Tag Manager (GTM) - 是一種由 Google 提供的免費工具 - 用於管理和部署網頁標籤 - 主要作用是**追蹤和分析網站流量**、**用戶行為**等信息 - 也可以用於及時修改網頁頁面上的元素(使用 html、js、css ),不需經過部署 ## GTM 主要優點 它允許你在不修改網頁代碼的情況下添加、更新或刪除標籤。 這使得網站管理者可以更容易地管理他們的標籤,而不需要依賴開發人員或者對代碼有深入了解。 ## 支援度廣 GTM 支援各種類型的標籤,包括 Google 自家的如 Google Analytics、Google Ads,以及其他的如 Facebook Pixel、Hotjar 等等。你可以使用 GTM 的界面來配置這些標籤,並設定它們在何種情況下觸發。 ## 如何實作執行 GTM 通常是通過一段 JavaScript **(es5)** 代碼來實現的,這段代碼需要被添加到你的網頁中。 使用 GTM 的基本流程如下: 1. 建立 Google Tag Manager 帳戶和容器:首先,你需要在 Google Tag Manager 網站上建立一個帳戶,並在帳戶中建立一個容器。容器是你將要放置所有標籤的地方。 2. 安裝容器碼:當你建立一個容器後,Google Tag Manager 會提供一段 JavaScript 代碼。你需要將這段代碼放置在你的網站的每一個頁面上。 3. 建立標籤:在 Google Tag Manager 中,你可以建立各種標籤,例如 Google Analytics 標籤、AdWords 標籤等。你可以選擇當何種事件發生時觸發這些標籤。 4. 建立觸發器:觸發器是一種規則,它決定了標籤應該在何時被觸發。例如,你可以建立一個觸發器,當用戶點擊一個特定的按鈕時觸發一個標籤。 5. 預覽和測試:在你發布標籤之前,你應該使用 Google Tag Manager 的預覽和測試功能來確保你的標籤、觸發器和變數都按照你的期望工作。 6. 發布標籤:當你確定一切都準備就緒後,你可以發布你的標籤。這將使你的標籤在你的網站上生效。