ตรวจสอบการตั้งค่าอีคอมเมิร์ซ (gtag.js)

เอกสารนี้แสดงภาพรวมเกี่ยวกับวิธีตรวจสอบว่า Analytics รวบรวมเหตุการณ์อีคอมเมิร์ซจากเว็บไซต์เมื่อคุณใช้ gtag.js เอกสารนี้จะถือว่าคุณได้อ่านวัดอีคอมเมิร์ซแล้ว

ดูเหตุการณ์อีคอมเมิร์ซแบบเรียลไทม์

เมื่อเพิ่มเหตุการณ์อีคอมเมิร์ซลงในเว็บไซต์และเริ่มทริกเกอร์เหตุการณ์แล้ว ให้ใช้รายงาน DebugView เพื่อตรวจสอบว่า Analytics ได้รับเหตุการณ์อีคอมเมิร์ซและพารามิเตอร์เหตุการณ์แล้ว รายงาน DebugView ช่วยให้คุณดูพารามิเตอร์ระดับเหตุการณ์และระดับสินค้าแต่ละรายการที่ Analytics รวบรวมจากเว็บไซต์ของคุณได้

รายงาน DebugView จะสตรีมเหตุการณ์อย่างต่อเนื่องและแสดงชื่อเหตุการณ์ทุกครั้งที่มีการรวบรวมเหตุการณ์ หากต้องการดูพารามิเตอร์ที่เชื่อมโยงกับเหตุการณ์ ให้คลิกชื่อเหตุการณ์ หากรวมอาร์เรย์ items คุณจะเห็นแท็บเพิ่มเติมสำหรับสินค้าที่ส่งพร้อมกับเหตุการณ์

แก้ปัญหาเหตุการณ์อีคอมเมิร์ซที่ขาดหายไป

ข้อมูลต่อไปนี้อธิบายสาเหตุที่อาจทําให้คุณไม่เห็นเหตุการณ์อีคอมเมิร์ซใน Analytics

ตรวจสอบคอมมา

ต้องใส่คอมมาต่อท้ายค่าพารามิเตอร์ทุกค่า Analytics จะไม่สนใจเหตุการณ์อีคอมเมิร์ซที่มีพารามิเตอร์ที่ไม่ได้ระบุคอมมา รวมถึงเหตุการณ์อื่นๆ ที่เกิดขึ้นหลังเหตุการณ์ที่ละเว้น เช่น ระบบจะไม่รวบรวมเหตุการณ์ต่อไปนี้

gtag("event", "refund", {
  currency: "USD",
  transaction_id: "T_12345" // Missing a trailing comma
  value: 30.03,
  coupon: "SUMMER_FUN",
  shipping: 3.33,
  tax: 1.11
});

ตรวจสอบตำแหน่ง

คุณต้องวางเหตุการณ์อีคอมเมิร์ซใน JavaScript แทน HTML และเหตุการณ์จะต้องอยู่หลังแท็ก Google ไม่ใช่ก่อนแท็ก Google

ดี:

<body>
  <p>Hello, World!</p>
  <script>
    gtag("event", "<event-name>");
  </script>
</body>

ดี:

<body>
  <p>Hello, World!</p>
  <script src="my_events.js"></script>
</body>

ไม่ดี:

<body>
  <p>Hello, World!</p>
  gtag("event", "<event-name>");
</body>

ไม่ดี:

<head>
  <script>
    gtag("event", "<event-name>");
  </script>
  <!-- the Google tag -->
</head>

ตรวจสอบไวยากรณ์เหตุการณ์

เหตุการณ์ purchase ต่อไปนี้ใช้ไวยากรณ์ที่ถูกต้อง 

gtag('event', 'purchase', {
    transaction_id: "T_12345",
    value: 72.05,
    currency: "USD",
    items: [
     {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
     },
     {
      item_id: "SKU_12346",
      item_name: "Google Grey Women's Tee",
     }]
});

ตรวจสอบว่าใส่ตัวคั่นในเหตุการณ์อย่างถูกต้อง ดังนี้

  • วงเล็บหลัง gtag และก่อนเครื่องหมายเซมิโคลอนปิด
  • วงเล็บปีกกาก่อนและหลังพารามิเตอร์เหตุการณ์
  • วงเล็บเหลี่ยมก่อนและหลังพารามิเตอร์เหตุการณ์ที่กำหนดขอบเขตระดับสินค้า

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

ตรวจสอบชื่อเหตุการณ์

เมื่อตั้งค่าเหตุการณ์อีคอมเมิร์ซ โปรดใช้ชื่อเหตุการณ์ที่แนะนําที่ถูกต้อง เช่น ใช้ชื่อเหตุการณ์ "add_to_cart" แทน "add_to_basket" เพื่อให้แน่ใจว่า Analytics จะบันทึกเหตุการณ์เป็นหนึ่งในเหตุการณ์อีคอมเมิร์ซที่แนะนํา นอกจากนี้ อย่าลืมสะกดชื่อเหตุการณ์ ให้ถูกต้องและไม่มีการสะกดผิด

ตรวจสอบรหัสธุรกรรม

หากมีการทริกเกอร์เหตุการณ์อีคอมเมิร์ซเดียวกัน 2 ครั้งโดยมีรหัสธุรกรรมเดียวกัน Google Analytics จะรวบรวมเฉพาะเหตุการณ์แรกและละเว้นเหตุการณ์ที่ 2 แม้ว่าคุณจะเปลี่ยนค่าบางค่าในเหตุการณ์ใหม่ก็ตาม

หากไม่เห็นเหตุการณ์อีคอมเมิร์ซขณะทดสอบ ให้ลองเปลี่ยนรหัสธุรกรรมหรือนำรหัสธุรกรรมออกระหว่างการทดสอบเพื่อให้เห็นเหตุการณ์แต่ละเวอร์ชัน

แก้ปัญหาเหตุการณ์อีคอมเมิร์ซที่ซ้ำกัน

เนื้อหาต่อไปนี้อธิบายสาเหตุที่เป็นไปได้ที่ทำให้คุณเห็นเหตุการณ์อีคอมเมิร์ซซ้ำใน Analytics

ใช้แท็กเดียวในทุกหน้า

อย่าลืมเพิ่มข้อมูลโค้ดแท็ก Google ลงในทุกหน้าของเว็บไซต์ นอกจากนี้ โปรดใช้แท็ก Google (gtag.js) หรือ Google Tag Manager แต่อย่าใช้ทั้ง 2 อย่าง การใช้ทั้ง 2 ตัวเลือกจะนับเหตุการณ์บางอย่างเป็น 2 เท่า และจะส่งผลกระทบโดยไม่เจตนาอื่นๆ ด้วย