จะตั้งค่าการติดตามอีคอมเมิร์ซ GA4 บน Shopify ได้อย่างไร คำแนะนำทีละขั้นตอน

เผยแพร่แล้ว: 2022-09-13
  • จะติดตั้ง Google Tag Manager (GTM) บน Shopify ได้อย่างไร
    • ระยะที่หนึ่ง: เพิ่มโค้ดคอนเทนเนอร์ GTM และสคริปต์รายละเอียดลูกค้าไปยัง theme.liquid ภายใต้ <head>
    • ขั้นตอนที่สอง: เพิ่มโค้ดคอนเทนเนอร์ GTM และสคริปต์รายละเอียดลูกค้าในหน้าชำระเงิน
  • สร้างตัวแปรชั้นข้อมูลบน GTM
  • สร้างแท็กการดูเพจ GA4 บน GTM
  • ติดตาม view_item และซื้อเป็นกิจกรรม และส่งรายละเอียดที่เกี่ยวข้องกับผลิตภัณฑ์ในขอบเขตและขอบเขตของผู้ใช้ไปยัง GA4
    • ระยะที่หนึ่ง: เพิ่มชั้นข้อมูล view_item บน Shopify
    • ขั้นตอนที่สอง: สร้าง GTM Trigger สำหรับ view_item และเหตุการณ์การซื้อ
    • ขั้นตอนที่สาม: สร้างแท็ก GTM
  • ดาวน์โหลดสูตร GTM

จะติดตั้ง Google Tag Manager (GTM) บน Shopify ได้อย่างไร

ระยะที่หนึ่ง: เพิ่มโค้ดคอนเทนเนอร์ GTM และสคริปต์รายละเอียดลูกค้าไปยัง theme.liquid ภายใต้ <head>

  1. ลงชื่อเข้าใช้บัญชี Gmail ของคุณ
  2. ไปที่ Google เครื่องจัดการแท็ก
  3. เลือกบัญชี GTM ที่ถูกต้อง
  4. คลิกที่ รหัสคอนเทนเนอร์ GTM
  5. คัดลอก สคริปต์แรกของโค้ดคอนเทนเนอร์ GTM ที่มีคำแนะนำในการวางโค้ดลงในส่วน <head>
  6. เข้าสู่ระบบร้านค้า Shopify ของคุณแล้ว คลิกธีมใต้ร้านค้าออนไลน์ ทางด้านซ้ายมือของแผงการนำทาง
  7. คลิกที่ แก้ไขรหัส ภายใต้การ ดำเนิน การแบบเลื่อนลง
  8. คลิกที่ theme.liquid ใต้ Layout
  9. วาง โค้ดคอนเทนเนอร์ GTM ที่คัดลอกไว้ (ในขั้นตอนที่ 5) ให้สูงใน <head> ของหน้ามากที่สุด
  10. คัดลอกสคริปต์รายละเอียดลูกค้าที่กล่าวถึงด้านล่างแล้ววางลงในส่วน <head> เหนือโค้ดคอนเทนเนอร์ GTM
  11. คลิกบันทึก ใน theme.liquid ที่มุมบนขวามือ

ขั้นตอนที่ 1: ลงชื่อเข้าใช้บัญชี Gmail ของคุณ

ขั้นตอนที่ 2: ไปที่ Google Tag Manager โดยไปที่ลิงก์นี้: https://tagmanager.google.com/

ขั้นตอนที่ 3: เลือกบัญชี GTM ที่ถูกต้อง

Select the correct GTM account

ขั้นตอนที่ 4: คลิกที่ GTM Container ID

GTM - click on the container id

ขั้นตอนที่ 5: คัดลอกสคริปต์แรกของโค้ดคอนเทนเนอร์ GTM ที่มีคำแนะนำในการวางโค้ดลงในส่วน <head>

copy the GTM container code

ขั้นตอนที่ 6: ตอนนี้เข้าสู่ระบบร้านค้า Shopify ของคุณและ คลิกที่ธีมภายใต้ร้านค้าออนไลน์ บนแผงการนำทางด้านซ้ายมือ

select themes under online store

ขั้นตอนที่ 7: คลิกที่ แก้ไขรหัส ภายใต้ เมนู แบบเลื่อนลงการดำเนินการ

Click on Edit code under Actions drop down

