สรุปสั้น ๆ (TL;DR)
- คู่มือติดตั้งของ Google ระบุว่าโค้ด GTM ส่วนแรกวางให้สูงที่สุดใน head และส่วนที่สองวางทันทีหลังแท็กเปิด body
- บัญชี Tag Manager มาตรฐานมีพื้นที่ทำงานพร้อมกันได้สูงสุด 3 พื้นที่ (เริ่มต้น 1 บวกสร้างเอง 2) ส่วน Tag Manager 360 สร้างได้ไม่จำกัด
- Google ระบุว่าคอนเทนเนอร์เดียวครอบคลุมทั้งเว็บไซต์ รหัสคอนเทนเนอร์ขึ้นต้นด้วย GTM- และ Measurement ID ของ GA4 ขึ้นต้นด้วย G-
- การแก้ไขในพื้นที่ทำงานมีผลกับผู้เข้าชมหลังกด Submit แล้วเลือก Publish and Create Version เท่านั้น ส่วน Create Version อย่างเดียวคือบันทึกโดยไม่เผยแพร่
Google Tag Manager คือระบบจัดการแท็ก (tag management system) ฟรีจาก Google ที่ให้คุณเพิ่ม แก้ไข และเปิดปิดโค้ดติดตามบนเว็บไซต์ เช่น GA4, Google Ads conversion หรือ Meta Pixel ผ่านหน้าเว็บของ Tag Manager ได้โดยไม่ต้องแก้โค้ดเว็บไซต์ทุกครั้ง คุณติดตั้งโค้ด GTM สองส่วนลงบนเว็บไซต์เพียงครั้งเดียว หลังจากนั้นการเปลี่ยนแปลงทั้งหมดทำผ่านคอนเทนเนอร์ใน Tag Manager แล้วกดเผยแพร่
หลายคนเข้าใจผิดว่า GTM เป็นเครื่องมือวิเคราะห์ข้อมูลแบบ GA4 ซึ่งไม่ใช่ GTM ไม่ได้เก็บหรือแสดงรายงานใด ๆ เอง หน้าที่ของมันคือตัดสินใจว่าโค้ดชิ้นไหนจะทำงานเมื่อไร และส่งข้อมูลอะไรออกไปยังเครื่องมือปลายทาง บทความนี้อธิบายกลไกของ GTM ตั้งแต่องค์ประกอบหลัก ความต่างจาก Google tag วิธีติดตั้ง การส่งข้อมูลเข้า GA4 และ Google Ads ไปจนถึงข้อผิดพลาดที่พบบ่อย
Google Tag Manager ทำงานอย่างไร: tag, trigger และ variable
ทุกอย่างใน GTM สร้างจากองค์ประกอบสามอย่าง ถ้าเข้าใจสามคำนี้ ก็อ่านคอนเทนเนอร์ของใครก็ได้
Tag (แท็ก)
แท็กคือโค้ดที่ส่งข้อมูลออกไปยังเครื่องมืออื่น เช่น แท็กที่ส่งเหตุการณ์เข้า GA4 แท็กที่บันทึก conversion ของ Google Ads หรือแท็ก HTML ที่กำหนดเองสำหรับเครื่องมือของบุคคลที่สาม GTM มีเทมเพลตแท็กสำเร็จรูปสำหรับผลิตภัณฑ์ของ Google และเครื่องมือยอดนิยมหลายตัว คุณจึงกรอกแค่ค่าที่จำเป็น เช่น Measurement ID หรือ Conversion ID แทนการวางโค้ดเอง
Trigger (ทริกเกอร์)
ทริกเกอร์คือเงื่อนไขที่บอกว่าแท็กจะทำงานเมื่อไร Google อธิบายว่าทริกเกอร์ทำให้แท็กทำงานเมื่อเกิดเหตุการณ์ที่กำหนด ตัวอย่างทริกเกอร์ที่ใช้บ่อยได้แก่ การดูหน้า (Page View) การคลิก การส่งฟอร์ม การเลื่อนหน้าจอ การมองเห็นองค์ประกอบ ตัวจับเวลา การดูวิดีโอ YouTube และเหตุการณ์ที่กำหนดเอง (Custom Event) ที่ส่งมาจาก data layer ทริกเกอร์แต่ละตัวกรองให้แคบลงได้ เช่น ทำงานเฉพาะหน้าที่ URL มีคำว่า /thank-you/
Variable (ตัวแปร)
ตัวแปรคือค่าที่ GTM อ่านได้ในขณะที่หน้าเว็บทำงาน และนำไปใช้ทั้งในเงื่อนไขของทริกเกอร์และในค่าที่แท็กส่งออก Google ระบุว่าตัวแปรช่วยให้การตั้งค่าแท็กง่ายขึ้นและทำงานอัตโนมัติ GTM มีตัวแปรในตัว (built-in) เช่น Page URL, Page Path, Click Text และ Click URL และคุณสร้างตัวแปรที่ผู้ใช้กำหนดเองได้ เช่น ตัวแปร Data Layer ค่าคงที่ (Constant) ตารางค้นหา (Lookup Table) หรือค่าจากคุกกี้ ตัวอย่างที่ใช้จริงคือการเก็บ GA4 Measurement ID ไว้ในตัวแปรค่าคงที่ตัวเดียว แล้วอ้างอิงจากทุกแท็ก ถ้าวันหนึ่งต้องเปลี่ยน ID ก็แก้แค่จุดเดียว
ส่วนที่เชื่อมเว็บไซต์กับ GTM อย่างเป็นระบบคือ data layer ซึ่งเป็นออบเจ็กต์ JavaScript ที่เว็บไซต์ใช้ส่งข้อมูล เช่น มูลค่าคำสั่งซื้อหรือรหัสสินค้า ให้ GTM อ่าน เว็บไซต์ส่งข้อมูลเข้า data layer ด้วยคำสั่ง dataLayer.push แล้ว GTM อ่านค่าเหล่านั้นผ่านตัวแปร Data Layer และใช้ชื่อเหตุการณ์เป็นทริกเกอร์ได้
Container, workspace และ version คืออะไร
Google เรียกชุดของแท็ก ทริกเกอร์ ตัวแปร และการตั้งค่าที่ติดตั้งบนเว็บไซต์หรือแอปหนึ่งว่าคอนเทนเนอร์ (container) โดยทั่วไปองค์กรหนึ่งใช้บัญชี Tag Manager หนึ่งบัญชี และเว็บไซต์หนึ่งใช้คอนเทนเนอร์เว็บหนึ่งคอนเทนเนอร์ Google ระบุชัดว่าไม่จำเป็นต้องมีคอนเทนเนอร์แยกสำหรับแต่ละหน้าของเว็บไซต์ รหัสคอนเทนเนอร์ขึ้นต้นด้วย "GTM-" นอกจากคอนเทนเนอร์เว็บแล้ว ยังมีคอนเทนเนอร์สำหรับแอป iOS และ Android, AMP และคอนเทนเนอร์ฝั่งเซิร์ฟเวอร์
Workspace (พื้นที่ทำงาน) คือสำเนาการแก้ไขที่แยกจากกัน เพื่อให้หลายคนทำงานในคอนเทนเนอร์เดียวกันได้โดยไม่ทับกัน ตามหน้าช่วยเหลือของ Google บัญชีมาตรฐาน (ฟรี) มีพื้นที่ทำงานพร้อมกันได้สูงสุด 3 พื้นที่ คือพื้นที่ทำงานเริ่มต้นหนึ่งพื้นที่ บวกพื้นที่ทำงานที่สร้างเองอีกสองพื้นที่ ส่วน Tag Manager 360 สร้างได้ไม่จำกัด เมื่อถึงขีดจำกัด ต้องเผยแพร่การเปลี่ยนแปลงที่ค้างอยู่หรือลบพื้นที่ทำงานก่อนจึงจะสร้างใหม่ได้
Version (เวอร์ชัน) คือภาพบันทึกของคอนเทนเนอร์ ณ เวลาหนึ่ง เมื่อกด Submit ในแท็บ Workspace คุณเลือกได้สองทาง คือ "Publish and Create Version" เพื่อเผยแพร่การเปลี่ยนแปลงขึ้นเว็บไซต์ทันที หรือ "Create Version" เพื่อบันทึกการเปลี่ยนแปลงโดยยังไม่เผยแพร่ ทุกเวอร์ชันควรมีชื่อและคำอธิบายที่บอกว่าเปลี่ยนอะไร เพราะถ้าเวอร์ชันใหม่มีปัญหา คุณกลับไปเผยแพร่เวอร์ชันก่อนหน้าได้ และชื่อเวอร์ชันที่ชัดเจนคือสิ่งที่ทำให้ย้อนกลับได้เร็ว
GTM ต่างจาก Google tag (gtag.js) อย่างไร
นี่คือจุดที่สับสนมากที่สุด Google tag (gtag.js) คือโค้ดชุดเดียวที่วางลงบนเว็บไซต์โดยตรง เพื่อส่งข้อมูลไปยังผลิตภัณฑ์ของ Google อย่าง GA4 และ Google Ads ส่วน GTM คือระบบจัดการที่ครอบแท็กหลายตัวไว้ รวมถึง Google tag เองด้วย
ตารางด้านล่างเปรียบเทียบสองแนวทางตามกลไกการทำงาน:
| ประเด็น | Google tag (gtag.js) | Google Tag Manager |
|---|---|---|
| การติดตั้ง | วางโค้ดลงบนเว็บไซต์โดยตรง | วางโค้ด GTM สองส่วนครั้งเดียว แล้วจัดการแท็กในหน้าเว็บ Tag Manager |
| แท็กที่จัดการได้ | ผลิตภัณฑ์ของ Google เป็นหลัก | แท็กของ Google และบุคคลที่สาม รวมถึง HTML ที่กำหนดเอง |
| การเพิ่มเหตุการณ์ใหม่ | มักต้องเขียนโค้ดบนเว็บไซต์เพิ่ม | สร้างแท็กและทริกเกอร์ใหม่ใน GTM แล้วเผยแพร่ |
| การทดสอบและย้อนกลับ | ทดสอบบนเว็บจริงหรือสภาพแวดล้อมทดสอบของเว็บไซต์ | มีโหมด Preview และประวัติเวอร์ชันให้ย้อนกลับได้ |
ถ้าเว็บไซต์ใช้แค่ GA4 กับเหตุการณ์พื้นฐาน Google tag อย่างเดียวก็เพียงพอ แต่เมื่อมีหลายเครื่องมือ หลายเหตุการณ์ หรือทีมการตลาดที่ต้องเปลี่ยนการติดตามบ่อยโดยไม่รอนักพัฒนา GTM จะคุ้มกว่า ข้อสำคัญคืออย่าติดตั้ง GA4 ทั้งสองทางพร้อมกันบนหน้าเดียวกัน ซึ่งจะอธิบายในหัวข้อข้อผิดพลาด
ติดตั้ง Google Tag Manager บนเว็บไซต์และ WordPress อย่างไร
ขั้นตอนตามหน้าช่วยเหลือของ Google มีดังนี้:
- สร้างบัญชีและคอนเทนเนอร์ที่ tagmanager.google.com ตั้งชื่อคอนเทนเนอร์ตาม URL หลักของเว็บไซต์ และเลือกแพลตฟอร์ม Web
- ในแท็บ Workspace คลิกรหัสคอนเทนเนอร์ที่ขึ้นต้นด้วย "GTM" เพื่อเปิดโค้ดติดตั้ง
- คัดลอกโค้ดส่วนแรก แล้ววางให้สูงที่สุดเท่าที่ทำได้ภายในแท็ก <head>
- คัดลอกโค้ดส่วนที่สอง (ส่วน noscript ที่มี iframe) แล้ววางทันทีหลังแท็กเปิด <body>
- ทดสอบการติดตั้ง แล้วจึงเริ่มสร้างแท็ก
โค้ดต้องอยู่ในทุกหน้าของเว็บไซต์ วิธีที่ปลอดภัยคือวางในเทมเพลตส่วนหัวที่ทุกหน้าใช้ร่วมกัน ไม่ใช่วางทีละหน้า
สำหรับ WordPress และระบบจัดการเนื้อหาหรือเครื่องมือสร้างเว็บไซต์อื่น Google ระบุว่าใช้การเชื่อมต่อ (integration) แทนการแก้โค้ดทุกหน้าได้ โดยยก WordPress, Shopify และ Wix เป็นตัวอย่าง ใน WordPress ทำได้สองทางหลัก ทางแรกคือวางโค้ดในไฟล์ธีมส่วนหัว ควรทำผ่าน child theme เพื่อไม่ให้โค้ดหายเมื่ออัปเดตธีม ทางที่สองคือใช้ปลั๊กอินที่รองรับ GTM เช่น Site Kit by Google ซึ่งเป็นปลั๊กอินของ Google เอง ไม่ว่าจะเลือกทางไหน ให้ตรวจว่าธีมหรือปลั๊กอินอื่นไม่ได้ใส่โค้ด GTM หรือ GA4 ซ้ำอยู่แล้ว
ใช้ GTM ส่งข้อมูลเข้า GA4 และ Google Ads conversion
GA4
สำหรับ GA4 ให้สร้างแท็กประเภท Google tag ใส่ Measurement ID ของ GA4 (ขึ้นต้นด้วย "G-") แล้วตั้งให้ทำงานบนทริกเกอร์ Initialization - All Pages แท็กนี้ส่ง page_view และเปิดการวัดผลที่ปรับปรุงแล้ว (enhanced measurement) ตามที่ตั้งไว้ใน GA4 จากนั้นเหตุการณ์อื่น เช่น การส่งฟอร์มหรือการคลิกปุ่มโทร ให้ใช้แท็ก Google Analytics: GA4 Event ใส่ชื่อเหตุการณ์และพารามิเตอร์ แล้วผูกกับทริกเกอร์ที่ตรงกับการกระทำนั้น
Google Ads conversion
สำหรับ Google Ads ให้สร้างแท็ก Google Ads Conversion Tracking ใส่ Conversion ID และ Conversion Label ที่ได้จากการกระทำ conversion ในบัญชี Google Ads แล้วผูกกับทริกเกอร์ของการกระทำที่นับเป็น conversion เช่น การเปิดหน้าขอบคุณหลังส่งฟอร์ม และควรมีแท็ก Conversion Linker ทำงานบนทุกหน้า แท็กนี้ช่วยเก็บข้อมูลการคลิกโฆษณาไว้ในคุกกี้ของโดเมนคุณ เพื่อให้ conversion ถูกโยงกลับไปหาการคลิกได้ ถ้าใช้รีมาร์เก็ตติ้งของ Google Ads ก็ตั้งแท็ก Google Ads Remarketing ในคอนเทนเนอร์เดียวกันได้
ถ้าเป็นร้านค้าออนไลน์ มูลค่าคำสั่งซื้อและรหัสธุรกรรมควรมาจาก data layer ไม่ใช่การอ่านข้อความบนหน้าเว็บ เพราะข้อความบนหน้าเปลี่ยนตามการออกแบบได้ทุกเมื่อ ขณะที่ data layer เป็นสัญญาที่ชัดเจนระหว่างเว็บไซต์กับ GTM
Preview mode และ Tag Assistant ใช้ตรวจแท็กอย่างไร
ก่อนเผยแพร่ทุกครั้ง ให้คลิก Preview ที่มุมขวาบนของ GTM ระบบจะเปิด Google Tag Assistant ในแท็บใหม่ ใส่ URL ของเว็บไซต์แล้วคลิก Connect เว็บไซต์จะเปิดในหน้าต่างที่เชื่อมกับโหมดดีบัก ทุกการกระทำที่คุณทำบนหน้าเว็บ เช่น โหลดหน้า คลิก หรือส่งฟอร์ม จะปรากฏเป็นเหตุการณ์ใน Tag Assistant และแต่ละเหตุการณ์แสดงว่าแท็กไหนทำงาน แท็กไหนไม่ทำงาน และตัวแปรมีค่าอะไรในขณะนั้น
สิ่งที่ควรตรวจใน Preview:
- แท็ก conversion ทำงานครั้งเดียวต่อการกระทำหนึ่งครั้ง ไม่ทำงานซ้ำเมื่อรีเฟรชหน้า
- แท็กไม่ทำงานบนหน้าที่ไม่ควรทำงาน เช่น แท็ก conversion ไม่ควรทำงานบนหน้าแรก
- ตัวแปรที่ส่งออก เช่น มูลค่าคำสั่งซื้อ มีค่าจริง ไม่ใช่ undefined
การเปลี่ยนแปลงในพื้นที่ทำงานยังไม่มีผลกับผู้เข้าชมจริงจนกว่าคุณจะเผยแพร่ โหมด Preview จึงเป็นที่ปลอดภัยสำหรับลองผิดลองถูก หลังตรวจเสร็จ ให้กด Submit เลือก Publish and Create Version ตั้งชื่อและคำอธิบาย แล้วกด Publish
ข้อผิดพลาดที่พบบ่อยเวลาตั้ง GTM
- ติดตั้ง GA4 ซ้ำสองทาง มีทั้งโค้ด Google tag ที่ฝังในธีมและแท็ก Google tag ใน GTM ผลคือการดูหน้าและเหตุการณ์ถูกนับซ้ำ ให้เลือกทางเดียว
- ลืมเผยแพร่ ทุกอย่างทำงานใน Preview แต่ไม่มีข้อมูลเข้ารายงาน เพราะการเปลี่ยนแปลงยังอยู่ในพื้นที่ทำงาน
- ทริกเกอร์กว้างเกินไป แท็ก conversion ผูกกับ All Pages หรือทุกการคลิก ทำให้ตัวเลข conversion สูงเกินจริงและสอนระบบประมูลของ Google Ads ด้วยข้อมูลผิด
- วางโค้ดผิดตำแหน่ง วางโค้ดส่วนแรกไว้ท้ายหน้าแทนใน <head> ทำให้แท็กโหลดช้าและอาจพลาดผู้เข้าชมที่ออกจากหน้าเร็ว
- ไม่มีแท็ก Conversion Linker conversion ของ Google Ads ถูกโยงกลับไปหาการคลิกได้น้อยกว่าที่ควร
- ไม่ตั้งชื่อเวอร์ชัน เมื่อมีปัญหาจึงหาไม่เจอว่าเวอร์ชันไหนที่เปลี่ยนอะไร
- ให้สิทธิ์ผู้ใช้กว้างเกินไป ทุกคนมีสิทธิ์เผยแพร่ ทั้งที่ควรจำกัดสิทธิ์เผยแพร่ไว้ที่คนไม่กี่คน
ความหมายสำหรับธุรกิจในประเทศไทย
เว็บไซต์ในไทยจำนวนมากมีช่องทางติดต่อที่ไม่ใช่ฟอร์ม เช่น ปุ่ม LINE ปุ่มโทร หรือปุ่มแชท Messenger การกระทำเหล่านี้ไม่สร้างหน้าขอบคุณ จึงวัดด้วยทริกเกอร์คลิกใน GTM แทน เช่น ทริกเกอร์ที่ทำงานเมื่อ Click URL มีคำว่า line.me หรือขึ้นต้นด้วย tel: แล้วส่งเป็นเหตุการณ์ GA4 และ conversion ของ Google Ads ได้ ข้อจำกัดที่ต้องรู้คือ GTM วัดได้แค่การคลิกปุ่ม ไม่รู้ว่าแชทหรือสายนั้นจบด้วยการซื้อหรือไม่ อีกเรื่องคือพระราชบัญญัติคุ้มครองข้อมูลส่วนบุคคล (PDPA) ถ้าเว็บไซต์ใช้แบนเนอร์ขอความยินยอมคุกกี้ ควรตั้งให้แท็กการตลาดทำงานตามสถานะความยินยอม ซึ่ง GTM รองรับผ่านการตั้งค่าความยินยอม (consent settings) และ Consent Mode ของ Google รายละเอียดทางกฎหมายควรปรึกษาที่ปรึกษาด้านกฎหมายของธุรกิจ
คำถามที่พบบ่อยเกี่ยวกับ Google Tag Manager
Google Tag Manager ใช้ฟรีไหม
ใช้ฟรี Tag Manager เวอร์ชันมาตรฐานไม่มีค่าใช้จ่าย ส่วน Tag Manager 360 เป็นเวอร์ชันเสียเงินสำหรับองค์กรที่ต้องการฟีเจอร์เพิ่ม เช่น พื้นที่ทำงานไม่จำกัด
มี GTM แล้วยังต้องมี GA4 ไหม
ต้องมี เพราะ GTM ไม่เก็บหรือแสดงรายงานข้อมูลเอง GTM ทำหน้าที่ส่งข้อมูลไปยัง GA4 หรือเครื่องมืออื่น ส่วนรายงานและการวิเคราะห์อยู่ใน GA4
ต้องวางโค้ด GTM ตรงไหนของเว็บไซต์
โค้ดส่วนแรกวางให้สูงที่สุดเท่าที่ทำได้ใน <head> และโค้ดส่วนที่สองวางทันทีหลังแท็กเปิด <body> ตามคำแนะนำของ Google โดยต้องอยู่ในทุกหน้าของเว็บไซต์
แก้ไขใน GTM แล้วทำไมเว็บไซต์ยังไม่เปลี่ยน
เพราะยังไม่ได้เผยแพร่ การแก้ไขในพื้นที่ทำงานจะมีผลกับผู้เข้าชมจริงหลังจากกด Submit แล้วเลือก Publish and Create Version เท่านั้น
เว็บไซต์หนึ่งต้องมีกี่คอนเทนเนอร์
โดยทั่วไปหนึ่งคอนเทนเนอร์ต่อหนึ่งเว็บไซต์ก็พอ Google ระบุว่าไม่จำเป็นต้องมีคอนเทนเนอร์แยกสำหรับแต่ละหน้า
เริ่มวางระบบติดตามให้ถูกตั้งแต่ต้น
GTM ทำให้การติดตามบนเว็บไซต์ยืดหยุ่นขึ้นมาก แต่ข้อมูลที่ได้จะดีเท่ากับแท็กและทริกเกอร์ที่ตั้งไว้เท่านั้น ถ้าต้องการให้ช่วยวางโครงสร้าง GTM และเหตุการณ์ใน GA4 ให้ถูกต้อง ดู บริการติดตั้งและย้ายระบบ GA4 ถ้าเป้าหมายคือการวัด conversion ของโฆษณาให้แม่นยำ ดู บริการ Google Ads และ บริการรีมาร์เก็ตติ้ง และถ้าเว็บไซต์ของคุณสร้างด้วย WordPress บริการออกแบบเว็บไซต์ WordPress ช่วยวางโค้ดติดตามในธีมให้ถูกตำแหน่งได้
