อีคอมเมิร์ซที่เพิ่มประสิทธิภาพ

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

ประเภทข้อมูลอีคอมเมิร์ซที่เพิ่มประสิทธิภาพและการดำเนินการ

ข้อมูลอีคอมเมิร์ซที่คุณส่งได้มีหลายประเภท ได้แก่

ข้อมูลการแสดงผล

แสดงข้อมูลเกี่ยวกับผลิตภัณฑ์ที่มีการดู ซึ่งเรียกว่า impressionFieldObject และมีค่าต่อไปนี้

คีย์ ประเภทค่า จำเป็น คำอธิบาย
id ข้อความ *ใช่

รหัสผลิตภัณฑ์หรือ SKU (เช่น P67890)

* ต้องตั้งค่า 1 ใน id หรือ name

name ข้อความ *ใช่

ชื่อผลิตภัณฑ์ (เช่น เสื้อยืด Android)

* ต้องตั้งค่า 1 ใน id หรือ name

list ข้อความ ไม่ได้ รายการหรือคอลเล็กชันที่มีผลิตภัณฑ์อยู่ (เช่น ผลการค้นหา)
list_name ข้อความ ไม่ได้ รายการหรือคอลเล็กชันที่มีผลิตภัณฑ์อยู่ (เช่น ผลการค้นหา)
brand ข้อความ ไม่ได้ แบรนด์ที่เชื่อมโยงกับผลิตภัณฑ์ (เช่น Google)
category ข้อความ ไม่ได้ หมวดหมู่ของผลิตภัณฑ์ (เช่น เครื่องแต่งกาย) ใช้ / เป็นตัวคั่นเพื่อระบุลำดับชั้นสูงสุด 5 ระดับ (เช่น เครื่องแต่งกาย/ผู้ชาย/เสื้อยืด)
variant ข้อความ ไม่ได้ ผลิตภัณฑ์ย่อยของผลิตภัณฑ์ (เช่น สีดำ)
position จำนวนเต็ม ไม่ได้ ตําแหน่งของผลิตภัณฑ์ในรายการหรือคอลเล็กชัน (เช่น 2)
list_position จำนวนเต็ม ไม่ได้ ตําแหน่งของผลิตภัณฑ์ในรายการหรือคอลเล็กชัน (เช่น 2)
price ตัวเลข ไม่ได้ ราคาของผลิตภัณฑ์ (เช่น 29.20)

ข้อมูลผลิตภัณฑ์

ข้อมูลผลิตภัณฑ์จะแสดงผลิตภัณฑ์แต่ละรายการที่มีการดู เพิ่มลงในรถเข็นช็อปปิ้ง ฯลฯ ซึ่งเรียกว่า productFieldObject และมีค่าต่อไปนี้

คีย์ ประเภทค่า จำเป็น คำอธิบาย
id ข้อความ *ใช่

รหัสผลิตภัณฑ์หรือ SKU (เช่น P67890)

* ต้องตั้งค่าเป็นรหัสหรือ name อย่างใดอย่างหนึ่ง

name ข้อความ *ใช่

ชื่อผลิตภัณฑ์ (เช่น เสื้อยืด Android)

* ต้องตั้งค่าเป็นรหัสหรือ name อย่างใดอย่างหนึ่ง

brand ข้อความ ไม่ได้ แบรนด์ที่เชื่อมโยงกับผลิตภัณฑ์ (เช่น Google)
category ข้อความ ไม่ได้ หมวดหมู่ของผลิตภัณฑ์ (เช่น เครื่องแต่งกาย) ใช้ / เป็นตัวคั่นเพื่อระบุลำดับชั้นสูงสุด 5 ระดับ (เช่น เครื่องแต่งกาย/ผู้ชาย/เสื้อยืด)
variant ข้อความ ไม่ได้ ผลิตภัณฑ์ย่อยของผลิตภัณฑ์ (เช่น สีดำ)
price ตัวเลข ไม่ได้ ราคาของผลิตภัณฑ์ (เช่น 29.20)
quantity จำนวนเต็ม ไม่ได้ จำนวนผลิตภัณฑ์ (เช่น 2)
coupon ข้อความ ไม่ได้ รหัสคูปองที่เชื่อมโยงกับผลิตภัณฑ์ (เช่น SUMMER_SALE13)
position จำนวนเต็ม ไม่ได้ ตําแหน่งของผลิตภัณฑ์ในรายการหรือคอลเล็กชัน (เช่น 2)
list_position จำนวนเต็ม ไม่ได้ ตําแหน่งของผลิตภัณฑ์ในรายการหรือคอลเล็กชัน (เช่น 2)

