จัดกลุ่มและข้อมูลเส้นทาง

คุณกำหนดค่าการติดตั้งแท็ก 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>