[UA] เหตุการณ์ Universal Analytics

หมายเหตุ: บทความนี้เกี่ยวกับ Universal Analytics (UA) ตั้งแต่วันที่ 1 กรกฎาคม 2023 พร็อพเพอร์ตี้ UA มาตรฐานจะหยุดประมวลผลข้อมูล (1 กรกฎาคม 2024 สําหรับพร็อพเพอร์ตี้ UA 360) หากคุณยังใช้ UA อยู่ ให้เปลี่ยนไปใช้ Google Analytics 4 (GA4)

Google Tag Manager ใช้การกำหนดค่าทริกเกอร์เพื่อเริ่มการทำงานของแท็กเพื่อตอบสนองต่อเหตุการณ์ บทความนี้อธิบายวิธีใช้ Tag Manager เพื่อตั้งค่าแท็กเหตุการณ์ Universal Analytics ซึ่งได้รับการเรียกใช้เพื่อตอบสนองต่อการคลิกลิงก์, ต่อการคลิกองค์ประกอบประเภทอื่นๆ, ตามช่วงเวลาที่กำหนด และเมื่อมีการส่งแบบฟอร์ม

บทความนี้อธิบายวิธีกำหนดค่า Tag Manager เพื่อสร้างทริกเกอร์ที่จะเฝ้าติดตามเหตุการณ์บางประเภทที่คาดว่าจะเกิดขึ้นบนหน้าเว็บ เพื่อให้ควบคุมฟังก์ชันการทำงานของทริกเกอร์ได้ถูกต้องแม่นยำยิ่งขึ้น ให้ตั้งค่าโค้ดให้ใช้ทริกเกอร์ตามเหตุการณ์ที่พุชไปยังชั้นข้อมูล

การคลิกลิงก์

วิธีที่นิยมใช้ในการส่งข้อมูลเหตุการณ์การคลิกไปยัง Google Analytics มีอยู่ 2 วิธีดังนี้

• ใช้ทริกเกอร์และแท็กแยกต่างหากสำหรับลิงก์แต่ละประเภท
• ใช้แท็กเดียวที่มีนิพจน์ทั่วไปเพื่อจัดการข้อมูลการคลิกทั้งหมด

สำหรับตัวอย่างต่อไปนี้ เราจะสมมติว่าหน้าเว็บประกอบด้วยเมนูการนำทางที่มีชื่อลิงก์และ URL เหล่านี้

ซื้อ	https://example.com/buy.html
เกี่ยวกับ	https://example.com/about.html
ติดต่อ	https://example.com/contact.html

ใช้ทริกเกอร์และแท็กแยกต่างหากเพื่อวัดการคลิก

วิธีนี้จำเป็นต้องใช้การสร้างทริกเกอร์และแท็กอย่างละ 3 รายการ ได้แก่ คู่ทริกเกอร์/แท็ก 1 รายการสำหรับแต่ละรายการในตารางด้านบน

1. เพิ่มแท็กการดูหน้าเว็บ Google Analytics หากยังไม่มี แท็กนี้ต้องเริ่มทำงานในหน้าเว็บทุกหน้า
2. เปิดใช้ Tag Manager เพื่อบันทึกข้อมูล URL ที่มีผู้คลิกดังนี้
   1. คลิกตัวแปร
   2. ในส่วนตัวแปรบิวท์อิน ให้คลิกกำหนดค่า
   3. เปิดใช้ช่องทำเครื่องหมายสำหรับ URL การคลิก
3. สร้างทริกเกอร์ที่จะคอยติดตามการคลิกลิงก์สำหรับ buy.html, contact.html และ about.html โดยทำดังนี้
   1. คลิกทริกเกอร์ ใหม่
   2. คลิกการกําหนดค่าทริกเกอร์ คลิก - เฉพาะลิงก์
   3. เพิ่มการตั้งค่าเหล่านี้ในการกำหนดค่าทริกเกอร์
      • รอแท็ก: เปิดใช้
      • เวลารอสูงสุด: 2000 (มิลลิวินาที)
      • ตรวจสอบการยืนยันความถูกต้อง: ปิดใช้
      • เปิดใช้ทริกเกอร์นี้เมื่อเงื่อนไขทั้งหมดเหล่านี้เป็นจริง: URL ของหน้าเว็บ มี /
      • ทริกเกอร์นี้เริ่มทำงานใน: การคลิกลิงก์บางรายการ URL การคลิก มี buy.html
      • ตั้งชื่อทริกเกอร์ “ทริกเกอร์ - คลิกซื้อ” และบันทึกทริกเกอร์
   4. ทำขั้นตอนเหล่านี้ซ้ำกับ “contact.html” และ “about.html”