ข้อมูลโปรโมชัน

แสดงข้อมูลเกี่ยวกับโปรโมชันที่มีการดูแล้ว ชื่อดังกล่าวเรียกว่า promoFieldObject และมีค่าต่อไปนี้

คีย์ ประเภทค่า จำเป็น คำอธิบาย
id ข้อความ *ใช่

รหัสโปรโมชัน (เช่น PROMO_1234)

* ต้องตั้งค่า 1 ใน id หรือ name

name ข้อความ *ใช่

ชื่อของโปรโมชัน (เช่น ลดราคาฤดูร้อน)

* ต้องตั้งค่า 1 ใน id หรือ name

creative ข้อความ ไม่ได้ ครีเอทีฟโฆษณาที่เชื่อมโยงกับโปรโมชัน (เช่น Summer_banner2)
creative_name ข้อความ ไม่ได้ ชื่อครีเอทีฟโฆษณา (เช่น Summer_banner2)
position ข้อความ ไม่ได้ ตำแหน่งของครีเอทีฟโฆษณา (เช่นbanner_slot_1)
creative_slot ข้อความ ไม่ได้ ชื่อของสล็อตครีเอทีฟโฆษณา (เช่นbanner_slot_1)

ข้อมูลการดำเนินการ

แสดงข้อมูลการดำเนินการที่เกี่ยวข้องกับอีคอมเมิร์ซที่เกิดขึ้น ซึ่งเรียกว่า actionFieldObject และมีค่าต่อไปนี้

คีย์ ประเภทค่า จำเป็น คำอธิบาย
id ข้อความ *ใช่

รหัสธุรกรรม (เช่น T1234)

* ต้องระบุหากประเภทการดำเนินการคือ purchase หรือ refund

affiliation ข้อความ ไม่ได้ ร้านค้าหรือแอฟฟิลิเอตที่เกิดธุรกรรมนี้ (เช่น Google Store)
revenue ตัวเลข ไม่ได้

ระบุรายได้ทั้งหมดหรือยอดรวมทั้งหมดที่เกี่ยวข้องกับธุรกรรม (เช่น 11.99) ค่านี้อาจรวมค่าจัดส่ง ค่าภาษี หรือการปรับเปลี่ยนอื่นๆ ในรายได้ทั้งหมดที่คุณต้องการรวมในการคำนวณรายได้

value ตัวเลข ไม่ได้ ค่า (รายได้) ที่เชื่อมโยงกับเหตุการณ์
tax ตัวเลข ไม่ได้ ภาษีทั้งหมดที่เกี่ยวข้องกับธุรกรรม
shipping ตัวเลข ไม่ได้ ค่าจัดส่งที่เชื่อมโยงกับธุรกรรม
coupon ข้อความ ไม่ได้ คูปองธุรกรรมที่แลกพร้อมกับธุรกรรม
list ข้อความ ไม่ได้ รายการของผลิตภัณฑ์ที่เกี่ยวข้อง ไม่บังคับ
items อาร์เรย์ ไม่ได้ อาร์เรย์ที่มีผลิตภัณฑ์ที่เกี่ยวข้อง
step จำนวนเต็ม ไม่ได้ ตัวเลขที่แสดงถึงขั้นตอนในกระบวนการชำระเงิน ไม่บังคับสำหรับการดำเนินการ "ชำระเงิน"
checkout_step จำนวนเต็ม ไม่ได้ ตัวเลขที่แสดงถึงขั้นตอนในกระบวนการชำระเงิน
option ข้อความ ไม่ได้ ช่องเพิ่มเติมสำหรับการดำเนินการ checkout และ checkout_option ที่สามารถอธิบายข้อมูลตัวเลือกในหน้าชำระเงิน เช่น วิธีการชำระเงินที่เลือก
checkout_option ข้อความ ไม่ได้ ตัวเลือกการชำระเงิน (วิธีการชำระเงินที่เลือก)
คีย์ ประเภทค่า จำเป็น คำอธิบาย
coupon string ไม่ได้ รหัสคูปองสำหรับสินค้าที่ซื้อได้

