GTM
GTMLab
No GTM Container connected.
Click Tracking Lab

ฝึกตั้งค่า Trigger สำหรับการคลิก (Click Tracking)Just Links & All Elements Triggers

ทำความเข้าใจความแตกต่างของ Trigger 2 รูปแบบหลักบน Google Tag Manager: Just Links และ All Elements พร้อมฝึกทดสอบดักจับค่า Click Variables และส่งข้อมูล Tag แบบเรียลไทม์

TRIGGER 01Event: Link Click

Just Links Trigger

ใช้สำหรับ: ตรวจจับการคลิกบน Hyperlink (<a> tag) เท่านั้น โดย GTM จะค้นหาลิงก์ปลายทาง (Click URL) ให้อัตโนมัติ แม้จะคลิกโดนข้อความหรือรูปภาพที่ซ้อนอยู่ข้างในลิงก์

💡 มักเจอและใช้งานในรูปแบบใด:
  • •ดาวน์โหลดไฟล์ (File Downloads): ลิงก์ที่ลงท้ายด้วย .pdf, .xlsx, .zip
  • •ลิงก์ออกภายนอก (Outbound Links): ลิงก์ไป Social Media (Facebook, LINE, IG, YouTube) หรือเว็บพาร์ทเนอร์
  • •การติดต่อด่วน (Contact Links): ลิงก์กดโทรออก (tel:) หรือส่งอีเมล (mailto:)
  • •ลิงก์นำทางภายในเว็บ (Internal Links): เช่น เมนูนำทาง หรือปุ่มพาข้ามไปหน้าสำคัญ (เช่น /product, /contact)
ไปที่การทดสอบ Just Links
TRIGGER 02Event: Click

All Elements Trigger

ใช้สำหรับ: ตรวจจับการคลิกบน ทุกองค์ประกอบ (Any Element) บนหน้าเว็บ เช่น ปุ่ม, แบนเนอร์, ป๊อปอัป โดยไม่จำเป็นต้องมีการฝังแท็กลิงก์

💡 มักเจอและใช้งานในรูปแบบใด:
  • •ปุ่ม Action ทั่วไป (<button>): เช่น ปุ่มกดรับโค้ดส่วนลด, ปุ่มขอนัดหมาย Demo, ปุ่มเปิด Modal
  • •แบนเนอร์หรือการ์ดโปรโมชัน (<div>): กล่องรูปภาพ/ข้อความโปรโมชันที่ผู้ใช้สามารถคลิกได้
  • •Tabs & Accordion: เมนูสลับแท็บแสดงข้อมูล, กล่องคำถามที่พบบ่อย (FAQ), เมนู Dropdown
  • •ปุ่มที่ไม่มี URL ปลายทาง: ปุ่ม Action ที่ทำงานผ่าน JavaScript (เช่น เพิ่มสินค้าลงตะกร้าแบบ AJAX)
ไปที่การทดสอบ All Elements
TRIGGER TYPE 02All Elements

2. การตรวจจับทุก Element (All Elements Trigger)

เหมาะสำหรับทุกการคลิกบนองค์ประกอบใดๆ บนหน้าเว็บ ทั้งที่ไม่มีการฝังลิงก์ (เช่น ปุ่ม Action <button>, แบนเนอร์ <div>, ป๊อปอัป) หรือต้องการตรวจจับทุกการคลิกโดยละเอียด

กล่องทดสอบคลิกปุ่ม & แบนเนอร์ (All Elements)

คลิกที่ปุ่มหรือแบนเนอร์ด้านล่างเพื่อทดสอบการจับ Click ID, Click Classes และ Click Element

⚡
Flash Sale สิ้นเดือนนี้เท่านั้น!
คลิกดูโปร
ทดสอบปุ่ม Action ขนาดเล็ก:
Sandbox Click Inspector — All Elements
👆 ลองคลิกตัวอย่างด้านบน เพื่อดูค่าจาก DOM ที่ Sandbox นำมาจำลองเป็น Click Variablesค่าจริงจาก GTM ให้ตรวจสอบใน Preview / Tag Assistant
ค่าด้านล่างอ่านจาก DOM โดย Sandbox เพื่อช่วยจำลอง Click Variables เท่านั้น ไม่ได้อ่านค่าจาก GTM จริง กรุณาตรวจสอบค่าจริงใน GTM Preview / Tag Assistant
เทียบกับ GTM จริง
  1. เปิด GTM Preview
  2. คลิกตัวอย่างเดียวกันใน Sandbox
  3. เลือก Click event ใน Tag Assistant
  4. เปิดแท็บ Variables
  5. เปรียบเทียบ Click ID / Click URL / Click Text / Click Classes กับ Sandbox Inspector
Step-by-Step Tutorial

ขั้นตอนการตั้งค่า All Elements บน GTM

1. เปิดใช้งาน Built-in Clicks Variables ใน GTM:

  1. ไปที่เมนู Variables (ตัวแปร) ใน GTM
  2. คลิกปุ่ม Configure (กำหนดค่า) ในส่วน Built-In Variables
  3. เลื่อนลงไปที่หมวด Clicks (การคลิก) และติ๊กเลือกทั้ง 6 ตัวแปร:
Click Element
Click Classes
Click ID
Click Target
Click URL
Click Text
ทริกแนะนำในการเลือก Variable:

หากปุ่มหรือ Element มีการระบุ ID แนะนำให้เลือกใช้ Click ID เป็นลำดับแรกเพราะมีความเฉพาะเจาะจงที่สุด แต่หากไม่มี ID สามารถเลือกใช้ Click Classes หรือ Click Text ในการดักจับแทนได้อย่างง่ายดายครับ