คุณสามารถตั้งค่าเหตุการณ์อีคอมเมิร์ซเพื่อรวบรวมข้อมูลเกี่ยวกับพฤติกรรมการช็อปปิ้งของผู้ใช้ กิจกรรมช่วยให้คุณวัดปริมาณผลิตภัณฑ์ที่ได้รับความนิยมสูงสุดและดูผลกระทบของโปรโมชันและโฆษณาแฝงที่มีต่อรายได้
เอกสารนี้อธิบายเหตุการณ์อีคอมเมิร์ซแต่ละรายการและเวลาที่ควรตั้งค่าเหตุการณ์ ดูตัวอย่างวิธีตั้งค่าเหตุการณ์อีคอมเมิร์ซแบบทีละขั้นตอนได้ในหัวข้อตั้งค่าเหตุการณ์การซื้อ
ก่อนเริ่มต้น
เพิ่มแท็กการกําหนดค่า GA4 ลงในเว็บไซต์
ตรวจสอบว่าคุณได้เพิ่มแท็ก Google Analytics: การกําหนดค่า GA4 ลงในเว็บไซต์ และเข้าถึง Analytics และซอร์สโค้ดของเว็บไซต์ได้
วัดเหตุการณ์อีคอมเมิร์ซด้วยแท็กเหตุการณ์ GA4
วิธีส่งเหตุการณ์และพารามิเตอร์อีคอมเมิร์ซไปยังพร็อพเพอร์ตี้ Google Analytics
เปิดเมนูแท็กในพื้นที่ทํางาน
สร้างแท็กใหม่ คลิกช่องการกําหนดค่าแท็ก แล้วเลือกแท็ก Google Analytics: เหตุการณ์ GA4
สําหรับชื่อเหตุการณ์ ให้ใช้ตัวแปรในตัว
{{Event}}ซึ่งจะใช้ชื่อเหตุการณ์อีคอมเมิร์ซของ Google Analytics ที่ส่งโดยใช้ gtag.js APIในส่วนการตั้งค่าเพิ่มเติม > อีคอมเมิร์ซ ให้เลือกส่งข้อมูลอีคอมเมิร์ซ
สําหรับแหล่งข้อมูล ให้เลือกชั้นข้อมูล
ตั้งค่าทริกเกอร์สําหรับเหตุการณ์ GA4 เช่น เมื่อผู้ใช้คลิกปุ่มชําระเงิน ดูประเภททริกเกอร์ทั้งหมดที่ใช้ได้
ตั้งชื่อและบันทึกแท็ก
คำแนะนำ
- เปิดใช้โหมดแก้ไขข้อบกพร่อง เพื่อให้คุณดูเหตุการณ์แบบเรียลไทม์และแก้ปัญหาได้
- ตรวจสอบขีดจํากัดของมิติข้อมูลและเมตริกที่กําหนดเองเมื่อส่งพารามิเตอร์ที่กําหนดเองพร้อมกับเหตุการณ์อีคอมเมิร์ซ
- ตั้งค่า
currencyเมื่อส่งข้อมูลvalue(รายได้) เพื่อให้ระบบคํานวณเมตริกรายได้ได้อย่างถูกต้อง - ตั้งค่าพารามิเตอร์อีคอมเมิร์ซแต่ละรายการที่คุณมีข้อมูล ไม่ว่าจะบังคับหรือไม่บังคับก็ตาม
- ใช้ตัวอย่างเว็บไซต์อีคอมเมิร์ซเพื่อดูตัวอย่างวิธีติดแท็กเว็บไซต์
การใช้งาน
การใช้การติดตั้งใช้งานอีคอมเมิร์ซโดยปกติจะวัดการกระทำต่อไปนี้
- เลือกสินค้าจากรายการ
- ดูรายละเอียดรายการ
- เพิ่ม/นำผลิตภัณฑ์ออกจากรถเข็นช็อปปิ้ง
- เริ่มกระบวนการชำระเงิน
- ทำการซื้อหรือขอเงินคืน
- ใช้โปรโมชัน
หัวใจสำคัญของการกระทำเหล่านี้คือผลิตภัณฑ์และบริการที่คุณขาย คุณสามารถแสดงผลิตภัณฑ์และบริการเป็นอาร์เรย์ของสินค้าที่เพิ่มลงในเหตุการณ์อีคอมเมิร์ซได้ คุณใส่พารามิเตอร์ที่กําหนดเองได้สูงสุด 27 รายการในอาร์เรย์ items นอกเหนือจากพารามิเตอร์ที่กําหนดไว้
ตัวอย่างต่อไปนี้แสดงวิธีสร้างคอลเล็กชันของ items ที่มีการกล่าวถึงในคู่มือนี้ อาร์เรย์ items มีองค์ประกอบได้สูงสุด 200 รายการ
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.01,
quantity: 3
},
{
item_id: "SKU_12346",
item_name: "Google Grey Women's Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 3.33,
index: 1,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "gray",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 21.01,
quantity: 2
}
]
เลือกสินค้าจากรายการ
เมื่อผู้ใช้เห็นรายการผลลัพธ์ ให้ส่งเหตุการณ์ view_item_list
พร้อมพารามิเตอร์อาร์เรย์ items ที่มีรายการที่แสดง ดูรายละเอียดเกี่ยวกับพารามิเตอร์ที่จะส่งได้ที่ข้อมูลอ้างอิงเหตุการณ์
แสดงการกำหนดค่าแท็ก
การกำหนดค่าแท็ก
- ประเภทแท็ก: Google Analytics: เหตุการณ์ GA4
- ชื่อกิจกรรม:
view_item_list - ตัวแปรชั้นข้อมูล (ชื่อ - ชื่อตัวแปรชั้นข้อมูล):
- รายการอีคอมเมิร์ซ -
ecommerce.items - รหัสรายการอีคอมเมิร์ซ -
ecommerce.item_list_id - ชื่อรายการสินค้าอีคอมเมิร์ซ -
ecommerce.item_list_name - พารามิเตอร์เหตุการณ์ (ชื่อพารามิเตอร์ - ค่า):
items-{{Ecommerce Items}}item_list_id-{{Ecommerce Item List ID}}item_list_name-{{Ecommerce Item List Name}}- ทริกเกอร์: เหตุการณ์เท่ากับ
view_item_list
การกําหนดค่าทริกเกอร์
- ประเภททริกเกอร์: เหตุการณ์ที่กําหนดเอง
- ชื่อกิจกรรม:
view_item_list - ทริกเกอร์นี้เริ่มทํางานในเหตุการณ์ที่กําหนดเองทั้งหมด
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "view_item_list",
ecommerce: {
item_list_id: "related_products",
item_list_name: "Related products",
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.03,
quantity: 3
},
{
item_id: "SKU_12346",
item_name: "Google Grey Women's Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 3.33,
index: 1,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "gray",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 21.01,
promotion_id: "P_12345",
promotion_name: "Summer Sale",
quantity: 2
}]
}
});
เมื่อผู้ใช้เลือกรายการจากรายการแล้ว ให้ส่งเหตุการณ์ select_item พร้อมรายการที่เลือกในพารามิเตอร์อาร์เรย์ items ดูรายละเอียดเกี่ยวกับพารามิเตอร์ที่จะส่งได้ที่ข้อมูลอ้างอิงเหตุการณ์
แสดงการกำหนดค่าแท็ก
การกำหนดค่าแท็ก
- ประเภทแท็ก: Google Analytics: เหตุการณ์ GA4
- ชื่อกิจกรรม:
select_item - ตัวแปรชั้นข้อมูล (ชื่อ - ชื่อตัวแปรชั้นข้อมูล):
- รายการอีคอมเมิร์ซ -
ecommerce.items - รหัสรายการอีคอมเมิร์ซ -
ecommerce.item_list_id - ชื่อรายการสินค้าอีคอมเมิร์ซ -
ecommerce.item_list_name - พารามิเตอร์เหตุการณ์ (ชื่อพารามิเตอร์ - ค่า):
items-{{Ecommerce Items}}item_list_id-{{Ecommerce Item List ID}}item_list_name-{{Ecommerce Item List Name}}- ทริกเกอร์: เหตุการณ์เท่ากับ
select_item
การกําหนดค่าทริกเกอร์
- ประเภททริกเกอร์: เหตุการณ์ที่กําหนดเอง
- ชื่อกิจกรรม:
select_item - ทริกเกอร์นี้เริ่มทํางานใน: เหตุการณ์ที่กําหนดเองทั้งหมด
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "select_item",
ecommerce: {
item_list_id: "related_products",
item_list_name: "Related products",
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.01,
quantity: 3
}
]
}
});
ดูรายละเอียดรายการ
หากต้องการวัดจํานวนครั้งที่มีการดูรายละเอียดสินค้า ให้ส่งเหตุการณ์ view_item
ทุกครั้งที่ผู้ใช้ดูหน้าจอรายละเอียดของสินค้า ดูรายละเอียดเกี่ยวกับพารามิเตอร์ที่จะส่งได้ที่ข้อมูลอ้างอิงเหตุการณ์
แสดงการกำหนดค่าแท็ก
การกำหนดค่าแท็ก
- ประเภทแท็ก: Google Analytics: เหตุการณ์ GA4
- ชื่อกิจกรรม:
view_item - ตัวแปรชั้นข้อมูล (ชื่อ - ชื่อตัวแปรชั้นข้อมูล):
- รายการอีคอมเมิร์ซ -
ecommerce.items - มูลค่าอีคอมเมิร์ซ -
ecommerce.value - สกุลเงินอีคอมเมิร์ซ -
ecommerce.currency - พารามิเตอร์เหตุการณ์ (ชื่อพารามิเตอร์ - ค่า):
items-{{Ecommerce Items}}value-{{Ecommerce Value}}currency-{{Ecommerce Currency}}- ทริกเกอร์: เหตุการณ์เท่ากับ
view_item
การกําหนดค่าทริกเกอร์
- ประเภททริกเกอร์: เหตุการณ์ที่กำหนดเอง
- ชื่อเหตุการณ์:
view_item - ทริกเกอร์นี้เริ่มทํางานในเหตุการณ์ที่กําหนดเองทั้งหมด
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "view_item",
ecommerce: {
currency: "USD",
value: 30.03,
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.01,
quantity: 3
}
]
}
});
เพิ่มหรือนำสินค้าออกจากรถเข็นช็อปปิ้ง
วัดสินค้าที่เพิ่มลงในรถเข็นช็อปปิ้งโดยการส่งเหตุการณ์ add_to_cart พร้อมสินค้าที่สําคัญในอาร์เรย์ items ดูรายละเอียดเกี่ยวกับพารามิเตอร์ที่จะส่งได้ที่ข้อมูลอ้างอิงเหตุการณ์
แสดงการกำหนดค่าแท็ก
การกำหนดค่าแท็ก
- ประเภทแท็ก: Google Analytics: เหตุการณ์ GA4
- ชื่อกิจกรรม:
add_to_cart - ตัวแปรชั้นข้อมูล (ชื่อ - ชื่อตัวแปรชั้นข้อมูล):
- รายการอีคอมเมิร์ซ -
ecommerce.items - มูลค่าอีคอมเมิร์ซ -
ecommerce.value - สกุลเงินอีคอมเมิร์ซ -
ecommerce.currency - พารามิเตอร์เหตุการณ์ (ชื่อพารามิเตอร์ - ค่า):
items-{{Ecommerce Items}}value-{{Ecommerce Value}}currency-{{Ecommerce Currency}}- ทริกเกอร์: เหตุการณ์เท่ากับ
add_to_cart
การกําหนดค่าทริกเกอร์
- ประเภททริกเกอร์: เหตุการณ์ที่กำหนดเอง
- ชื่อกิจกรรม:
add_to_cart - ทริกเกอร์นี้เริ่มทํางานในเหตุการณ์ที่กําหนดเองทั้งหมด
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "add_to_cart",
ecommerce: {
currency: "USD",
value: 30.03,
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.01,
quantity: 3
}
]
}
});
นอกจากนี้ คุณยังวัดได้เมื่อมีการเพิ่มสินค้าลงในรายการที่อยากได้โดยการส่งเหตุการณ์ add_to_wishlist ที่มีรายการที่เกี่ยวข้องในอาร์เรย์ items ดูรายละเอียดเกี่ยวกับพารามิเตอร์ที่จะส่งได้ที่ข้อมูลอ้างอิงเหตุการณ์
แสดงการกำหนดค่าแท็ก
การกำหนดค่าแท็ก
- ประเภทแท็ก: Google Analytics: เหตุการณ์ GA4
- ชื่อกิจกรรม:
add_to_wishlist - ตัวแปรชั้นข้อมูล (ชื่อ - ชื่อตัวแปรชั้นข้อมูล):
- รายการอีคอมเมิร์ซ -
ecommerce.items - มูลค่าอีคอมเมิร์ซ -
ecommerce.value - สกุลเงินอีคอมเมิร์ซ -
ecommerce.currency - พารามิเตอร์เหตุการณ์ (ชื่อพารามิเตอร์ - ค่า):
items-{{Ecommerce Items}}value-{{Ecommerce Value}}currency-{{Ecommerce Currency}}- ทริกเกอร์: เหตุการณ์เท่ากับ
add_to_wishlist
การกําหนดค่าทริกเกอร์
- ประเภททริกเกอร์: เหตุการณ์ที่กําหนดเอง
- ชื่อเหตุการณ์:
add_to_wishlist - ทริกเกอร์นี้เริ่มทำงานใน: เหตุการณ์ที่กำหนดเองทั้งหมด
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "add_to_wishlist",
ecommerce: {
currency: "USD",
value: 30.03,
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.01,
quantity: 3
}
]
}
});
เมื่อผู้ใช้ดูรถเข็นในภายหลัง ให้ส่งเหตุการณ์ view_cart พร้อมสินค้าทั้งหมดในรถเข็น ดูรายละเอียดเกี่ยวกับพารามิเตอร์ที่จะส่งได้ที่ข้อมูลอ้างอิงเหตุการณ์
แสดงการกำหนดค่าแท็ก
การกำหนดค่าแท็ก
- ประเภทแท็ก: Google Analytics: เหตุการณ์ GA4
- ชื่อกิจกรรม:
view_cart - ตัวแปรชั้นข้อมูล (ชื่อ - ชื่อตัวแปรชั้นข้อมูล):
- รายการอีคอมเมิร์ซ -
ecommerce.items - มูลค่าอีคอมเมิร์ซ -
ecommerce.value - สกุลเงินอีคอมเมิร์ซ -
ecommerce.currency - พารามิเตอร์เหตุการณ์ (ชื่อพารามิเตอร์ - ค่า):
items-{{Ecommerce Items}}value-{{Ecommerce Value}}currency-{{Ecommerce Currency}}- ทริกเกอร์: เหตุการณ์เท่ากับ
view_cart
การกําหนดค่าทริกเกอร์
- ประเภททริกเกอร์: เหตุการณ์ที่กำหนดเอง
- ชื่อเหตุการณ์:
view_cart - ทริกเกอร์นี้เริ่มทํางานในเหตุการณ์ที่กําหนดเองทั้งหมด
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "view_cart",
ecommerce: {
currency: "USD",
value: 30.03,
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.01,
quantity: 3
}
]
}
});
หากต้องการวัดเมื่อผู้ใช้นำสินค้าออกจากรถเข็น ให้ส่งเหตุการณ์ remove_from_cart ดูรายละเอียดเกี่ยวกับพารามิเตอร์ที่จะส่งได้ที่ข้อมูลอ้างอิงเหตุการณ์
แสดงการกำหนดค่าแท็ก
การกำหนดค่าแท็ก
- ประเภทแท็ก: Google Analytics: เหตุการณ์ GA4
- ชื่อเหตุการณ์:
remove_from_cart - ตัวแปรชั้นข้อมูล (ชื่อ - ชื่อตัวแปรชั้นข้อมูล):
- รายการอีคอมเมิร์ซ -
ecommerce.items - มูลค่าอีคอมเมิร์ซ -
ecommerce.value - สกุลเงินอีคอมเมิร์ซ -
ecommerce.currency - พารามิเตอร์เหตุการณ์ (ชื่อพารามิเตอร์ - ค่า):
items-{{Ecommerce Items}}value-{{Ecommerce Value}}currency-{{Ecommerce Currency}}- ทริกเกอร์: เหตุการณ์เท่ากับ
remove_from_cart
การกําหนดค่าทริกเกอร์
- ประเภททริกเกอร์: เหตุการณ์ที่กําหนดเอง
- ชื่อกิจกรรม:
remove_from_cart - ทริกเกอร์นี้เริ่มทํางานในเหตุการณ์ที่กําหนดเองทั้งหมด
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "remove_from_cart",
ecommerce: {
currency: "USD",
value: 30.03,
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.01,
quantity: 3
}
]
}
});
เริ่มกระบวนการชำระเงิน
วัดขั้นตอนแรกในกระบวนการชำระเงินโดยการส่งเหตุการณ์ begin_checkout ที่มีสินค้าอย่างน้อย 1 รายการซึ่งกำหนดด้วยช่องที่เกี่ยวข้อง นอกจากนี้ คุณยังเพิ่มคูปองลงในคำสั่งซื้อทั้งหมดในขั้นตอนนี้ได้ด้วยการเพิ่มลงในเหตุการณ์ หรือนำไปใช้กับสินค้าหนึ่งๆ โดยการเพิ่มลงในองค์ประกอบที่เฉพาะเจาะจงในอาร์เรย์ items ดูรายละเอียดเกี่ยวกับพารามิเตอร์ที่จะส่งได้ที่ข้อมูลอ้างอิงเหตุการณ์
แสดงการกำหนดค่าแท็ก
การกำหนดค่าแท็ก
- ประเภทแท็ก: Google Analytics: เหตุการณ์ GA4
- ชื่อกิจกรรม:
begin_checkout - ตัวแปรชั้นข้อมูล (ชื่อ - ชื่อตัวแปรชั้นข้อมูล):
- รายการอีคอมเมิร์ซ -
ecommerce.items - มูลค่าอีคอมเมิร์ซ -
ecommerce.value - สกุลเงินของอีคอมเมิร์ซ -
ecommerce.currency - คูปองอีคอมเมิร์ซ -
ecommerce.coupon - พารามิเตอร์เหตุการณ์ (ชื่อพารามิเตอร์ - ค่า):
items-{{Ecommerce Items}}value-{{Ecommerce Value}}currency-{{Ecommerce Currency}}coupon-{{Ecommerce Coupon}}- ทริกเกอร์: เหตุการณ์เท่ากับ
begin_checkout
การกำหนดค่าทริกเกอร์:
- ประเภททริกเกอร์: เหตุการณ์ที่กําหนดเอง
- ชื่อกิจกรรม:
begin_checkout - ทริกเกอร์นี้เริ่มทำงานใน: เหตุการณ์ที่กำหนดเองทั้งหมด
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "begin_checkout",
ecommerce: {
currency: "USD",
value: 30.03,
coupon: "SUMMER_FUN",
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.01,
quantity: 3
}
]
}
});
เมื่อผู้ใช้ไปยังขั้นตอนถัดไปในกระบวนการชําระเงินและเพิ่มข้อมูลการจัดส่ง ให้ส่งเหตุการณ์ add_shipping_info ใช้พารามิเตอร์
shipping_tier เพื่อระบุตัวเลือกการนำส่งของผู้ใช้ เช่น "ทางบก" "ทางอากาศ" หรือ "วันถัดไป" ดูรายละเอียดเกี่ยวกับพารามิเตอร์ที่จะส่งได้ที่การอ้างอิงเหตุการณ์
แสดงการกำหนดค่าแท็ก
การกำหนดค่าแท็ก
- ประเภทแท็ก: Google Analytics: เหตุการณ์ GA4
- ชื่อกิจกรรม:
add_shipping_info - ตัวแปรชั้นข้อมูล (ชื่อ - ชื่อตัวแปรชั้นข้อมูล):
- รายการอีคอมเมิร์ซ -
ecommerce.items - มูลค่าอีคอมเมิร์ซ -
ecommerce.value - สกุลเงินของอีคอมเมิร์ซ -
ecommerce.currency - คูปองอีคอมเมิร์ซ -
ecommerce.coupon - ระดับการจัดส่งสำหรับอีคอมเมิร์ซ -
ecommerce.shipping_tier - พารามิเตอร์เหตุการณ์ (ชื่อพารามิเตอร์ - ค่า):
items-{{Ecommerce Items}}value-{{Ecommerce Value}}currency-{{Ecommerce Currency}}coupon-{{Ecommerce Coupon}}shipping_tier-{{Ecommerce Shipping Tier}}- ทริกเกอร์: เหตุการณ์เท่ากับ
add_shipping_info
การกําหนดค่าทริกเกอร์
- ประเภททริกเกอร์: เหตุการณ์ที่กําหนดเอง
- ชื่อเหตุการณ์:
add_shipping_info - ทริกเกอร์นี้เริ่มทํางานใน: เหตุการณ์ที่กําหนดเองทั้งหมด
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "add_shipping_info",
ecommerce: {
currency: "USD",
value: 30.03,
coupon: "SUMMER_FUN",
shipping_tier: "Ground",
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.01,
quantity: 3
}
]
}
});
ส่งเหตุการณ์ add_payment_info เมื่อผู้ใช้ส่งข้อมูลการชำระเงิน
หากมี ให้ใส่ payment_type กับเหตุการณ์นี้สำหรับวิธีการชำระเงินที่เลือก ดูรายละเอียดเกี่ยวกับพารามิเตอร์ที่จะส่งได้ที่ข้อมูลอ้างอิงเหตุการณ์
แสดงการกำหนดค่าแท็ก
การกำหนดค่าแท็ก
- ประเภทแท็ก: Google Analytics: เหตุการณ์ GA4
- ชื่อเหตุการณ์:
add_payment_info - ตัวแปรชั้นข้อมูล (ชื่อ - ชื่อตัวแปรชั้นข้อมูล):
- รายการอีคอมเมิร์ซ -
ecommerce.items - มูลค่าอีคอมเมิร์ซ -
ecommerce.value - สกุลเงินของอีคอมเมิร์ซ -
ecommerce.currency - คูปองอีคอมเมิร์ซ -
ecommerce.coupon - ประเภทการชําระเงินผ่านอีคอมเมิร์ซ -
ecommerce.payment_type - พารามิเตอร์เหตุการณ์ (ชื่อพารามิเตอร์ - ค่า):
items-{{Ecommerce Items}}value-{{Ecommerce Value}}currency-{{Ecommerce Currency}}coupon-{{Ecommerce Coupon}}payment_type-{{Ecommerce Payment Type}}- ทริกเกอร์: เหตุการณ์เท่ากับ
add_payment_info
การกําหนดค่าทริกเกอร์
- ประเภททริกเกอร์: เหตุการณ์ที่กําหนดเอง
- ชื่อกิจกรรม:
add_payment_info - ทริกเกอร์นี้เริ่มทํางานในเหตุการณ์ที่กําหนดเองทั้งหมด
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "add_payment_info",
ecommerce: {
currency: "USD",
value: 30.03,
coupon: "SUMMER_FUN",
payment_type: "Credit Card",
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.01,
quantity: 3
}
]
}
});
ทำการซื้อหรือคืนเงิน
วัดการซื้อโดยการส่งเหตุการณ์ purchase ที่มีสินค้าอย่างน้อย 1 รายการซึ่งกําหนดด้วยช่องที่เกี่ยวข้อง ดูรายละเอียดเกี่ยวกับพารามิเตอร์ที่จะส่งได้ที่ข้อมูลอ้างอิงเหตุการณ์
แสดงการกำหนดค่าแท็ก
การกำหนดค่าแท็ก
- ประเภทแท็ก: Google Analytics: เหตุการณ์ GA4
- ชื่อกิจกรรม:
purchase - รายการอีคอมเมิร์ซ -
ecommerce.items - รหัสธุรกรรมอีคอมเมิร์ซ -
ecommerce.transaction_id - มูลค่าอีคอมเมิร์ซ -
ecommerce.value - ภาษีอีคอมเมิร์ซ -
ecommerce.tax - การจัดส่งสำหรับอีคอมเมิร์ซ -
ecommerce.shipping - สกุลเงินของอีคอมเมิร์ซ -
ecommerce.currency - คูปองอีคอมเมิร์ซ -
ecommerce.coupon - พารามิเตอร์เหตุการณ์ (ชื่อพารามิเตอร์ - ค่า):
items-{{Ecommerce Items}}transaction_id-{{Ecommerce Transaction ID}}value-{{Ecommerce Value}}tax-{{Ecommerce Tax}}shipping-{{Ecommerce Shipping}}currency-{{Ecommerce Currency}}coupon-{{Ecommerce Coupon}}- ทริกเกอร์: เหตุการณ์เท่ากับ
purchase
การกำหนดค่าทริกเกอร์:
- ประเภททริกเกอร์: เหตุการณ์ที่กําหนดเอง
- ชื่อกิจกรรม:
purchase - ทริกเกอร์นี้เริ่มทํางานในเหตุการณ์ที่กําหนดเองทั้งหมด
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "purchase",
ecommerce: {
transaction_id: "T_12345",
// Sum of (price * quantity) for all items.
value: 72.05,
tax: 3.60,
shipping: 5.99,
currency: "USD",
coupon: "SUMMER_SALE",
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.01,
quantity: 3
},
{
item_id: "SKU_12346",
item_name: "Google Grey Women's Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 3.33,
index: 1,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "gray",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 21.01,
promotion_id: "P_12345",
promotion_name: "Summer Sale",
quantity: 2
}]
}
});
วัดการคืนเงินโดยการส่งเหตุการณ์ refund ที่มีtransaction_idที่เกี่ยวข้องซึ่งระบุไว้ และรายการอย่างน้อย 1 รายการที่กําหนดด้วย item_id และ quantity เราขอแนะนําให้คุณระบุข้อมูลสินค้าในเหตุการณ์ refund เพื่อดูเมตริกการคืนเงินระดับสินค้าใน Analytics
ดูรายละเอียดเกี่ยวกับพารามิเตอร์ที่จะส่งได้ที่ข้อมูลอ้างอิงเหตุการณ์
แสดงการกำหนดค่าแท็ก
การกำหนดค่าแท็ก
- ประเภทแท็ก: Google Analytics: เหตุการณ์ GA4
- ชื่อกิจกรรม:
refund - ตัวแปรชั้นข้อมูล (ชื่อ - ชื่อตัวแปรชั้นข้อมูล):
- รายการอีคอมเมิร์ซ -
ecommerce.items - รหัสธุรกรรมอีคอมเมิร์ซ -
ecommerce.transaction_id - มูลค่าอีคอมเมิร์ซ -
ecommerce.value - ภาษีอีคอมเมิร์ซ -
ecommerce.tax - การจัดส่งสำหรับอีคอมเมิร์ซ -
ecommerce.shipping - สกุลเงินของอีคอมเมิร์ซ -
ecommerce.currency - คูปองอีคอมเมิร์ซ -
ecommerce.coupon - พารามิเตอร์เหตุการณ์ (ชื่อพารามิเตอร์ - ค่า):
items-{{Ecommerce Items}}transaction_id-{{Ecommerce Transaction ID}}value-{{Ecommerce Value}}tax-{{Ecommerce Tax}}shipping-{{Ecommerce Shipping}}currency-{{Ecommerce Currency}}coupon-{{Ecommerce Coupon}}- ทริกเกอร์: เหตุการณ์เท่ากับ
refund
การกำหนดค่าทริกเกอร์:
- ประเภททริกเกอร์: เหตุการณ์ที่กําหนดเอง
- ชื่อกิจกรรม:
refund - ทริกเกอร์นี้เริ่มทํางานในเหตุการณ์ที่กําหนดเองทั้งหมด
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "refund",
ecommerce: {
currency: "USD",
transaction_id: "T_12345", // Transaction ID. Required for purchases and refunds.
value: 30.03,
coupon: "SUMMER_FUN",
shipping: 3.33,
tax: 1.11,
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.01,
quantity: 3
}
]
}
});
ใช้โปรโมชัน
อีคอมเมิร์ซรองรับการวัดการแสดงผลและการคลิกของการโปรโมตภายใน เช่น แบนเนอร์ที่แสดงเพื่อโปรโมตการขาย
โดยปกติแล้ว การแสดงผลโปรโมชันจะวัดด้วยการดูหน้าจอเริ่มต้นโดยการส่งเหตุการณ์ view_promotion ที่มีพารามิเตอร์ items เพื่อระบุรายการที่โปรโมต ดูรายละเอียดเกี่ยวกับพารามิเตอร์ที่จะส่งได้ที่ข้อมูลอ้างอิงเหตุการณ์
แสดงการกำหนดค่าแท็ก
การกำหนดค่าแท็ก
- ประเภทแท็ก: Google Analytics: เหตุการณ์ GA4
- ชื่อเหตุการณ์:
view_promotion - ตัวแปรชั้นข้อมูล (ชื่อ - ชื่อตัวแปรชั้นข้อมูล):
- ชื่อครีเอทีฟโฆษณาอีคอมเมิร์ซ -
ecommerce.creative_name - ช่องโฆษณาอีคอมเมิร์ซ -
ecommerce.creative_slot - รหัสโปรโมชันอีคอมเมิร์ซ -
ecommerce.promotion_id - ชื่อโปรโมชันอีคอมเมิร์ซ -
ecommerce.promotion_name - รายการอีคอมเมิร์ซ -
ecommerce.items - พารามิเตอร์เหตุการณ์ (ชื่อพารามิเตอร์ - ค่า):
creative_name-{{Ecommerce Creative Name}}creative_slot-{{Ecommerce Creative Slot}}promotion_id-{{Ecommerce Promotion ID}}promotion_name-{{Ecommerce Promotion Name}}items-{{Ecommerce Items}}- ทริกเกอร์: เหตุการณ์เท่ากับ
view_promotion
การกำหนดค่าทริกเกอร์:
- ประเภททริกเกอร์: เหตุการณ์ที่กําหนดเอง
- ชื่อกิจกรรม:
view_promotion - ทริกเกอร์นี้เริ่มทํางานในเหตุการณ์ที่กําหนดเองทั้งหมด
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "view_promotion",
ecommerce: {
creative_name: "Summer Banner",
creative_slot: "featured_app_1",
promotion_id: "P_12345",
promotion_name: "Summer Sale",
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.01,
quantity: 3
}
]
}
});
หากต้องการระบุว่าผู้ใช้คลิกโปรโมชัน ให้ส่งเหตุการณ์ select_promotion พร้อมใช้รายการนั้นที่พารามิเตอร์รายการ ดูรายละเอียดเกี่ยวกับพารามิเตอร์ที่จะส่งได้ที่ข้อมูลอ้างอิงเหตุการณ์
แสดงการกำหนดค่าแท็ก
การกำหนดค่าแท็ก
- ประเภทแท็ก: Google Analytics: เหตุการณ์ GA4
- ตัวแปรชั้นข้อมูล (ชื่อ - ชื่อตัวแปรชั้นข้อมูล):
- ชื่อครีเอทีฟโฆษณาอีคอมเมิร์ซ -
ecommerce.creative_name - ช่องโฆษณาอีคอมเมิร์ซ -
ecommerce.creative_slot - รหัสโปรโมชันอีคอมเมิร์ซ -
ecommerce.promotion_id - ชื่อโปรโมชันอีคอมเมิร์ซ -
ecommerce.promotion_name - รายการอีคอมเมิร์ซ -
ecommerce.items - พารามิเตอร์เหตุการณ์ (ชื่อพารามิเตอร์ - ค่า):
creative_name-{{Ecommerce Creative Name}}creative_slot-{{Ecommerce Creative Slot}}promotion_id-{{Ecommerce Promotion ID}}promotion_name-{{Ecommerce Promotion Name}}items-{{Ecommerce Items}}- ประเภทตัวแปร: ตัวแปรชั้นข้อมูล - 'ecommerce.items'
- ทริกเกอร์: เหตุการณ์เท่ากับ
select_promotion
การกําหนดค่าทริกเกอร์
- ประเภททริกเกอร์: เหตุการณ์ที่กำหนดเอง
- ชื่อกิจกรรม:
select_promotion - ทริกเกอร์นี้เริ่มทํางานใน: เหตุการณ์ที่กําหนดเองทั้งหมด
dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object.
dataLayer.push({
event: "select_promotion",
ecommerce: {
creative_name: "Summer Banner",
creative_slot: "featured_app_1",
promotion_id: "P_12345",
promotion_name: "Summer Sale",
items: [
{
item_id: "SKU_12345",
item_name: "Stan and Friends Tee",
affiliation: "Google Merchandise Store",
coupon: "SUMMER_FUN",
discount: 2.22,
index: 0,
item_brand: "Google",
item_category: "Apparel",
item_category2: "Adult",
item_category3: "Shirts",
item_category4: "Crew",
item_category5: "Short sleeve",
item_list_id: "related_products",
item_list_name: "Related Products",
item_variant: "green",
location_id: "ChIJIQBpAG2ahYAR_6128GcTUEo",
price: 10.01,
quantity: 3
}
]
}
});
ใช้ตัวแปร JavaScript ที่กําหนดเอง
หากเว็บไซต์ไม่รองรับชั้นข้อมูล คุณสามารถใช้ตัวแปร JavaScript ที่กำหนดเองเพื่อเรียกใช้ฟังก์ชันที่แสดงผลออบเจกต์ข้อมูลอีคอมเมิร์ซ ออบเจ็กต์นี้ควรใช้ไวยากรณ์ของชั้นข้อมูลซึ่งแสดงไว้ก่อนหน้านี้ในคู่มือนี้ เช่น
// A Custom JavaScript Variable that returns an ecommerceData object
// that follows the data layer syntax.
function getEcommerceData() {
var ecommerceProductData = [
{
item_name: "Stan and Friends Tee",
item_id: "SKU_12345", // ID is required.
// Rest of the product data should follow the data layer syntax.
},
// Multiple products may be included.
];
return ecommerceProductData;
}
หากเลือกใช้ตัวแปร JavaScript ที่กําหนดเอง คุณจะใช้ตัวแปรดังกล่าวในลักษณะเดียวกับชั้นข้อมูลได้ นั่นคือ คุณสามารถระบุค่าจากพารามิเตอร์ items เป็นแอตทริบิวต์เหตุการณ์ในการกําหนดค่าแท็ก
การกำหนดค่าแท็ก:
- ประเภทแท็ก: เหตุการณ์ GA4
- ชื่อเหตุการณ์: ใดก็ได้
- อ่านข้อมูลจากตัวแปร:
{{gaEcommerceData}} - ทริกเกอร์: เหตุการณ์เท่ากับ
gtm.dom
{{gaEcommerceData}} การตั้งค่าตัวแปร
- ประเภทตัวแปร: JavaScript ที่กําหนดเอง
- เนื้อหาของฟังก์ชัน: ใช้ตัวอย่างก่อนหน้านี้