ขั้นตอนที่ 8: คลิกที่ theme.liquid ภายใต้ Layout

Click on theme.liquid

ขั้นตอนที่ 9: วาง โค้ดคอนเทนเนอร์ GTM ที่คัดลอกไว้ (ในขั้นตอนที่ 5) ให้สูงใน <head> ของหน้ามากที่สุด

ขั้นตอนที่ 10: คัดลอกสคริปต์รายละเอียดลูกค้าต่อไปนี้ ตอนนี้ วางลงในส่วน <head> เหนือโค้ดคอนเทนเนอร์ GTM ดังที่แสดงในภาพด้านล่าง สคริปต์นี้จะช่วยส่งข้อมูลที่กำหนดขอบเขตโดย USER ไปยัง GA4

สำเนา

 <script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push ({
{% ถ้าลูกค้า %}
ประเภทผู้ใช้: "สมาชิก",
ลูกค้า: {
รหัส: {{ customer.id }},
lastOrder: "{{ customer.orders.first.created_at | date: '%B %d, %Y %I:%M%p' }}",
orderCount: {{ customer.orders.size }},
TotalSpent: {% if customer %}{% assign total_spent = 0 %}{% สำหรับรายการใน customer.orders %}{% assign total_spent = total_spent | บวก: item.total_net_amount %}{% endfor %}{{ total_spent | money_without_currency | ลบ:"," }}{% else %}""{% endif %},
Tags: {{- customer.tags | json -}}
},
{% อื่น %}
userType: "ผู้เข้าชม",
ลูกค้า: {
รหัส: "",
คำสั่งสุดท้าย: "",
จำนวนการสั่งซื้อ: "",
ยอดใช้จ่ายทั้งหมด: "",
แท็ก: ""
},
{% สิ้นสุด %}
});
</script>

User data script above the GTM code

ขั้นตอนที่ 11: คลิกบันทึก ใน theme.liquid ที่มุมบนขวามือ

Click save on theme.liquid

ทำได้ดี !!

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

ขั้นตอนที่สอง: เพิ่มรหัสคอนเทนเนอร์ GTM และสคริปต์รายละเอียดลูกค้า และซื้อชั้นข้อมูลไปยังหน้าการชำระเงิน

  1. ที่ผู้ดูแลระบบร้านค้า Shopify ให้คลิกที่การตั้งค่าที่มุมล่างซ้าย
  2. คลิกชำระเงินและบัญชี
  3. เลื่อนลงและมองหาสคริปต์เพิ่มเติมด้านล่างลำดับในบล็อกสถานะ
  4. วางโค้ดคอนเทนเนอร์ GTM ก่อน ตอนนี้ คัดลอกสคริปต์รายละเอียดลูกค้าต่อไปนี้แล้ววางเหนือโค้ดคอนเทนเนอร์ GTM
  5. คัดลอกและวางชั้นข้อมูลการซื้อต่อไปนี้ระหว่างสคริปต์รายละเอียดลูกค้าและรหัสคอนเทนเนอร์ GTM

ขั้นตอนที่ 1: ที่ผู้ดูแลระบบร้านค้า Shopify ให้คลิกที่การตั้งค่าที่มุมล่างซ้าย

On Shopify admin click on Settings towards the laft hand side bottom corner

ขั้นตอนที่ 2: คลิกที่ ชำระเงินและบัญชี

Click on Checkout and accounts

ขั้นตอนที่ 3: เลื่อนลงและมองหาสคริปต์เพิ่มเติมด้านล่างลำดับในบล็อกสถานะ

Scroll Down and below Order Status block look for the Additional Scripts

ขั้นตอนที่ 4: วางโค้ดคอนเทนเนอร์ GTM ก่อน ตอนนี้ คัดลอกสคริปต์รายละเอียดลูกค้าต่อไปนี้แล้ววางเหนือโค้ดคอนเทนเนอร์ GTM

Paste the GTM container code first and above the GTM container code paste the customer details script

ขั้นตอนที่ 5: คัดลอกและวางชั้นข้อมูลการซื้อต่อไปนี้ระหว่างสคริปต์รายละเอียดลูกค้าและรหัสคอนเทนเนอร์ GTM

สำเนา

 <script>{% ถ้า first_time_accessed %}