4. สร้างแท็ก Google Analytics ใหม่ 3 รายการเพื่อวัดการคลิกสำหรับแต่ละหน้าดังนี้
   1. คลิกแท็ก ใหม่
   2. คลิกการกําหนดค่าแท็ก Google Analytics - Universal Analytics
   3. ตั้งค่าประเภทการติดตามเป็นเหตุการณ์
   4. ป้อนพารามิเตอร์การติดตามเหตุการณ์
      • หมวดหมู่: นำทาง
      • การทำงาน: เลือก
      • ป้ายกำกับ: ซื้อ
        หมายเหตุ: ค่าป้ายกํากับควรตรงกับลิงก์ที่มีผู้คลิก (เช่น "ซื้อ" สำหรับ buy.html "ติดต่อ" สำหรับ contact.html และ "เกี่ยวกับ" สำหรับ about.html)
      • ชื่อแท็ก: UA - เหตุการณ์ - ลิงก์ซื้อ
      • Hit ที่ไม่มีการโต้ตอบ: เท็จ
      • การตั้งค่า Google Analytics: เลือกตัวแปรการตั้งค่า Google Analytics ที่มีอยู่หรือสร้างใหม่
   5. คลิกการทริกเกอร์ และเลือกทริกเกอร์ที่คุณสร้างในขั้นตอนที่ 3 ที่มีชื่อว่า "ทริกเกอร์ - คลิกซื้อ"
   6. ตั้งชื่อให้แท็กและบันทึกการกำหนดค่าแท็ก
5. ทำซ้ำขั้นตอนเหล่านี้เพื่อสร้างแท็กสำหรับลิงก์ติดต่อและเกี่ยวกับ โปรดตั้งค่าป้ายกำกับตามชื่อของหน้าเว็บ เช่น "ซื้อ" สำหรับ buy.html "ติดต่อ" สำหรับ contact.html และ "เกี่ยวกับ" สำหรับ about.html
6. นำคอนเทนเนอร์ไปใช้จริง

ใช้แท็กเดียวเพื่อวัดการคลิก

วิธีลดความซับซ้อนของคอนเทนเนอร์ด้วยทริกเกอร์เดียวที่ใช้นิพจน์ทั่วไป และด้วยแท็กเดียวที่ใช้ ตัวแปร Tag Manager ในช่องป้ายกำกับ เพื่อให้ทริกเกอร์เริ่มทำงานในหน้าเว็บที่ถูกต้อง มีดังนี้

1. เพิ่มแท็กการดูหน้าเว็บ Google Analytics หากยังไม่มี แท็กนี้ต้องเริ่มทำงานในหน้าเว็บทุกหน้า
2. เปิดใช้ Tag Manager เพื่อบันทึกค่า URL ที่มีผู้คลิกดังนี้
   1. คลิกตัวแปร
   2. ในส่วนตัวแปรบิวท์อิน ให้คลิกกำหนดค่า
   3. เลือกตัวแปรบิวท์อิน URL การคลิก
3. สร้างทริกเกอร์เดียวเพื่อจัดการการคลิกลิงก์สำหรับแต่ละรายการในตารางด้านบน
   1. คลิกทริกเกอร์ ใหม่
   2. คลิกการกําหนดค่าทริกเกอร์ คลิก - เฉพาะลิงก์
   3. กำหนดค่าทริกเกอร์ด้วยการตั้งค่าต่อไปนี้
      • รอแท็ก: เปิดใช้
      • เวลารอสูงสุด: 2000ms
      • ตรวจสอบการยืนยันความถูกต้อง: ปิดใช้
      • เปิดใช้ทริกเกอร์นี้เมื่อเงื่อนไขทั้งหมดเหล่านี้เป็นจริง: URL ของหน้าเว็บ มี /
      • ทริกเกอร์นี้เริ่มทํางานใน: การคลิกลิงก์บางรายการ URL การคลิก ตรงกับนิพจน์ทั่วไป contact\.html|buy\.html|about\.html
   4. ตั้งชื่อทริกเกอร์ “ทริกเกอร์ - คลิกนำทาง” และบันทึกทริกเกอร์
