E-Commerce Tracking Lab

ฝึกจับ DataLayer สำหรับสินค้าที่มีตัวเลือก (Variants)E-Commerce DataLayer & Variant Tracking

จำลองสินค้าจริงที่มีการเปลี่ยน รุ่น, สี, ความจุ หรือไซส์ เพื่อฝึกดึงค่าตัวแปร (Item Variant, Item ID, Value) เข้าสู่ Google Tag Manager

Apple FlagshipiPhone 16 Pro

Titanium Design • A18 ProiPhone 16 Pro 256 GBสี: Desert Titanium (ไทเทเนียมทะเลทราย)

SKU: iphone-16-pro฿43,900

💡 ทำไม Variant Tracking จึงสำคัญ?

view_item ใช้เมื่อผู้ใช้ดูรายละเอียดของสินค้า ส่วน item_variant ใช้บอกรายละเอียด/ตัวเลือกของสินค้าที่เกี่ยวข้องกับ Event นั้น item_variant ควรถูกแนบไปกับ Ecommerce Events เช่น view_item, add_to_cart และ purchase เพื่อให้สามารถวิเคราะห์ Performance แยกตาม Variant ได้

หมายเหตุ: ถ้าระบบร้านค้าจริงกำหนดแต่ละสี/ไซส์/ความจุเป็น SKU คนละตัว สามารถใช้ SKU นั้นเป็น item_id ได้ แต่ต้องใช้รูปแบบเดียวกันอย่างสม่ำเสมอตลอด Funnel

หากต้องการวัดพฤติกรรมการเลือก Variant โดยเฉพาะ สามารถสร้าง Custom Event แยก เช่น variant_change ได้ โดยไม่ต้องใช้ view_item ซ้ำ

1. เลือกรุ่น (Model)

2. เลือกสีไทเทเนียม (Color)Desert Titanium

3. เลือกความจุ (Storage)

จำนวนสินค้า (Quantity)กดเพิ่ม/ลดเพื่อทดสอบ dynamic calculation

Live DataLayer Output

กดปุ่มเพื่อดู Event Payload ที่ถูก Push เข้า DataLayer

Step-by-Step Tutorial

ขั้นตอนการตั้งค่า E-Commerce บน Google Tag Manager

วิธีการดึงค่าตัวแปร Variant, Value, Currency, Transaction ID จาก DataLayer ไปใส่ใน Conversion Tags

1. สร้าง Data Layer Variables ใน GTM เพื่อดึงข้อมูลสินค้าและยอดเงิน:

ไปที่เมนู Variables (ตัวแปร) ใน GTM > ในส่วน User-Defined Variables คลิก New (สร้างใหม่)
เลือก Variable Type: Data Layer Variable (ตัวแปร Data Layer)
ตั้งชื่อ Data Layer Variable Name ตามโครงสร้างข้อมูล E-Commerce ที่ต้องการดึง:

💡 ตัวแปร DataLayer E-Commerce ที่แนะนำ:

มูลค่ารวม (Total Value):ecommerce.value

สกุลเงิน (Currency Code):ecommerce.currency

รหัสคำสั่งซื้อ (Transaction ID):ecommerce.transaction_id

ตัวเลือกสินค้า (Item Variant):ecommerce.items.0.item_variant

รายการสินค้าทั้งหมด (Items Array):ecommerce.items