การดำเนินการเกี่ยวกับผลิตภัณฑ์และโปรโมชัน

การดำเนินการจะระบุวิธีตีความข้อมูลผลิตภัณฑ์และโปรโมชันที่คุณส่งให้ Google Analytics

การดำเนินการ เหตุการณ์ คำอธิบาย
click การคลิกผลิตภัณฑ์หรือลิงก์ผลิตภัณฑ์ของผลิตภัณฑ์อย่างน้อย 1 รายการ
detail มุมมองรายละเอียดผลิตภัณฑ์
add การเพิ่มผลิตภัณฑ์อย่างน้อย 1 รายการลงในรถเข็นช็อปปิ้ง
remove นำผลิตภัณฑ์อย่างน้อย 1 รายการออกจากรถเข็นช็อปปิ้ง
checkout เริ่มขั้นตอนการชําระเงินสําหรับผลิตภัณฑ์อย่างน้อย 1 รายการ
checkout_option การส่งค่าตัวเลือกสำหรับขั้นตอนการเช็คเอาต์ที่ระบุ
purchase การขายผลิตภัณฑ์อย่างน้อย 1 รายการ
refund การคืนเงินสำหรับผลิตภัณฑ์อย่างน้อย 1 รายการ
promo_click การคลิกโปรโมชันภายใน
add_to_cart ผู้ใช้เพิ่มผลิตภัณฑ์อย่างน้อย 1 รายการลงในรถเข็นช็อปปิ้ง
begin_checkout ผู้ใช้เริ่มกระบวนการชําระเงินสําหรับผลิตภัณฑ์อย่างน้อย 1 รายการ
checkout_progress ผู้ใช้ทำขั้นตอนการชำระเงินหลังจากขั้นตอนแรกของการชำระเงิน
purchase ผู้ใช้ทําการซื้อเสร็จสมบูรณ์
refund ผู้ใช้จะได้รับเงินคืนสำหรับผลิตภัณฑ์อย่างน้อย 1 รายการ
remove_from_cart ผู้ใช้นำผลิตภัณฑ์อย่างน้อย 1 รายการออกจากรถเข็นช็อปปิ้ง
select_content ผู้ใช้คลิกลิงก์ผลิตภัณฑ์หรือลิงก์
set_checkout_option ขั้นตอนการชําระเงินที่ผู้ใช้ทําจนเสร็จสมบูรณ์
view_item ผู้ใช้ดูรายละเอียดของผลิตภัณฑ์
view_item_list ผู้ใช้ดูรายการผลิตภัณฑ์อย่างน้อย 1 รายการ
view_promotion ผู้ใช้คลิกที่โปรโมชันภายใน
view_refund ผู้ใช้ดูการคืนเงินสำหรับผลิตภัณฑ์อย่างน้อย 1 รายการ

ตัวอย่าง

วัดการแสดงผลของผลิตภัณฑ์

หากต้องการวัดการแสดงผลผลิตภัณฑ์ ให้ส่ง view_item_list พร้อมกับข้อมูลผลิตภัณฑ์ดังนี้

