คุณกำหนดค่าการติดตั้งแท็ก Google (gtag.js) ให้กำหนดเส้นทางข้อมูลไปยังกลุ่มบัญชีหรือผลิตภัณฑ์ที่ต้องการได้ โซลูชันการวัดผลที่สมบูรณ์สำหรับผลิตภัณฑ์การวัดของ Google สามารถกำหนดค่าได้ทั้งหมดจากภายในโค้ดบล็อกเดียวกัน คู่มือนี้อธิบายวิธีกําหนดค่าแท็ก Google ให้ส่งข้อมูลไปยังผลิตภัณฑ์ บัญชี และการกําหนดค่าที่เฉพาะเจาะจงโดยใช้พารามิเตอร์ send_to
และ groups
การกำหนดเส้นทางเริ่มต้น
แท็ก Google มีคําสั่ง config
เพื่อจัดการการกำหนดเส้นทาง ตัวอย่างเช่น เมื่อคุณติดตั้งแท็ก Google ด้วยรหัสแท็ก ข้อมูลโค้ดต่อไปนี้จะส่งข้อมูลไปยังบัญชี Google Analytics 4, Google Ads หรือทั้ง 2 อย่าง
gtag('config', 'TAG_ID');
คุณลบล้างการกำหนดเส้นทางที่ระบุไว้ในแท็ก Google (หรือวิธีการกำหนดเส้นทางก่อนหน้านี้ในหน้า) ได้โดยเพิ่มพารามิเตอร์ send_to
ในคำสั่ง event
เช่น ระบบจะส่งเหตุการณ์ sign_in
ต่อไปนี้ไปยังพร็อพเพอร์ตี้ Google Analytics ที่มีรหัสปลายทาง 'G-XXXXXX-2'
เท่านั้น ไม่ว่าจะกําหนดค่าเป้าหมายใดในหน้าเว็บไว้ก่อนหน้านี้ก็ตาม
gtag('event', 'sign_in', { 'send_to': 'G-XXXXXX-2' });
กลุ่ม
บางครั้งคุณอาจต้องส่งข้อมูลบางอย่างไปยังชุดบัญชีหรือผลิตภัณฑ์ และส่งข้อมูลอื่นๆ ไปยังบัญชีหรือผลิตภัณฑ์อื่น ตัวอย่างเช่น คุณอาจต้องการส่งข้อมูลเกี่ยวกับแคมเปญการตลาดที่ต้องการไปยังเอเจนซีโฆษณา พร้อมกับเก็บรักษาข้อมูลที่สมบูรณ์มากขึ้นสำหรับองค์กร คุณจัดระเบียบฟังก์ชันนี้ได้โดยใช้ groups
คุณสามารถสร้างกลุ่มเป้าหมาย (เช่น ผลิตภัณฑ์ บัญชี และพร็อพเพอร์ตี้) แล้วกำหนดเส้นทางเหตุการณ์ไปยังกลุ่มนั้นได้
ในตัวอย่างต่อไปนี้ มีการเพิ่มพร็อพเพอร์ตี้ Google Analytics 2 รายการลงในกลุ่มชื่อ group1
จากนั้นระบบจะเปลี่ยนเส้นทางเหตุการณ์ sign_in
ไปยังพร็อพเพอร์ตี้ 2 รายการในกลุ่มนั้น
gtag('config', 'G-XXXXXX-1', { 'groups': 'group1' });
gtag('config', 'G-XXXXXX-2', { 'groups': 'group1' });
// Routes to 'G-XXXXXX-1' and 'G-XXXXXX-2'
gtag('event', 'sign_in', { 'send_to': 'group1' });
กลุ่มเริ่มต้น
หากไม่ได้ตั้งค่าพารามิเตอร์ send_to
ไว้ ระบบจะกำหนดเส้นทางเหตุการณ์ไปยังกลุ่มเป้าหมาย default
กลุ่ม default
ประกอบด้วยผลิตภัณฑ์และบัญชีทั้งหมดจากคำสั่ง config
ในหน้าเว็บที่ดำเนินการก่อนเหตุการณ์ แม้ว่าจะไม่มีการระบุพารามิเตอร์ groups
ในคำสั่ง config
แต่ระบบจะกำหนดเป้าหมายให้กับกลุ่ม default
// The following two lines are equivalent:
gtag('config', 'G-XXXXXX-1');
gtag('config', 'G-XXXXXX-1', { 'groups': 'default' });
ตัวอย่างถัดไปแสดงให้เห็นว่ามีการส่งเหตุการณ์ไปยังกลุ่ม default
โดยไม่คำนึงว่ามีการระบุ {'send_to : 'default'}
หรือไม่
// Configure a target
gtag('config', 'G-XXXXXX-1');
// Since send_to is not specified, this routes to the 'default' group which
// includes 'G-XXXXXX-1', as defined in config, above.
gtag('event', 'sign_in');
// By default, routes to the 'default' groups which includes
// 'G-XXXXXX-1', as defined in config, above.
gtag('event', 'generate_lead', { 'send_to': 'default' });
เส้นทางไปยัง groups
ที่กำหนดเอง
เมื่อใช้ groups
คุณจะระบุข้อมูลชิ้นหนึ่งๆ ที่ควรกำหนดเส้นทางไปยังรหัสชุดใดชุดหนึ่งได้ ตัวอย่างโค้ดต่อไปนี้จะแสดงวิธีกำหนดเส้นทางข้อมูลเหตุการณ์ sign_in
ไปยังกลุ่มที่กำหนดเองชื่อ agency
// Configure a target
gtag('config', 'G-XXXXXX-1');
gtag('config', 'G-XXXXXX-3', { 'groups': 'agency' });
gtag('config', 'G-XXXXXX-9', { 'groups': 'agency' });
// Routes only to 'G-XXXXXX-3' and 'G-XXXXXX-9' since they
// are both in the 'agency' group
gtag('event', 'sign_in', { 'send_to': 'agency' });
ตัวอย่าง: กําหนดค่า Google Ads, Analytics และ Floodlight ร่วมกัน
คุณสามารถสร้างการกำหนดค่าที่สมบูรณ์สำหรับ Google Ads, Google Analytics และ Floodlight ได้จากภายในแท็ก Google เดียวกัน ตัวอย่างนี้แสดงให้เห็นลักษณะของแท็กแบบรวม ตัวอย่างนี้
- ส่งข้อมูลการดูหน้าเว็บไปยัง Google Analytics
- วัด Conversion ของ Google Ads และ Floodlight
- ส่งข้อมูลเกี่ยวกับสินค้าที่เพิ่มลงในรถเข็นช็อปปิ้งไปยัง Analytics และ Google Ads
<script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
// Global configs
gtag('config', 'TAG_ID');
gtag('config', 'DC-ZZZZZZ');
// Measure Google Ads conversions
gtag('event', 'conversion', {
'send_to': 'AW-YYYYYY/AbC-D_efG-h12_34-567',
'value': 1.0,
'currency': 'USD'
});
// Measure Floodlight conversions
gtag('event', 'conversion', {
'allow_custom_scripts': true,
'send_to': 'DC-ZZZZZZ/actions/locat304+standard'
});
// Route ecommerce add_to_cart event to Google Ads and Analytics
gtag('event', 'add_to_cart', {
'send_to': [
'G-XXXXXX-1',
'AW-YYYYYY'
],
'items': [
'id': 'U1234',
'ecomm_prodid': 'U1234',
'name': 'Argyle Funky Winklepickers',
'list': 'Search Results',
'category': 'Footwear',
'quantity': 1,
'ecomm_totalvalue': 123.45,
'price': 123.45
]
});
</script>