window.dataLayer.push ({
'page_type': 'ซื้อ',
'เหตุการณ์': 'การซื้อ' /* สร้างเหตุการณ์ที่กำหนดเองใน GTM */
'transaction_id': '{{ ชื่อคำสั่งซื้อ || order.order_number }}',
'totalValue': {{ ยอดรวม_ราคา | money_without_currency | ลบ:',' }}, // รวมภาษีและค่าขนส่ง
'subtotalValue': {{ subtotal_price | money_without_currency | ลบ:',' }},
'ภาษี': {{ tax_price | money_without_currency | ลบ:',' }},
'การจัดส่ง': {{ shipping_price | money_without_currency | ลบ:',' }},
'สกุลเงิน': '{{ shop.currency }}',
'payment_type': '{{ order.transactions[0].gateway }}', //พารามิเตอร์ทางเลือก
'อีคอมเมิร์ซ': {
'checkout_currency': '{{ checkout.currency }}', 
'value': '{{ checkout.total_price | money_without_currency | ลบ:',' }}', // ยอดสั่งซื้อทั้งหมด (ราคาสินค้าทั้งหมด + ค่าขนส่ง)
'tax': '{{ checkout.tax_price | money_without_currency | ลบ:',' }}', // ภาษี
'การจัดส่ง':'{{ ชำระเงิน.shipping_price | money_without_currency | ลบ:',' }}', // ค่าขนส่ง
'transaction_id': '{{ ธุรกรรม[0].id }}', // รหัสธุรกรรม
'รายการ': [
{% สำหรับ line_item ใน line_items %}
{
'item_name': '{{ line_item.product.title | แทนที่: "'","##@@[email protected]@##" }}'.replace("##@@[email protected]@##", "'"), 
'item_id': '{{ line_item.sku || line_item.product.id }}',
'ราคา': {{ line_item.final_price | money_without_currency | ลบ:',' }},
'item_brand': '{{ line_item.vendor }}',
'ปริมาณ': {{ line_item.quantity }},
'item_variant': '{{ line_item.variant.title }}'
},
{% สิ้นสุดสำหรับ %}
]
}
});
{% สิ้นสุด %}
</script>

ขั้นตอนที่ 6: คลิกบันทึกที่มุมล่างขวามือ

ยินดีด้วย! คุณเพิ่มรหัสคอนเทนเนอร์ GTM บน Shopify สำเร็จแล้ว ตอนนี้ เราจะดำเนินการต่อและสร้างตัวแปรชั้นข้อมูลบน GTM ก่อนที่จะสร้างแท็กการดูหน้าเว็บ GA4 เมื่อแท็กการดูหน้าเว็บโหลดขึ้น ตัวแปรเหล่านี้จะช่วยให้เรารวบรวมและส่งข้อมูลที่กำหนดขอบเขตของผู้ใช้ไปยัง GA4

สร้างตัวแปรชั้นข้อมูลบน GTM

  1. คลิกที่ ตัวแปร บนแผงการนำทางด้านซ้ายมือบน GTM
  2. คลิก ใหม่ ภายใต้ ตัวแปรที่กำหนดโดยผู้ใช้
  3. คลิกที่ใดก็ได้บน Variable configuration
  4. เลือก ตัวแปรชั้นข้อมูล ภายใต้ตัวแปรหน้า
  5. กำหนด ชื่อตัวแปรชั้นข้อมูล
  6. เปลี่ยนชื่อ ตัวแปรและ คลิกบันทึก

ขั้นตอนที่ 1: คลิกที่ ตัวแปร บนแผงการนำทางด้านซ้ายมือบน GTM

Click on Variables on the left hand navigation panel

ขั้นตอนที่ 2: คลิก ใหม่ ภายใต้ User Defined Variables

Click New under User Defined Variables

ขั้นตอนที่ 3: คลิกที่ใดก็ได้ในการกำหนดค่าตัวแปร

Click anywhere on Variable configuration

ขั้นตอนที่ 4: เลือก ตัวแปรชั้นข้อมูล ภายใต้ตัวแปรหน้า

Select Data Layer variable under page variables

ขั้นตอนที่ 5: กำหนด ชื่อตัวแปรชั้นข้อมูล

Data Layer Variable Name

ขั้นตอนที่ 6: เปลี่ยนชื่อ ตัวแปรและคลิก บันทึก

