อีคอมเมิร์ซของ GA4 (gtag.js): ส่งเหตุการณ์ GA4

คู่มือนี้อธิบายวิธีย้ายข้อมูลการติดตั้งใช้งานอีคอมเมิร์ซ gtag.js Universal Analytics ที่มีอยู่เพื่อใช้เหตุการณ์อีคอมเมิร์ซ Google Analytics 4

ไปที่ศูนย์การย้ายข้อมูลสำหรับนักพัฒนาซอฟต์แวร์เพื่อดูคู่มือและแหล่งข้อมูลเพิ่มเติมในการย้ายข้อมูล

ผลลัพธ์

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

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

  1. ใช้เครื่องมือตัวช่วยการย้ายข้อมูลอีคอมเมิร์ซเพื่อยืนยันว่ารายการต่อไปนี้อธิบายการใช้งานปัจจุบันของคุณ

    • คุณกําลังใช้พร็อพเพอร์ตี้ Universal Analytics
    • เว็บไซต์ใช้ไลบรารี gtag.js เพื่อส่งเหตุการณ์อีคอมเมิร์ซ

  2. อ่านตัวเลือกในการย้ายข้อมูลสำหรับการใช้งานอีคอมเมิร์ซเพื่อดูข้อมูลเกี่ยวกับข้อดีข้อเสียของแต่ละตัวเลือก ยืนยันว่าคุณต้องการทําตามคู่มือนี้จริงๆ เพื่อใช้เหตุการณ์อีคอมเมิร์ซของ Google Analytics 4 สําหรับการติดตั้งใช้งาน Universal Analytics ของ gtag.js ที่มีอยู่

  3. โปรดอ่านข้อมูลอ้างอิงความเข้ากันได้ของเหตุการณ์เพื่อดูวิธีแปลเหตุการณ์ UA เมื่อส่งไปยังพร็อพเพอร์ตี้ GA4

ข้อดีและข้อพิจารณา

ตรวจสอบและพิจารณาข้อมูลด้านล่างเพื่อทําความเข้าใจผลกระทบของการใช้เหตุการณ์อีคอมเมิร์ซของ Google Analytics 4 กับการติดตั้งใช้งานอีคอมเมิร์ซของ gtag.js (Universal Analytics) ที่มีอยู่

ข้อดี ข้อเสีย
  • ช่วยให้คุณดูข้อมูลอีคอมเมิร์ซได้ทั้งในรายงาน GA4 และ Universal Analytics
  • การใช้เหตุการณ์และพารามิเตอร์ GA4 จะช่วยให้รายงานอีคอมเมิร์ซของ GA4 มีข้อมูลที่สมบูรณ์
  • กำหนดให้คุณต้องเปลี่ยนเหตุการณ์อีคอมเมิร์ซที่มีอยู่
  • เหตุการณ์และพารามิเตอร์ GA4 บางรายการไม่มีค่าเทียบเท่าใน Universal Analytics พารามิเตอร์ shipping_tier, discount, currency, location_id, promotion_name และ promotion_id ไม่มีค่าเทียบเท่าของ Universal Analytics และจะไม่ปรากฏในรายงาน Universal Analytics

การใช้งาน

1. อัปเดตการใช้งานอีคอมเมิร์ซ

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

โปรดใช้แหล่งข้อมูลต่อไปนี้เพื่อช่วยในการอัปเดต

2. สร้างและกําหนดค่าพร็อพเพอร์ตี้ GA4 ใหม่

เมื่ออัปเดตการติดตั้งใช้งานอีคอมเมิร์ซเพื่อส่งเหตุการณ์อีคอมเมิร์ซของ GA4 แล้ว ให้ทําตามขั้นตอนใดตัวเลือกหนึ่งต่อไปนี้เพื่อเริ่มส่งข้อมูลไปยังพร็อพเพอร์ตี้ Google Analytics 4 ใหม่

ตัวเลือกที่ 1: ใช้ผู้ช่วยการตั้งค่า GA4 และเปิดใช้แท็กเว็บไซต์ที่เชื่อมต่อ

ผู้ช่วยการตั้งค่า GA4 จะสร้างพร็อพเพอร์ตี้ GA4 ใหม่และคัดลอกการตั้งค่าชื่อพร็อพเพอร์ตี้ URL เว็บไซต์ และการตั้งค่าสกุลเงินจากพร็อพเพอร์ตี้ Universal Analytics โดยอัตโนมัติ และยังเปิดใช้ฟีเจอร์แท็กเว็บไซต์ที่เชื่อมต่อเพื่อนำการติดตั้งใช้งาน gtag.js ของ Universal Analytics ที่มีอยู่กลับมาใช้ซ้ำเพื่อโหลดพร็อพเพอร์ตี้ GA4 ใหม่ได้ด้วย

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

ตัวเลือกที่ 2: อัปเดตข้อมูลโค้ด gtag.js

  1. สร้างพร็อพเพอร์ตี้ Google Analytics 4 ใหม่
    • ใช้ผู้ช่วยการตั้งค่า GA4 เพื่อเพิ่มพร็อพเพอร์ตี้ Google Analytics 4 อย่างไรก็ตาม ให้ยกเลิกการเลือกตัวเลือกเปิดใช้การเก็บรวบรวมข้อมูลโดยใช้แท็กที่มีอยู่เมื่อได้รับข้อความแจ้งระหว่างการตั้งค่า หรือสร้างพร็อพเพอร์ตี้ Google Analytics 4 โดยไม่มีผู้ช่วยการตั้งค่า GA4 ข้อดีของการใช้ Assistant คือจะคัดลอกการตั้งค่าพื้นฐานบางอย่างจากพร็อพเพอร์ตี้ Universal Analytics ของคุณ
  2. ค้นหารหัสแท็กของพร็อพเพอร์ตี้ Google Analytics 4
  3. เพิ่มพร็อพเพอร์ตี้ Google Analytics 4 ลงในข้อมูลโค้ด gtag.js ที่มีอยู่โดยใช้คำสั่ง config กับรหัสแท็ก

ต่อไปนี้คือตัวอย่างข้อมูลโค้ด gtag.js ที่กําหนดค่าพร็อพเพอร์ตี้ Universal Analytics และ Google Analytics 4

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXX-Y');  // Universal Analytics property
  gtag('config', 'TAG_ID');  // Google Analytics 4 property
</script>