คู่มือนี้อธิบายวิธีรักษาการติดตั้งใช้งานอีคอมเมิร์ซของ gtag.js Universal Analytics และ Google Analytics 4 แยกกัน
ไปที่ศูนย์การย้ายข้อมูลสำหรับนักพัฒนาซอฟต์แวร์เพื่อดูคู่มือการอัปเกรดและแหล่งข้อมูลเพิ่มเติม
ผลลัพธ์
ผลลัพธ์ของการทําตามคู่มือนี้คือคุณจะติดตั้งใช้งานเหตุการณ์อีคอมเมิร์ซของ Google Analytics 4 สําหรับพร็อพเพอร์ตี้ GA4 ใหม่ และไม่เปลี่ยนแปลงการติดตั้งใช้งานอีคอมเมิร์ซของ Universal Analytics ที่มีอยู่ คุณจะต้องส่งเหตุการณ์อีคอมเมิร์ซแยกต่างหากไปยังทั้งพร็อพเพอร์ตี้ Universal Analytics และ Google Analytics 4
โปรดทราบว่าเมื่อคุณใช้อีคอมเมิร์ซสําหรับทั้ง UA และ GA4 พร็อพเพอร์ตี้ Google Analytics 4 จะใช้การติดตั้งใช้งานอีคอมเมิร์ซของ GA4
ก่อนเริ่มต้น
ใช้เครื่องมือตัวช่วยการย้ายข้อมูลอีคอมเมิร์ซเพื่อยืนยันว่ารายการต่อไปนี้อธิบายการใช้งานปัจจุบันของคุณ
- คุณกําลังใช้พร็อพเพอร์ตี้ Universal Analytics
- เว็บไซต์ใช้ไลบรารี gtag.js เพื่อส่งเหตุการณ์อีคอมเมิร์ซ
ดูตัวเลือกการอัปเกรดสำหรับการใช้งานอีคอมเมิร์ซเพื่อดูข้อมูลเกี่ยวกับข้อดีข้อเสียของแต่ละตัวเลือก ยืนยันว่าคุณต้องการทําตามคู่มือนี้และใช้ข้อมูลวิเคราะห์ 2 แบบ ได้แก่ แบบหนึ่งสําหรับพร็อพเพอร์ตี้ Universal Analytics และอีกแบบหนึ่งสําหรับพร็อพเพอร์ตี้ Google Analytics 4
ข้อดีและข้อพิจารณา
ตรวจสอบและพิจารณาข้อมูลด้านล่างเพื่อทําความเข้าใจผลกระทบของการติดตั้งใช้งานอีคอมเมิร์ซ 2 รายการอย่างถ่องแท้ โดยแบบหนึ่งสําหรับพร็อพเพอร์ตี้ Universal Analytics และอีกแบบหนึ่งสําหรับพร็อพเพอร์ตี้ Google Analytics 4
ข้อดี | ข้อเสีย |
---|---|
|
|
การใช้งาน
1. สร้างและกําหนดค่าพร็อพเพอร์ตี้ GA4 ใหม่
ทำตามขั้นตอนต่อไปนี้เพื่อสร้างและกําหนดค่าพร็อพเพอร์ตี้ Google Analytics 4 ใหม่
- สร้างพร็อพเพอร์ตี้ Google Analytics 4 ใหม่
- ใช้ผู้ช่วยการตั้งค่า GA4 เพื่อสร้างพร็อพเพอร์ตี้ GA4 ใหม่โดยอัตโนมัติและคัดลอกการตั้งค่าต่อไปนี้จากพร็อพเพอร์ตี้ Universal Analytics ได้แก่ ชื่อพร็อพเพอร์ตี้ URL ของเว็บไซต์ เขตเวลา และการตั้งค่าสกุลเงิน อย่างไรก็ตาม ให้ยกเลิกการเลือกตัวเลือกเปิดใช้การเก็บรวบรวมข้อมูลโดยใช้แท็กที่มีอยู่ เพื่อปิดใช้ฟีเจอร์แท็กเว็บไซต์ที่เชื่อมต่อ หรือหากไม่ต้องการคัดลอกการตั้งค่าจากพร็อพเพอร์ตี้ Universal Analytics ให้สร้างพร็อพเพอร์ตี้ Google Analytics 4 โดยไม่มีผู้ช่วยการตั้งค่า GA4
- ค้นหารหัสแท็กของพร็อพเพอร์ตี้ Google Analytics 4 ซึ่งคุณจะใช้ข้อมูลนี้ในขั้นตอนถัดไปเพื่อกำหนดค่าพร็อพเพอร์ตี้ GA4
- เพิ่มพร็อพเพอร์ตี้ GA4
- โปรดใช้ฟังก์ชันข้อมูลเส้นทางจาก gtag.js เพื่อให้ระบบส่งเหตุการณ์ Universal Analytics ไปยังพร็อพเพอร์ตี้ UA และส่งเหตุการณ์ Google Analytics 4 ไปยังพร็อพเพอร์ตี้ GA4 เท่านั้น
- เพิ่มพร็อพเพอร์ตี้ Google Analytics 4 ลงในข้อมูลโค้ด gtag.js ที่มีอยู่
ใช้คำสั่ง
config
และพารามิเตอร์groups
กับรหัสแท็กเพื่อให้กำหนดเส้นทางเหตุการณ์ไปยังพร็อพเพอร์ตี้ GA4 แยกจากพร็อพเพอร์ตี้ Universal Analytics ได้
ต่อไปนี้คือตัวอย่างข้อมูลโค้ด gtag.js ที่กําหนดค่าพร็อพเพอร์ตี้ Universal Analytics และพร็อพเพอร์ตี้ Google Analytics 4 ที่กำหนดให้กับกลุ่ม GA4
<!-- 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', { 'groups': 'GA4' }); // Google Analytics 4 property
</script>
2. ติดตั้งใช้งานเหตุการณ์อีคอมเมิร์ซ GA4 และกําหนดเส้นทางไปยังพร็อพเพอร์ตี้ GA4
เมื่อสร้างและกําหนดค่าพร็อพเพอร์ตี้ Google Analytics 4 ใหม่แล้ว คุณก็พร้อมที่จะติดตั้งใช้งานเหตุการณ์อีคอมเมิร์ซ GA4 แล้ว หากต้องการช่วยให้การติดตั้งใช้งาน GA4 เปรียบเทียบกับการติดตั้งใช้งาน Universal Analytics ได้ ให้ใช้แหล่งข้อมูลต่อไปนี้
- คําแนะนําอีคอมเมิร์ซ Google Analytics 4 เพื่อดูวิธีส่งเหตุการณ์อีคอมเมิร์ซของ GA4
- ความเข้ากันได้ระหว่างเหตุการณ์ UA กับ GA4 และตารางพารามิเตอร์ที่เปรียบเทียบกันได้สําหรับตาราง UA กับ GA4 ข้อมูลนี้จะช่วยแมปชื่อและพารามิเตอร์เหตุการณ์อีคอมเมิร์ซของ Universal Analytics กับเหตุการณ์และพารามิเตอร์ที่เทียบเท่าสําหรับ Google Analytics 4
- เครื่องมือตัวช่วยย้ายข้อมูลอีคอมเมิร์ซเพื่อตรวจสอบว่าคุณได้เพิ่มเหตุการณ์อีคอมเมิร์ซ GA4 ที่ถูกต้องและเปรียบเทียบกับการติดตั้งใช้งาน Universal Analytics แล้ว
ตัวอย่างต่อไปนี้แสดงเหตุการณ์ purchase
อีคอมเมิร์ซของ Universal Analytics และ Google Analytics 4 แยกกันไปยังพร็อพเพอร์ตี้ที่เกี่ยวข้องโดยใช้พารามิเตอร์ send_to
สําหรับเหตุการณ์ GA4
// Universal Analytics.
// The original UA implementation remains unchanged.
gtag('event', 'purchase', {
"transaction_id": "24.031608523954162",
"affiliation": "Google online store",
"currency": "USD",
"shipping": 7.50,
"tax": 1.80,
"value": 33.30,
"items": [
{
"id": "P12345",
"name": "Android Warhol T-Shirt",
"brand": "Google",
"category": "Apparel/T-Shirts",
"variant": "Black",
"list_name": "Search Results",
"list_position": 1,
"quantity": 2,
"price": 12.00
}
]
});
// The new Google Analytics 4 ecommerce implementation.
// Uses `send_to` to route data to the GA4 group defined in the tag config.
gtag('event', 'purchase', {
"send_to": "GA4",
"transaction_id": "24.031608523954162",
"affiliation": "Google online store",
"currency": "USD",
"shipping": 7.50,
"tax": 1.80,
"value": 33.30,
"items": [
{
"item_id": "P12345",
"item_name": "Android Warhol T-Shirt",
"item_brand": "Google",
"item_category": "Apparel/T-Shirts",
"item_variant": "Black",
"quantity": 2,
"price": 12.00
}
],
});