Rename the variable and click save

ทำตามขั้นตอนที่กล่าวถึงข้างต้น ให้สร้างตัวแปรชั้นข้อมูลที่กล่าวถึงด้านล่าง

ชื่อตัวแปร Datalayer: เปลี่ยนชื่อตัวแปร
user_id “dlv – ลูกค้า – รหัส – ตัวแปร”
ลูกค้า.lastOrder “dlv – ลูกค้า – LastOrder – ตัวแปร”
ลูกค้า.orderCount “dlv – ลูกค้า – orderCount – ตัวแปร”
customer.tags “dlv – ลูกค้า – แท็ก – ตัวแปร”
customer.totalSpent “dlv – ลูกค้า – TotalSpent – ​​ตัวแปร”
ลูกค้า.userType “dlv – ลูกค้า – userType – ตัวแปร”
เหตุการณ์ “dlv – เหตุการณ์ – ตัวแปร”

สร้างแท็กการดูเพจ GA4 บน GTM

  1. ไปที่ Google Analytics แล้วเลือกพร็อพเพอร์ตี้ GA4 https://analytics.google.com/
  2. คลิกที่ไอคอนรูปเฟืองด้านล่างซ้ายมือ
  3. คลิกที่สตรีมข้อมูลภายใต้ระดับพร็อพเพอร์ตี้
  4. เลือก Web Stream และคลิกที่ลูกศร (>)
  5. คัดลอกรหัสการวัด GA4
  6. ไปที่ Google เครื่องจัดการแท็ก https://tagmanager.google.com/
  7. คลิกที่ เพิ่มแท็กใหม่
  8. คลิกที่ใดก็ได้ในการกำหนดค่าแท็ก
  9. เลือก Google Analytics: การกำหนดค่า GA4
  10. วางรหัสการวัด GA4 ที่คัดลอกก่อนหน้านี้ไว้ใต้ช่อง "รหัสการวัด"
  11. ใต้ฟิลด์ที่จะตั้งค่า ให้คลิกที่แถวเพิ่ม จากนั้นเพิ่มชื่อฟิลด์และค่าของฟิลด์
  12. ภายใต้คุณสมบัติผู้ใช้ เพิ่มต่อไปนี้เป็นชื่อคุณสมบัติและค่า
  13. คลิกที่ใดก็ได้บน Triggering
  14. เลือกทุกหน้าเป็นตัวกระตุ้น
  15. เปลี่ยนชื่อแท็กแล้วคลิกบันทึก

ขั้นตอนที่ 1: ไปที่ Google Analytics และเลือกพร็อพเพอร์ตี้ GA4 https://analytics.google.com/

ขั้นตอนที่ 2: คลิกที่ไอคอนรูปเฟืองด้านล่างซ้ายมือ

Click on the Gear Icon bottom left hand

ขั้นตอนที่ 3: คลิกที่สตรีมข้อมูลภายใต้ระดับคุณสมบัติ

Click on the Data Stream under property level

ขั้นตอนที่ 4: เลือก Web Stream และคลิกลูกศร (>)

Select the Web Stream and click click the arrow (>)

ขั้นตอนที่ 5: คัดลอกรหัสการวัด GA4

Copy the GA4 Measurement ID

ขั้นตอนที่ 6: ไปที่ Google Tag Manager https://tagmanager.google.com/

ขั้นตอนที่ 7: คลิกที่เพิ่มแท็กใหม่

Click On Add a new tag

ขั้นตอนที่ 8: คลิกที่ใดก็ได้ในการกำหนดค่าแท็ก

Click anywhere on the tag configuration

ขั้นตอนที่ 9: เลือก Google Analytics: การกำหนดค่า GA4

Select Google Analytics: GA4 Configuration

ขั้นตอนที่ 10: วางรหัสการวัด GA4 ที่คัดลอกก่อนหน้านี้ไว้ใต้ช่อง "รหัสการวัด"

Paste the previously copied GA4 Measurement ID under the "Measurement ID" Box.

ขั้นตอนที่ 11: ภายใต้ฟิลด์ที่จะตั้งค่า ให้คลิกที่แถวเพิ่ม จากนั้นเพิ่มชื่อฟิลด์และค่าตามที่ระบุไว้ด้านล่าง:

ชื่อช่อง: user_id

