GTM 筆記 === ### HTML基本概念 1. Html * 由各種標籤組成： * `<html></html>、<head></head>、<body></body>...` * 我們會將 js code 放在 **<head>** 跟 **<body>** 內 2. CSS * 用來設計網站的外觀、排版、顏色、大小...等 * 會看到 class 、 style 、 id 這三種用來寫 css 的命名 4. Javascript: 可能會聽到人家叫 js code or javascript code * js code 一定要用這個標籤包起來 --> **<script>** 裡面放 js code **</script>** * 像是 Google Analytics 追蹤碼 、 FB pixel ... 這些追蹤碼都是用 js 這個程式寫的 --- ### GTM 基本 Google 代碼管理工具（Google Tag Manager, 以下簡稱GTM） 是一套代碼管理系統(TMS)。 在安裝完成後，網站分析師與行銷人員不用更改網站的程式碼，透過GTM即能輕易地將各種追蹤程式碼以及第三方應用工具安裝到網站中，讓追蹤和管理都在同一個平台完成。 --- ### GTM 平台內簡單來說有四大要素： 1. 代碼： 代碼就是要使用什麼樣的程式，像是 Google、有合作的第三方代碼 or 自訂 HTML 2. 觸發條件： 代碼發生的條件，可能是全網頁(All page)、到達特定網址、滑鼠點擊、滑動頁面...etc 3. 變數： 用來設定好代碼要使用的值(這個值就看變數設定給什麼，像是 Google Analytics 的 UID 或是我們自訂可藉由網站這邊做了事件來傳值丟給 GTM) 4. 資料夾： 用來分類代碼 --- ### 流程： 先在網頁中埋入 GTM 容器 js 代碼 --> 埋完之後進入 GTM 平台 --> 新增一個代碼來放置任何您想要儲存的其他代碼 --> 例如 Google Analytics 追蹤碼