ตั้งค่าเหตุการณ์

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

คู่มือนี้แสดงวิธีตั้งค่าเหตุการณ์ที่แนะนำและเหตุการณ์ที่กำหนดเองใน เว็บไซต์โดยใช้แท็ก Google (gtag.js) หรือ Google Tag Manager คุณไม่จําเป็นต้องตั้งค่าเหตุการณ์ที่รวบรวมโดยอัตโนมัติและการวัดที่ปรับปรุงแล้ว

คุณตั้งค่า Google Analytics แล้ว และเริ่มเห็นข้อมูลในรายงานของคุณ แต่ คุณต้องการรวบรวมข้อมูลมากกว่าที่ Analytics รวบรวมโดยอัตโนมัติ หรือคุณต้องการปลดล็อกฟีเจอร์และความสามารถบางอย่างใน Analytics


ก่อนเริ่มต้น

คู่มือนี้จะถือว่าคุณดำเนินการในข้อต่อไปนี้แล้ว

และจะถือว่าคุณมีสิ่งต่อไปนี้ด้วย

  • การเข้าถึงซอร์สโค้ดของเว็บไซต์
  • บทบาทผู้แก้ไขในบัญชี Google Analytics

ภาพรวมแท็ก Google (gtag.js)

ใช้ API ของแท็ก Google (gtag.js) เพื่อส่ง เหตุการณ์ลงใน Google Analytics API มีฟังก์ชันหนึ่งชื่อ gtag() และ เมื่อใดก็ตามที่ต้องการส่งเหตุการณ์ไปยัง Google Analytics ให้ใช้สิ่งต่อไปนี้ ไวยากรณ์:

gtag('event', '<event_name>', {
 
<event_parameters>
});

ในตัวอย่างนี้ ฟังก์ชัน gtag() ประกอบด้วยข้อมูลต่อไปนี้

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

ตัวอย่างเช่น ต่อไปนี้เป็นเหตุการณ์ที่แนะนําชื่อ screen_view ที่มี 2 รายการ ได้แก่

gtag('event', 'screen_view', {
 
'app_name': 'myAppName',
 
'screen_name': 'Home'
});

เพิ่มเหตุการณ์ลงใน JavaScript

gtag() เป็นฟังก์ชัน JavaScript ดังนั้นคุณต้องเพิ่มฟังก์ชันลงใน JavaScript บนหน้าเว็บของคุณ เช่น คุณอาจเพิ่มฟังก์ชันภายใน แท็ก <script> หรือในไฟล์ JavaScript แยกต่างหากที่คุณนําเข้าไปยัง HTML

คุณเพิ่มเหตุการณ์ลงใน JavaScript ที่ใดก็ได้ด้านล่างข้อมูลโค้ดแท็ก Google Google จะไม่ประมวลผลข้อมูลจากเหตุการณ์ที่คุณวางไว้เหนือแท็ก Google ข้อมูลเพิ่มเติม ตัวอย่างเช่น โค้ดตัวอย่างต่อไปนี้มีเหตุการณ์ที่ชื่อ screen_view ภายในแท็ก <script>:

<!DOCTYPE html>
<html lang="en">
<head>
   
<!-- Google tag (gtag.js) -->
   
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
   
<script>
    window
.dataLayer = window.dataLayer || [];
   
function gtag(){dataLayer.push(arguments);}
    gtag
('js', new Date());

    gtag
('config', 'G-XXXXXXXXXX');
   
</script>

   
<meta charset="UTF-8">
   
<meta http-equiv="X-UA-Compatible" content="IE=edge">
   
<meta name="viewport" content="width=device-width, initial-scale=1.0">
   
<title>Title of the page</title>
</head>
<body>
   
<p>Welcome to my website!</p>
   

   
<script>
     
/**
      *   The following event is sent when the page loads. You could
      *   wrap the event in a JavaScript function so the event is
      *   sent when the user performs some action.
      */

      gtag
('event', 'screen_view', {
       
'app_name': 'myAppName',
       
'screen_name': 'Home'
     
});
   
</script>

</body>
</html>

หากต้องการส่งเหตุการณ์ตามการคลิกปุ่ม (หรือการดําเนินการอื่นๆ ของผู้ใช้) ให้เพิ่ม JavaScript เพิ่มเติมลงในเหตุการณ์

ดูเหตุการณ์ใน Analytics

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

ขั้นตอนถัดไป