เหตุการณ์ช่วยให้คุณวัดการโต้ตอบของผู้ใช้ในเว็บไซต์หรือแอปได้ ตัวอย่างเช่น คุณสามารถวัดเมื่อมีผู้โหลดหน้าเว็บ คลิกลิงก์ และทําการซื้อ Google Analytics ใช้ข้อมูลจากเหตุการณ์เพื่อสร้างรายงานที่มีข้อมูลเกี่ยวกับ ธุรกิจของคุณ ดูข้อมูลเพิ่มเติม
คู่มือนี้แสดงวิธีตั้งค่าเหตุการณ์ที่แนะนำและเหตุการณ์ที่กำหนดเองใน เว็บไซต์โดยใช้แท็ก Google (gtag.js) หรือ Google Tag Manager คุณไม่จําเป็นต้องตั้งค่าเหตุการณ์ที่รวบรวมโดยอัตโนมัติและการวัดที่ปรับปรุงแล้ว
ผู้ชม
คุณตั้งค่า Google Analytics แล้ว และเริ่มเห็นข้อมูลในรายงานของคุณ แต่ คุณต้องการรวบรวมข้อมูลมากกว่าที่ Analytics รวบรวมโดยอัตโนมัติ หรือคุณต้องการปลดล็อกฟีเจอร์และความสามารถบางอย่างใน Analytics
ก่อนเริ่มต้น
คู่มือนี้จะถือว่าคุณดำเนินการในข้อต่อไปนี้แล้ว
- สร้างบัญชีและพร็อพเพอร์ตี้ Google Analytics
- สร้างสตรีมข้อมูลเว็บสําหรับเว็บไซต์
- วางแท็ก Google ในเว็บไซต์
และจะถือว่าคุณมีสิ่งต่อไปนี้ด้วย
- การเข้าถึงซอร์สโค้ดของเว็บไซต์
- บทบาทผู้แก้ไขในบัญชี 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 ฉบับนี้จะแสดง เหตุการณ์ที่ผู้ใช้เรียกให้แสดงในเว็บไซต์ของคุณเมื่อมีการเรียกเหตุการณ์ให้แสดง
ขั้นตอนถัดไป
- ตั้งค่าพารามิเตอร์เหตุการณ์เพื่อใส่ข้อมูลเพิ่มเติมลงในเหตุการณ์
- ทําเครื่องหมายเหตุการณ์เป็นเหตุการณ์สําคัญ