GTM
GTMLab
No GTM Container connected.
Base Code Lab

การติดตั้ง Base Code ให้กับเว็บไซต์Google Tag, Meta Pixel, TikTok Pixel

Base/site-wide tags โดยทั่วไปถูกตั้งให้ทำงานครอบคลุมทุกหน้าที่ต้องการวัดผล แต่ Trigger และ timing ที่เหมาะสมขึ้นอยู่กับประเภท Tag เพื่อให้ระบบสามารถจดจำผู้ใช้, วัดผล Pageview พื้นฐาน และเป็นรากฐานสำหรับส่ง Event อื่นๆ ต่อไป

GTM Page Lifecycle Simulation

เมื่อผู้ใช้เข้าสู่หน้าเว็บ GTM จะผลัก Event เข้าสู่ dataLayer ตามลำดับเวลาการโหลดของเว็บเบราว์เซอร์

ส่วนนี้เป็น Simulation เพื่ออธิบายลำดับการทำงานเท่านั้น ไม่ได้อ่าน Event จาก GTM Container จริง ให้ตรวจสอบเหตุการณ์จริงผ่าน GTM Preview / Tag Assistant

Waiting...
Expected internal event:
gtm.js
+120ms
Waiting...
Expected internal event:
gtm.dom
+840ms
Waiting...
Expected internal event:
gtm.load
+1850ms
ลำดับการทำงานหน้าเว็บของ GTM คือ:
Consent Init →Initialization →Page View →DOM Ready →Window Loaded
  • •Consent Initialization ใช้สำหรับตั้งค่า Consent
  • •Initialization ใช้สำหรับ Tag ที่ต้องการให้ทำงานก่อน Page View ปกติ
  • •Page View ทำงานเมื่อเริ่มโหลดหน้าเว็บ
  • •DOM Ready ทำงานเมื่อโครงสร้างเว็บพร้อม
  • •Window Loaded ทำงานเมื่อโหลดองค์ประกอบทุกอย่างเสร็จสิ้น
Installation Guide

วิธีการติด Base Code

เลือกแพลตฟอร์ม:

การติดตั้ง Google Tag ปัจจุบัน GTM มี Official Tag แบบสำเร็จรูปให้ใช้แล้ว ไม่ต้องใช้ Custom HTML

  1. ไปที่ Tags > New
  2. เลือก Tag Type: Google Tag (จะอยู่ในหมวด Google Analytics)
  3. ใส่ Tag ID เช่น GT-XXXXXXXXX, G-XXXXXXXXX (สำหรับ GA4) หรือ AW-XXXXXXXXX (สำหรับ Google Ads)
  4. เลื่อนลงมาที่ Triggering เลือกทริกเกอร์ Initialization - All Pages
    Google แนะนำ Initialization - All Pages เพื่อให้ Google tag ทำงานก่อน event tags และ Page View triggers อื่นๆ
Google tag เป็น Base Setup สำหรับ Google measurement และ GA4 Event tags ใช้สำหรับส่ง Event เพิ่มเติมชื่อเดิม (Legacy): GA4 Configuration Tag
Verification

ตรวจสอบการทำงานจริงด้วย GTM Preview

จำไว้เสมอว่า Sandbox simulation ในหน้านี้ไม่เท่ากับผลลัพธ์จาก GTM จริง การตรวจสอบว่า Tag ทำงานถูกต้องหรือไม่ ต้องทำผ่าน Tag Assistant เท่านั้น:

  1. 1
    เปิดโหมด Preview ใน Google Tag Manager
  2. 2
    Connect กับ URL ของ Base Code Lab นี้
  3. 3
    Reload หน้าเว็บจริงบนเบราว์เซอร์
  4. 4
    ตรวจลำดับ lifecycle ในแถบด้านซ้ายของ Tag Assistant
  5. 5
    ตรวจสอบว่า Google tag ทำงาน (Fired) ที่เหตุการณ์ Initialization จริงหรือไม่
  6. 6
    ตรวจสอบว่า Tags อื่นๆ ทำงาน (Tags Fired) ครบถ้วนใน Tag Assistant