4. สร้างแท็กเดียวเพื่อจัดการการคลิกทั้งหมดดังนี้
   1. คลิกแท็ก ใหม่
   2. คลิกการกําหนดค่าแท็ก Google Analytics - Universal Analytics
   3. ตั้งค่าประเภทการติดตามเป็นเหตุการณ์
   4. กรอกพารามิเตอร์การติดตามเหตุการณ์ให้ครบถ้วนดังนี้
      • หมวดหมู่: นำทาง
      • การทำงาน: เลือก
      • ป้ายกำกับ: {{Click URL}}
   5. คลิกการทริกเกอร์ และเลือกทริกเกอร์ที่คุณสร้างในขั้นตอนที่ 3 ที่มีชื่อว่า “ทริกเกอร์ - คลิกนำทาง”
   6. บันทึกแท็ก
5. นำคอนเทนเนอร์ไปใช้จริง

การคลิกองค์ประกอบอื่นๆ

ใช้เทคนิคนี้เพื่อวัดการคลิกองค์ประกอบอื่นๆ ที่ไม่ใช่ลิงก์ ซึ่งรวมถึงการคลิกรูปภาพ องค์ประกอบ <div> หรือรายการอื่นๆ ในหน้าเว็บที่ DOM เข้าถึงได้ ในตัวอย่างนี้ แต่ละรูปภาพมีค่าแอตทริบิวต์ class เป็น gallery และค่าแอตทริบิวต์รหัสที่ไม่ซ้ำกันสำหรับแต่ละรูปภาพดังนี้

<a href="ggb.jpg" class="gallery" id="Golden_Gate_Bridge">

<a href="tm.jpg" class="gallery" id="Taj_Mahal">

ในตัวอย่างนี้ เราจะใช้แอตทริบิวต์เหล่านี้เพื่อกำหนดค่าทริกเกอร์ที่เริ่มทำงานในแท็กรูปภาพด้วย class="gallery" และใช้ทริกเกอร์ดังกล่าวเพื่อเริ่มการทำงานของแท็กซึ่งส่งค่ารหัสที่เกี่ยวข้อง (เช่น Golden_Gate_Bridge, Taj_Mahal) ไปยัง Google Analytics ดังนี้

1. เพิ่มแท็กการดูหน้าเว็บ Google Analytics หากยังไม่มี แท็กนี้ต้องเริ่มทำงานในหน้าเว็บทุกหน้า
2. เปิดใช้ Tag Manager เพื่อบันทึกค่าคลาสและรหัสที่มีผู้คลิกดังนี้
   1. คลิกตัวแปร
   2. ในส่วนตัวแปรบิวท์อิน ให้คลิกกำหนดค่า
   3. เลือกตัวแปรบิวท์อินคลาสการคลิกและรหัสการคลิก
3. สร้างทริกเกอร์ใหม่ที่เริ่มทำงานเมื่อลิงก์มีค่าแอตทริบิวต์คลาสเป็น gallery:
   1. คลิกทริกเกอร์ ใหม่
   2. คลิกการกำหนดค่าทริกเกอร์ ​คลิก - องค์ประกอบทั้งหมด
   3. เปิดใช้ทริกเกอร์นี้เมื่อเงื่อนไขทั้งหมดเหล่านี้เป็นจริง: URL ของหน้าเว็บ มี /
   4. ทริกเกอร์นี้เริ่มทำงานใน: การคลิกบางรายการ คลาสการคลิก มี gallery
   5. บันทึกทริกเกอร์และตั้งชื่อเป็น "ทริกเกอร์ - คลิกรูปภาพในแกลเลอรี" เมื่อเห็นข้อความแจ้ง