ค่า: {{dlv – ลูกค้า – id – Variable}}

5 เพิ่ม ID ผู้ใช้ภายใต้ฟิลด์ที่จะตั้งค่า

ขั้นตอนที่ 12: ภายใต้คุณสมบัติผู้ใช้ ให้เพิ่มชื่อคุณสมบัติและมูลค่าตามที่ระบุไว้ด้านล่าง

ชื่อทรัพย์สิน ค่า
รหัสลูกค้า {{dlv – ลูกค้า – รหัส – ตัวแปร}}
คำสั่งสุดท้าย {{dlv – ลูกค้า – คำสั่งซื้อล่าสุด – ตัวแปร}}
order_count {{dlv – ลูกค้า – จำนวนคำสั่งซื้อ – ตัวแปร}}
total_spent {{dlv – ลูกค้า – การใช้จ่ายทั้งหมด – ตัวแปร}}
user_type {{dlv – ลูกค้า – ประเภทผู้ใช้ – ตัวแปร}}

User Properties Assign Property Name and value

ขั้นตอนที่ 13: คลิกที่ใดก็ได้บน Triggering

การกำหนดค่าทริกเกอร์ - คลิกที่ใดก็ได้

ขั้นตอนที่ 14: เลือกทุกหน้าเป็นตัวกระตุ้น

Select All Pages as a Trigger Type

ขั้นตอนที่ 15: เปลี่ยนชื่อแท็ก

Rename as GA4 - Page View - Tag as and Click Save

ฉลาดหลักแหลม!

คุณได้สร้างแท็กการดูหน้าเว็บ GA4 แล้ว

ตอนนี้ มาดูวิธีติดตามเหตุการณ์ view_item เมื่อมีคนดูหน้าผลิตภัณฑ์และส่งรายละเอียดที่จำเป็นไปยัง GA4 กัน

ติดตามและส่ง view_item และซื้อข้อมูลเหตุการณ์ไปยัง GA4

เพิ่ม view_item Data Layer บน Shopify

  1. เข้าสู่ระบบร้านค้า Shopify ของคุณและคลิกที่ธีมภายใต้ร้านค้าออนไลน์บนแผงการนำทางด้านซ้ายมือ
  2. คลิกที่แก้ไขรหัสภายใต้การดำเนินการแบบเลื่อนลง
  3. คลิกที่ main-product.liquid ภายใต้ Sections
  4. คัดลอกและวางสคริปต์ชั้นข้อมูลที่กล่าวถึงด้านล่าง
  5. คลิกบันทึกที่ main-product.liquid ที่มุมบนขวามือ

ขั้นตอนที่ 1: เข้าสู่ระบบร้านค้า Shopify ของคุณและคลิกที่ธีมภายใต้ร้านค้าออนไลน์บนแผงการนำทางด้านซ้ายมือ

select themes under online store

ส่วนที่ 2: คลิกที่แก้ไขโค้ดภายใต้เมนูแบบเลื่อนลง "การดำเนินการ"

Click on Edit code under Actions drop down

ส่วนที่ 3: คลิกที่ main-product.liquid ภายใต้ Sections

Click on the main-product.liquid under Sections.

ขั้นตอนที่ 4: คัดลอกและวางสคริปต์ชั้นข้อมูลที่ระบุด้านล่าง

สำเนา

 <script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push ({
เหตุการณ์: 'view_item',
อีคอมเมิร์ซ: {
รายการ: [{
item_name: '{{ product.title | แทนที่: "'","##@@[email protected]@##" }}'.replace("##@@[email protected]@##", "'"),
item_id: "{% if product.sku %}{{ product.sku }}{% else %}{{ product.id}}{% endif %}",
ราคา: "{{ product.price | money_without_currency | ลบ:',' }}",
item_brand: "{{ product.vendor | ลบ: "'" | ลบ: '"' }}",
{% สำหรับคอลเลกชันใน product.collections %}
item_category{% เว้นแต่ forloop.index == 1 %}{{ forloop.index }}{% endunless %}: "{{ collection.title }}",
{% สิ้นสุดสำหรับ %}
item_variant: "{{ product.selected_or_first_available_variant.title | ลบ: "'" | ลบ: '"' }}",
ปริมาณ: '1'
}]
}
});
</script>

Copy and Paste the below mentioned Data Layer script on the main-product.liquid under Sections

