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

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

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

ผลลัพธ์

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

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

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

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

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

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

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

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

ข้อดี ข้อเสีย
  • เป็นตัวเลือกที่ใช้งานง่ายที่สุดเนื่องจากคุณไม่ได้เปลี่ยนแท็กเหตุการณ์อีคอมเมิร์ซที่มีอยู่
  • ช่วยให้คุณดูข้อมูลอีคอมเมิร์ซได้ทั้งในรายงาน GA4 และ Universal Analytics
  • ไม่มีการเปลี่ยนแปลงวิธีรวบรวมหรือรายงานข้อมูลอีคอมเมิร์ซในพร็อพเพอร์ตี้ Universal Analytics
  • ระบบไม่รู้จักเหตุการณ์ select_content, checkout_progress, set_checkout_option และ view_refund ใน GA4 และจะไม่ปรากฏในรายงานอีคอมเมิร์ซของ GA4
    • ระบบจะถือว่าเหตุการณ์ข้างต้นและพารามิเตอร์ที่เชื่อมโยงเป็นเหตุการณ์ที่กําหนดเองและพารามิเตอร์ที่กําหนดเองใน GA4 อย่างไรก็ตาม ระบบจะไม่ส่งข้อมูลไปยัง Google Analytics สำหรับพารามิเตอร์ items (ไม่รองรับเป็นพารามิเตอร์ที่กำหนดเอง)
  • ขั้นตอนเพิ่มข้อมูลการจัดส่งในรายงานช่องทางรถเข็น/รายละเอียดรถเข็นของ GA4 จะว่างเปล่า
  • ขั้นตอนการคลิกรายการในรายงานสินค้า/ผลิตภัณฑ์/รายการสินค้าของ GA4 จะว่างเปล่า
  • ระบบไม่รู้จักตัวคั่น / ในหมวดหมู่ใน GA4 GA4 จะรายงาน cat1/cat2/cat3 เป็นหมวดหมู่แทนที่จะเป็น 3 หมวดหมู่ ได้แก่ cat1, cat2 และ cat3

การใช้งาน

เลือกตัวเลือกใดตัวเลือกหนึ่งต่อไปนี้เพื่อใช้การติดตั้งใช้งาน gtag.js Universal Analytics ที่มีอยู่ในการส่งเหตุการณ์อีคอมเมิร์ซไปยังพร็อพเพอร์ตี้ 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>