คู่มือนี้จะแสดงวิธีตั้งค่าพารามิเตอร์สําหรับเหตุการณ์ที่แนะนําและเหตุการณ์ที่กําหนดเองในเว็บไซต์ เพื่อให้คุณรวบรวมข้อมูลเพิ่มเติมจากเหตุการณ์ได้ ดูข้อมูลเกี่ยวกับวิธีเพิ่มพารามิเตอร์ระดับสินค้าได้ที่วัดอีคอมเมิร์ซ
กลุ่มเป้าหมาย
คุณต้องการรวบรวมข้อมูลเพิ่มเติมเกี่ยวกับกิจกรรมของผู้ใช้ผ่านเหตุการณ์ที่คุณตั้งค่าไว้แล้ว
คุณใช้แท็ก Google (gtag.js) หรือ Google Tag Manager ในเว็บไซต์ หากต้องการตั้งค่าพารามิเตอร์เหตุการณ์สําหรับแอปบนอุปกรณ์เคลื่อนที่ โปรดดูหัวข้อบันทึกเหตุการณ์
ก่อนเริ่มต้น
คู่มือนี้จะถือว่าคุณดำเนินการในข้อต่อไปนี้แล้ว
- สร้างบัญชีและพร็อพเพอร์ตี้ Google Analytics
- สร้างสตรีมข้อมูลเว็บสําหรับเว็บไซต์
- วางข้อมูลโค้ดแท็ก Google ในเว็บไซต์
และจะถือว่าคุณมีสิ่งต่อไปนี้ด้วย
- การเข้าถึงซอร์สโค้ดของเว็บไซต์
- บทบาทผู้แก้ไข (หรือสูงกว่า) ในบัญชี Google Analytics
นอกจากนี้ คุณควรอ่านตั้งค่าเหตุการณ์ก่อนอ่านคู่มือนี้
ทําความเข้าใจพารามิเตอร์เหตุการณ์
พารามิเตอร์ให้ข้อมูลเพิ่มเติมเกี่ยวกับวิธีที่ผู้ใช้โต้ตอบกับ เว็บไซต์ของคุณ เช่น เมื่อมีผู้เข้ามาดูผลิตภัณฑ์ที่คุณขาย คุณก็สามารถใส่พารามิเตอร์ที่อธิบายผลิตภัณฑ์ที่แสดง เช่น ชื่อ หมวดหมู่ และราคา
เหตุการณ์การวัดที่ปรับปรุงแล้วและรวบรวมโดยอัตโนมัติจะมีพารามิเตอร์อยู่โดยค่าเริ่มต้น Google ยังมีชุดพารามิเตอร์ที่จําเป็นและไม่บังคับเพื่อ รวมไว้ในเหตุการณ์ที่แนะนําแต่ละรายการด้วย นอกจากนี้ คุณยังเพิ่มพารามิเตอร์เหตุการณ์อื่นๆ อีกได้หากต้องการ
ตั้งค่าพารามิเตอร์เหตุการณ์
เหตุการณ์มีโครงสร้างดังต่อไปนี้ โดย <event_parameters> คือพารามิเตอร์เหตุการณ์
ที่เขียนเป็นคู่คีย์-ค่า
gtag('event', '<event_name>', {
<event_parameters>
});
ลองดูตัวอย่างต่อไปนี้
gtag('event', 'screen_view', {
'app_name': 'myAppName',
'screen_name': 'Home'
});
ในตัวอย่างนี้
app_nameและscreen_nameคือชื่อพารามิเตอร์เหตุการณ์myAppNameและHomeคือค่าพารามิเตอร์เหตุการณ์
ตั้งค่าพารามิเตอร์สําหรับทุกเหตุการณ์
ตัวอย่างในส่วนก่อนหน้าใช้คำสั่ง event ในฟังก์ชัน gtag()
เพื่อส่งพารามิเตอร์สําหรับเหตุการณ์หนึ่ง นอกจากนี้ คุณยังอัปเดตคําสั่ง config
ในข้อมูลโค้ดแท็ก Google (ในแท็ก HTML <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', {
'page_title': 'Contact Us',
'currency': 'EUR'
});
</script>
หากเพิ่มรหัสแท็กมากกว่า 1 รายการลงในหน้าเว็บ ให้ใช้คําสั่ง set สําหรับ
พารามิเตอร์ส่วนกลางที่บันทึกไว้ (เช่น user_id, page_title, currency)
เพื่อให้รหัสทั้งหมดรับค่า วางคำสั่ง set เหนือคำสั่ง config
gtag('set', {
'page_title': 'Travel Destinations',
'currency': 'USD'
});
// Place your config commands after the set command like follows
gtag('config', 'G-XXXXXXXXXX-1');
gtag('config', 'G-XXXXXXXXXX-2');
gtag('config', 'G-XXXXXXXXXX-3');
ดูเหตุการณ์ใน Analytics
คุณดูเหตุการณ์และพารามิเตอร์ของเหตุการณ์ได้โดยใช้รายงานแบบเรียลไทม์และ DebugView โปรดทราบว่ารายงาน DebugView กำหนดให้ต้องมีการกำหนดค่าเพิ่มเติมบางอย่างก่อนที่คุณจะใช้รายงานได้ รายงานทั้ง 2 ฉบับนี้จะแสดงเหตุการณ์ที่ผู้ใช้เรียกให้แสดงบนเว็บไซต์เมื่อระบบเรียกเหตุการณ์ให้แสดง
ยืนยันใน DebugView
เมื่อใช้รายงาน DebugView พารามิเตอร์ที่กําหนดด้วย gtag('set') จะมีผลกับgtag('event') ทั้งหมดที่เรียกใช้ในหน้าเว็บหลังจากนั้น
หากต้องการยืนยัน
ให้ตรวจสอบว่ามีการเรียกใช้คำสั่ง gtag('set') ก่อนที่เหตุการณ์จะทริกเกอร์
จากนั้นเลือกเหตุการณ์ใน DebugView และตรวจสอบแท็บพารามิเตอร์เพื่อดู
รายการพารามิเตอร์ที่ผสานรวม รวมถึงพารามิเตอร์ที่ตั้งค่าไว้ทั่วโลก
พารามิเตอร์บางอย่างจะป้อนค่าของมิติข้อมูลและเมตริกที่สร้างไว้ล่วงหน้าใน Google Analytics โดยอัตโนมัติ ตัวอย่างเช่น พารามิเตอร์ในเหตุการณ์ที่รวบรวมโดยอัตโนมัติ และเหตุการณ์การวัดที่ปรับปรุงแล้ว รวมถึงพารามิเตอร์ที่จําเป็นและไม่บังคับ ซึ่งคุณส่งพร้อมกับเหตุการณ์ที่แนะนํา
สําหรับพารามิเตอร์อื่นๆ คุณต้องสร้างมิติข้อมูลและเมตริกที่กําหนดเองเพื่อดูค่าพารามิเตอร์ใน Google Analytics
ขั้นตอนถัดไป
สร้างมิติข้อมูลและเมตริกที่กำหนดเองสำหรับพารามิเตอร์เหตุการณ์ที่กำหนดเอง