gtag('event', 'view_item_list', {
  "items": [
    {
      "id": "P12345",
      "name": "Android Warhol T-Shirt",
      "list_name": "Search Results",
      "brand": "Google",
      "category": "Apparel/T-Shirts",
      "variant": "Black",
      "list_position": 1,
      "quantity": 2,
      "price": 2
    },
    {
      "id": "P67890",
      "name": "Flame challenge TShirt",
      "list_name": "Search Results",
      "brand": "MyBrand",
      "category": "Apparel/T-Shirts",
      "variant": "Red",
      "list_position": 2,
      "quantity": 1,
      "price": 3
    }
  ]
});

วัดยอดคลิกผลิตภัณฑ์

หากต้องการวัดการคลิกผลิตภัณฑ์ ให้ส่งเหตุการณ์ select_content ระบุ product เป็น content_type และระบุข้อมูลผลิตภัณฑ์

gtag('event', 'select_content', {
  "content_type": "product",
  "items": [
    {
      "id": "P12345",
      "name": "Android Warhol T-Shirt",
      "list_name": "Search Results",
      "brand": "Google",
      "category": "Apparel/T-Shirts",
      "variant": "Black",
      "list_position": 1,
      "quantity": 2,
      "price": 2
    }
  ]
});

วัดยอดดูรายละเอียดผลิตภัณฑ์

หลังจากคลิกข้อมูลผลิตภัณฑ์ที่แสดง ผู้ใช้อาจเห็นหน้ารายละเอียดผลิตภัณฑ์ หากต้องการวัดมุมมองรายละเอียดผลิตภัณฑ์ ให้ส่งเหตุการณ์ view_item พร้อมรายละเอียดผลิตภัณฑ์ดังนี้

gtag('event', 'view_item', {
  "items": [
    {
      "id": "P12345",
      "name": "Android Warhol T-Shirt",
      "list_name": "Search Results",
      "brand": "Google",
      "category": "Apparel/T-Shirts",
      "variant": "Black",
      "list_position": 1,
      "quantity": 2,
      "price": '2.0'
    }
  ]
});

วัดการเพิ่มและการนำออกจากรถเข็นช็อปปิ้ง

หากต้องการวัดการเพิ่มผลิตภัณฑ์ลงในรถเข็นช็อปปิ้ง ให้ส่งเหตุการณ์ add_to_cart พร้อมข้อมูลผลิตภัณฑ์ดังนี้

gtag('event', 'add_to_cart', {
  "items": [
    {
      "id": "P12345",
      "name": "Android Warhol T-Shirt",
      "list_name": "Search Results",
      "brand": "Google",
      "category": "Apparel/T-Shirts",
      "variant": "Black",
      "list_position": 1,
      "quantity": 2,
      "price": '2.0'
    }
  ]
});

หากต้องการวัดการนำผลิตภัณฑ์ออกจากรถเข็นช็อปปิ้ง ให้ส่งเหตุการณ์ remove_from_cart พร้อมข้อมูลผลิตภัณฑ์ดังนี้

gtag('event', 'remove_from_cart', {
  "items": [
    {
      "id": "P12345",
      "name": "Android Warhol T-Shirt",
      "list_name": "Search Results",
      "brand": "Google",
      "category": "Apparel/T-Shirts",
      "variant": "Black",
      "list_position": 1,
      "quantity": 2,
      "price": '2.0'
    }
  ]
});

วัดยอดชำระเงิน

วิธีวัดแต่ละขั้นตอนในกระบวนการชำระเงิน

  1. เพิ่มโค้ดการวัดเพื่อวัดแต่ละขั้นตอนของกระบวนการชำระเงิน
  2. เพิ่มโค้ดการวัดเพื่อบันทึกตัวเลือกการชําระเงิน (หากมี)

1. วัดขั้นตอนการชำระเงิน

หากต้องการวัดขั้นตอนแรกของการชําระเงิน ให้ส่งเหตุการณ์ begin_checkout ที่มีสินค้าในการชําระเงินดังนี้

gtag('event', 'begin_checkout', {
  "items": [
    {
      "id": "P12345",
      "name": "Android Warhol T-Shirt",
      "list_name": "Search Results",
      "brand": "Google",
      "category": "Apparel/T-Shirts",
      "variant": "Black",
      "list_position": 1,
      "quantity": 2,
      "price": '2.0'
    }
  ],
  "coupon": ""
});