4. สร้างแท็กเพื่อบันทึกค่าแอตทริบิวต์รหัสสำหรับรูปภาพที่มีผู้คลิกดังนี้
   1. คลิกแท็ก ใหม่
   2. คลิกการกําหนดค่าแท็ก Universal Analytics
   3. ตั้งค่าประเภทการติดตามเป็นเหตุการณ์
   4. กรอกพารามิเตอร์การติดตามเหตุการณ์ให้ครบถ้วนดังนี้
      • หมวดหมู่: แกลเลอรีรูปภาพ
      • การทำงาน: คลิก
      • ป้ายกำกับ: {{Click ID}}
        โปรดทราบว่าวงเล็บปีกกาจะใช้ในช่องข้อความและโค้ดที่กำหนดเองเพื่อแทนที่ชื่อตัวแปร Tag Manager ที่ถูกต้องด้วยค่าที่เกี่ยวข้องซึ่งดึงมาจากเหตุการณ์
      • Hit ที่ไม่มีการโต้ตอบ: เท็จ
      • การตั้งค่า Google Analytics: เลือกตัวแปรการตั้งค่า Google Analytics ที่มีอยู่หรือสร้างใหม่หากจำเป็น
   5. คลิกการทริกเกอร์ และเลือกทริกเกอร์ที่คุณสร้างในขั้นตอนที่ 3 ที่มีชื่อว่า "ทริกเกอร์ - คลิกรูปภาพในแกลเลอรี"
   6. บันทึกแท็กเป็น "GA - แท็กเหตุการณ์ - คลิกรูปภาพในแกลเลอรี"
5. นำคอนเทนเนอร์ไปใช้จริง

ช่วงเวลาที่กำหนด

การใช้แท็กช่วงเวลาที่กำหนดอาจส่งผลให้รายงานอัตราตีกลับแสดงตัวเลขที่ดูต่ำกว่าที่คาดไว้

วัดช่วงเวลาที่กำหนดเมื่อคุณต้องการทำความเข้าใจเวลาบนหน้าเว็บเมื่อไม่มีการทริกเกอร์เหตุการณ์ใด ซึ่งอาจรวมถึงผู้ใช้ที่อ่านข้อความหรือเล่นวิดีโอบนหน้าเว็บ นอกจากนี้ สมมติว่าเซสชัน Google Analytics จะหมดเวลาหลังจากผ่านไป 30 นาทีโดยค่าเริ่มต้น คุณควรใช้งาน "เหตุการณ์ตรวจสอบการทำงาน" เพื่อให้แน่ใจว่ามีการส่งกิจกรรมทุกๆ 25 นาที

วิธีกำหนดค่าแท็กที่วัดช่วงเวลาที่กำหนด

1. เพิ่มแท็กการดูหน้าเว็บ Google Analytics ขั้นพื้นฐานหากยังไม่มี แท็กนี้ต้องเริ่มทำงานในหน้าเว็บทุกหน้า
2. สร้างทริกเกอร์ตัวจับเวลา ดังนี้
   1. คลิกทริกเกอร์ ใหม่
   2. คลิกการกําหนดค่าทริกเกอร์ ตัวจับเวลา
   3. ​เพิ่มการตั้งค่าเหล่านี้ในการกำหนดค่าทริกเกอร์
      • ชื่อเหตุการณ์: gtm.timer
      • ช่วงเวลา: 1500000 (คำนวณในหน่วย มิลลิวินาที)
      • ขีดจำกัด: 5
      • เปิดใช้ทริกเกอร์นี้เมื่อเงื่อนไขทั้งหมดเหล่านี้เป็นจริง: URL ของหน้าเว็บ มี video.html
      • ทริกเกอร์นี้เริ่มทํางานใน ตัวจับเวลาทั้งหมด
   4. บันทึกทริกเกอร์เป็น “ทริกเกอร์ - ตัวจับเวลาเซสชัน"
3. สร้างแท็กตัวจับเวลาเซสชัน ดังนี้
   1. คลิกแท็ก ใหม่
   2. คลิกการกำหนดค่าแท็ก Universal Analytics และเพิ่มการตั้งค่าเหล่านี้ในการกำหนดค่าแท็ก
      • ประเภทการติดตาม: ระยะเวลา
      • พารามิเตอร์การติดตามระยะเวลาของผู้ใช้: เว้นว่างหรือเพิ่มค่าตามที่ต้องการสำหรับรายงาน
   3. คลิกการทริกเกอร์ และเลือกทริกเกอร์ที่คุณสร้างในขั้นตอนที่ 2 ที่มีชื่อว่า “ทริกเกอร์ - ตัวจับเวลาเซสชัน”
4. นำคอนเทนเนอร์ไปใช้จริง

การส่งแบบฟอร์ม