ขั้นตอนที่ 5: คลิกบันทึกที่ main-product.liquid ที่มุมบนขวามือ

Click save on the main-product.liquid under Sections

สร้าง GTM Trigger สำหรับ view_item และเหตุการณ์การซื้อ

  1. ไปที่ Google เครื่องจัดการแท็ก
  2. คลิกที่ทริกเกอร์บนแผงการนำทางด้านซ้ายมือ
  3. คลิกใหม่
  4. คลิกที่ใดก็ได้ในการกำหนดค่าทริกเกอร์
  5. เลือกเหตุการณ์ที่กำหนดเองภายใต้อื่นๆ
  6. กำหนดชื่อเหตุการณ์ view_item.
  7. เปลี่ยนชื่อทริกเกอร์ CE – EEC – view_item – Trigger และคลิกบันทึก

บันทึก:

  1. กำหนดชื่อกิจกรรมเป็นการซื้อ
  2. เปลี่ยนชื่อทริกเกอร์ CE – EEC – ซื้อ – ทริกเกอร์ และคลิกบันทึก

ขั้นตอนที่ 1: ไปที่ Google Tag Manager

ขั้นตอนที่ 2: คลิกที่ทริกเกอร์บนแผงการนำทางด้านซ้ายมือ

Click on Trigger on the left hand navigation panel

ขั้นตอนที่ 3: คลิกใหม่

Click New

ขั้นตอนที่ 4: คลิกที่ใดก็ได้บนการกำหนดค่าทริกเกอร์

Click anywhere on Trigger configuration

ขั้นตอนที่ 5: เลือกเหตุการณ์ที่กำหนดเองภายใต้อื่น ๆ

Select Custom Event under Other

ขั้นตอนที่ 6: กำหนดชื่อเหตุการณ์ view_item

Assign Event Name as view_item

ขั้นตอนที่ 7: เปลี่ยนชื่อทริกเกอร์ CE – EEC – view_item – Trigger และคลิกบันทึก

Rename the Trigger - view_item

ด้วยขั้นตอนเหล่านี้ คุณได้สร้างทริกเกอร์เหตุการณ์ view_item ตอนนี้ คุณจะต้องทริกเกอร์เหตุการณ์การซื้อ หากต้องการทริกเกอร์เหตุการณ์การซื้อ ให้ทำตาม 5 ขั้นตอนแรกข้างต้น

ขั้นตอนที่ 8: กำหนดชื่อกิจกรรมเป็นการ ซื้อ

custom event name purchase

ขั้นตอนที่ 9: เปลี่ยนชื่อทริกเกอร์เป็น CE – EEC – ซื้อ – ทริกเกอร์ และคลิกบันทึก

Rename the Trigger - purchase

หากคุณทำตามขั้นตอนทั้งหมด แสดงว่าคุณได้ทำเกือบทุกอย่างแล้วเพื่อรวบรวม view_item และซื้อข้อมูลที่เกี่ยวข้องกับเหตุการณ์จากร้านค้า Shopify ของคุณด้วยข้อมูลที่กำหนดขอบเขตผู้ใช้ ตอนนี้เรามาดูวิธีการส่งรายละเอียดเหล่านี้ไปยัง GA4 โดยใช้ Google Tag Manager

สร้างแท็ก GTM สำหรับ view_item และเหตุการณ์การซื้อ

  1. คลิกที่แท็กบนแผงการนำทางด้านซ้ายมือ
  2. คลิกที่ใหม่
  3. คลิกที่ใดก็ได้ในการกำหนดค่าแท็ก
  4. เลือก “Google Analytics: เหตุการณ์ GA4” ใต้แท็กเด่น
  5. ในแท็กการกำหนดค่า ให้เลือก "GA4 - การดูหน้าเว็บ - แท็ก" จากเมนูแบบเลื่อนลง
  6. กำหนดชื่อกิจกรรม เลือกตัวแปร dataLayer ที่สร้างไว้ก่อนหน้านี้ – {{dlv – event – ​​variable}}
  7. คลิกการตั้งค่าเพิ่มเติมและเลือก ส่งข้อมูลอีคอมเมิร์ซ ภายใต้อีคอมเมิร์ซ เลือกชั้นข้อมูลเป็นแหล่งข้อมูลของคุณ
  8. คลิกที่ใดก็ได้บนทริกเกอร์
  9. เลือกทริกเกอร์ที่สร้างไว้ก่อนหน้านี้ “CE – EEC – view_item – Trigger” สำหรับเหตุการณ์ view_item
  10. เลื่อนเมาส์ไปที่มุมบนขวาของส่วนทริกเกอร์แล้วคลิกไอคอนดินสอ
  11. คลิกที่ไอคอนบวกทันที
  12. เลือกทริกเกอร์เหตุการณ์การซื้อที่ชื่อ "CE - การซื้อ - ทริกเกอร์"
  13. เปลี่ยนชื่อแท็ก: “GA4 – เหตุการณ์ EEC – แท็ก” แล้วคลิกบันทึก