หากต้องการวัดขั้นตอนการชําระเงินถัดไปแต่ละขั้นตอน ให้ส่งเหตุการณ์ checkout_progress ที่มีรายการชําระเงิน ดังนี้

gtag('event', 'checkout_progress', {
  "items": [
    {
      "id": "P12345",
      "name": "Android Warhol T-Shirt",
      "list_name": "Search Results",
      "brand": "Google",
      "category": "Apparel/T-Shirts",
      "variant": "Black",
      "list_position": 1,
      "quantity": 2,
      "price": '2.0'
    }
  ],
  "coupon": "SUMMER_DISCOUNT"
});

2. วัดตัวเลือกขั้นตอนการชำระเงิน

หากต้องการวัดตัวเลือกการชําระเงิน ให้ส่งเหตุการณ์ set_checkout_option ที่มีตัวเลือกการชําระเงิน ดังนี้

gtag('event', 'set_checkout_option', {
  "checkout_step": 1,
  "checkout_option": "shipping method",
  "value": 3
});

วัดการแสดงผลของโปรโมชัน

หากต้องการวัดการแสดงผลโปรโมชัน ให้ส่งเหตุการณ์ view_promotion พร้อมข้อมูลโปรโมชัน ดังนี้

gtag('event', 'view_promotion', {
  "promotions": [
    {
      "id": "abc123",
      "name": "summer_promo"
    },
    {
      "id": "xyz987",
      "name": "spring savings"
    }
  ]
});

วัดจำนวนคลิกของโปรโมชัน

หากต้องการวัดการคลิกโปรโมชัน ให้ส่งเหตุการณ์ select_content และระบุโปรโมชัน ดังนี้

gtag('event', 'select_content', {
  "promotions": [
    {
      "id": "abc123",
      "name": "summer_promo"
    }
  ]
});

วัดการซื้อ

หากต้องการวัดธุรกรรม ให้ส่งเหตุการณ์ purchase พร้อมสินค้าในธุรกรรม

gtag('event', 'purchase', {
  "transaction_id": "24.031608523954162",
  "affiliation": "Google online store",
  "value": 23.07,
  "currency": "USD",
  "tax": 1.24,
  "shipping": 0,
  "items": [
    {
      "id": "P12345",
      "name": "Android Warhol T-Shirt",
      "list_name": "Search Results",
      "brand": "Google",
      "category": "Apparel/T-Shirts",
      "variant": "Black",
      "list_position": 1,
      "quantity": 2,
      "price": '2.0'
    },
    {
      "id": "P67890",
      "name": "Flame challenge TShirt",
      "list_name": "Search Results",
      "brand": "MyBrand",
      "category": "Apparel/T-Shirts",
      "variant": "Red",
      "list_position": 2,
      "quantity": 1,
      "price": '3.0'
    }
  ]
});

วัดการคืนเงิน

หากต้องการวัดการคืนเงินเต็มจำนวนของธุรกรรม ให้ส่งเหตุการณ์ refund พร้อมรหัสธุรกรรมดังนี้

gtag('event', 'refund', { "transaction_id": "T12345" })

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

gtag('event', 'refund', {
  "transaction_id": "79.18502354114992",
  "affiliation": "Google online store",
  "value": 23.07,
  "currency": "USD",
  "tax": 1.24,
  "shipping": 0,
  "items": [
    {
      "id": "P12345",
      "name": "Android Warhol T-Shirt",
      "list_name": "Search Results",
      "brand": "Google",
      "category": "Apparel/T-Shirts",
      "variant": "Black",
      "list_position": 1,
      "quantity": 2,
      "price": '2.0'
    },
    {
      "id": "P67890",
      "name": "Flame challenge TShirt",
      "list_name": "Search Results",
      "brand": "MyBrand",
      "category": "Apparel/T-Shirts",
      "variant": "Red",
      "list_position": 2,
      "quantity": 1,
      "price": '3.0'
    }
  ]
});