เทคนิคนี้จะทำให้แท็กเริ่มทำงานทุกครั้งที่มีการส่งแบบฟอร์มในหน้าเว็บ ในตัวอย่างนี้ สมมติว่าแท็ก HTML <form> ประกอบด้วยแอตทริบิวต์ ID ที่มีค่าเป็น "contact_us" ดังนี้

<form action="/example" method="POST" id="contact_us">

เราจะใช้ ID นี้เพื่อสร้างทริกเกอร์ที่จะคอยติดตามตรวจสอบเมื่อมีการส่งแบบฟอร์มนี้ได้ โดยทำดังนี้

1. เพิ่มแท็กการดูหน้าเว็บ Google Analytics ขั้นพื้นฐานหากยังไม่มี แท็กนี้ต้องเริ่มทำงานในหน้าเว็บทุกหน้า
2. เปิดใช้ Tag Manager เพื่อบันทึกรหัสแบบฟอร์มดังนี้
   • คลิกตัวแปร
   • คลิกกำหนดค่าในส่วนตัวแปรบิวท์อิน
   • เลือกตัวแปรบิวท์อิน รหัสแบบฟอร์ม
3. สร้างทริกเกอร์การส่งแบบฟอร์ม ดังนี้
   • คลิกทริกเกอร์ ใหม่
   • คลิกการกำหนดค่าทริกเกอร์ การส่งแบบฟอร์ม
   • เพิ่มการตั้งค่าเหล่านี้ในการกำหนดค่าทริกเกอร์
     • รอแท็ก: ปิดใช้
     • ตรวจสอบความถูกต้อง: เปิดใช้
     • เปิดใช้ทริกเกอร์นี้เมื่อเงื่อนไขทั้งหมดเหล่านี้เป็นจริง: URL ของหน้าเว็บ มี /
     • ทริกเกอร์นี้เริ่มทำงานใน: แบบฟอร์มบางรายการ รหัสแบบฟอร์ม มี contact_us
   • บันทึกทริกเกอร์เป็น “ทริกเกอร์ - การส่งแบบฟอร์มของฉัน”
4. สร้างแท็กเพื่อวัดการส่งแบบฟอร์มดังนี้
   1. คลิกแท็ก ใหม่
   2. คลิกการกําหนดค่าแท็ก Universal Analytics
   3. ตั้งค่าประเภทการติดตามเป็นเหตุการณ์
   4. กรอกข้อมูลพารามิเตอร์การติดตามเหตุการณ์ ดังนี้
      • หมวดหมู่: แบบฟอร์ม
      • การทำงาน: ส่ง
      • ป้ายกำกับ: สร้างโอกาสในการขาย - {{Form ID}}
        โปรดทราบว่าวงเล็บปีกกาจะใช้ในช่องข้อความและโค้ดที่กำหนดเองเพื่อแทนที่ชื่อตัวแปร Tag Manager ที่ถูกต้องด้วยค่าที่เกี่ยวข้องซึ่งดึงมาจากเหตุการณ์
   5. Hit ที่ไม่มีการโต้ตอบ: เท็จ
   6. การตั้งค่า Google Analytics: เลือกตัวแปรการตั้งค่า Google Analytics ที่มีอยู่หรือสร้างใหม่
   7. คลิกการทริกเกอร์ และเลือกทริกเกอร์ที่คุณสร้างในขั้นตอนที่ 3 ที่มีชื่อว่า “ทริกเกอร์ - การส่งแบบฟอร์มของฉัน”
   8. บันทึกแท็กเป็น "GA - แท็กเหตุการณ์ - การส่งแบบฟอร์ม"
5. นำคอนเทนเนอร์ไปใช้จริง

แหล่งข้อมูลที่เกี่ยวข้อง

• ใช้งาน Google Analytics กับ Tag Manager
• มิติข้อมูลที่กำหนดเองของ Google Analytics
• กลุ่มเนื้อหาของ Google Analytics
• การวัดผลด้วยรหัสผู้ใช้
• อีคอมเมิร์ซของ Google Analytics
• วัดกิจกรรมของผู้ใช้ข้ามโดเมน
• รีมาร์เก็ตติ้งแบบไดนามิกของ Google Analytics
• ศูนย์ช่วยเหลือของ Google Analytics: เกี่ยวกับเหตุการณ์ของ Google Analytics