ขั้นตอนที่ 1: คลิกที่แท็กบนแผงการนำทางด้านซ้ายมือ

Click on tag on the left hand navigation panel

ขั้นตอนที่ 2: คลิกที่ใหม่

Click New

ขั้นตอนที่ 3: คลิกที่ใดก็ได้ในการกำหนดค่าแท็ก

Tag Configuration - Click Anywhere

ขั้นตอนที่ 4: เลือก “Google Analytics: เหตุการณ์ GA4” ใต้แท็กเด่น

Select Google Analytics GA4 Event under Featured Tag

ขั้นตอนที่ 5: ในแท็กการกำหนดค่า เลือก "GA4 - การดูหน้าเว็บ - แท็ก" จากเมนูแบบเลื่อนลง

Select Configuration Tag form the drop down

ขั้นตอนที่ 6: กำหนด ชื่อกิจกรรม เลือกตัวแปรชั้นข้อมูลที่สร้างไว้ก่อนหน้านี้ – {{dlv – เหตุการณ์ – ตัวแปร}}

Event Name Select the previously made Data Layer variable

ขั้นตอนที่ 7: คลิกที่การตั้งค่าเพิ่มเติมและเลือก ส่งข้อมูลอีคอมเมิร์ซ ภายใต้อีคอมเมิร์ซ เลือกชั้นข้อมูลเป็นแหล่งข้อมูลของคุณ

More Settings Send eCommerce Data select Data Layer as datasource

ขั้นตอนที่ 8: คลิกที่ใดก็ได้ในการทริกเกอร์

Trigger Configuration - Click Anywhere

ขั้นตอนที่ 9: เลือกทริกเกอร์ที่สร้างไว้ก่อนหน้านี้ “CE – EEC – view_item – Trigger” สำหรับเหตุการณ์ view_item

select view item trigger

ขั้นตอนที่ 10: เลื่อนเมาส์ไปที่มุมบนขวาของส่วนทริกเกอร์แล้วคลิกไอคอนดินสอ

Hover over the trigger towards the right hand side top corner and click on pencil icon

ขั้นตอนที่ 11: คลิกที่ไอคอนบวกทันที

Click on this plus icon

ขั้นตอนที่ 12: เลือกทริกเกอร์เหตุการณ์การซื้อที่ชื่อ “CE – ซื้อ – ทริกเกอร์”

Select purchase event trigger

ขั้นตอนที่ 13: เปลี่ยนชื่อแท็ก: “GA4 – เหตุการณ์ EEC – แท็ก” แล้วคลิกบันทึก

Rename the tag and click save

ยินดีด้วย

ด้วยคำแนะนำนี้ คุณสามารถติดตามดูข้อมูลผลิตภัณฑ์และซื้อเหตุการณ์ใน GA4 ได้แล้ว คุณยังสามารถดูรายงานเกี่ยวกับ GA4 ได้โดยทำตามขั้นตอนเหล่านี้

ขั้นตอนที่หนึ่ง: ไปที่คุณสมบัติ GA4
ขั้นตอนที่สอง: คลิกที่รายงานจากแผงการนำทางด้านซ้าย
ขั้นตอนที่สาม: คลิกที่การสร้างรายได้ จากนั้นคลิกที่การซื้ออีคอมเมิร์ซ

หากคุณต้องการรับคอนเทนเนอร์ GTM สำเร็จรูปสำหรับคู่มือนี้ เราขอแนะนำให้คุณดาวน์โหลดสูตร GTM

ดาวน์โหลดสูตร GTM

บทสรุป

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