Google Tag Manager
ในหน้านี้
ข้อควรพิจารณาสำหรับการใช้งานตัวจัดการแท็กของ Google
หากต้องการใช้งาน Google Tag Manager กับร้านค้า Shopify Plus ออนไลน์ คุณต้องดำเนินการดังต่อไปนี้:
- มีสิทธิ์เข้าถึง
checkout.liquid
ไฟล์หากคุณไม่มีสิทธิ์เข้าถึงไฟล์นี้ในรหัสธีมของคุณ ให้ติดต่อฝ่ายช่วยเหลือของ Shopify Plus โดยใช้ Google Tag Manager ด้วยCheckout Extensibilityแทน - ใช้การผสานการทำงานของ Shopify สำหรับGoogle Analyticsและพิกเซลของ Metaแทนที่จะใช้การผสานการทำงานดังกล่าวกับ Google Tag Manager
- คัดลอกโค้ดส่วนย่อยซึ่งตัวจัดการแท็กของ Google มีให้ไปไว้ในไฟล์ธีม
theme.liquid
และcheckout.liquid
ของคุณ
เพิ่มโค้ด Google Tag Manager ลงในธีมของคุณ
ขั้นตอน:
ติดตั้งGoogle Tag Managerเพื่อรับโค้ดส่วนย่อยที่คุณจำเป็นต้องคัดลอกและวางลงในร้านค้า Shopify ของคุณ เนื่องจาก Shopify ใช้เทมเพลต คุณจึงต้องคัดลอกส่วนย่อยไปยัง
theme.liquid
และไฟล์checkout.liquid
- หากคุณติดตั้ง Google Tag Manager เป็นครั้งแรก ให้ดำเนินการตามขั้นตอนการติดตั้งที่Google Tag Managerแนะนำ และหยุดชั่วคราวเมื่อถึงขั้นตอนที่คุณจะได้รับส่วโค้ดส่วนย่อย 2 ชุดสำหรับเพิ่มไปยังเว็บเพจของคุณ จากนั้นดำเนินการตามคำแนะนำด้านล่าง
- หากคุณได้ติดตั้ง Google Tag Manager อยู่แล้ว คุณจะสามารถดูโค้ดส่วนย่อยเหล่านี้ได้ใน Google Tag Manager โดยคลิกที่Adminจากนั้นคลิกที่ติดตั้ง Google Tag Manager
ในส่วนผู้ดูแลShopifyให้คลิกที่ร้านค้าออนไลน์จากนั้นคลิกที่ธีม
ในเมนูดรอปดาวน์ของธีม ให้คลิกที่แก้ไขโค้ด
คัดลอกโค้ดส่วนย่อยชุดแรกจาก Google Tag Manager ลงในแท็ก
ของ
theme.liquid
และรหัสcheckout.liquid
ของคุณ- คัดลอกโค้ดส่วนย่อยชุดแรกจาก Google Tag Manager
- ในส่วนผู้ดูแลShopifyของคุณ ให้เปิดไฟล์
theme.liquid
ของคุณขึ้นมา - วางโค้ดส่วนย่อยในตำแหน่งที่สูงที่สุดที่เป็นไปได้ใน
ของรหัส
theme.liquid
- เปิดไฟล์
checkout.liquid
ของคุณ - วางโค้ดส่วนย่อยในตำแหน่งที่สูงที่สุดที่เป็นไปได้ใน
ของรหัส
checkout.liquid
คัดลอกโค้ดส่วนย่อยชุดที่สองจาก Google Tag Manager ไปยังแท็ก
ใน
theme.liquid
และโค้ดcheckout.liquid
ของคุณ- ในส่วนผู้ดูแลShopifyของคุณ ให้เปิดหน้า
theme.liquid
ขึ้นมา - วางโค้ดส่วนย่อยในตำแหน่งที่สูงที่สุดที่เป็นไปได้ใน
ของ
theme.liquid
- เปิดหน้า
checkout.liquid
ขึ้นมา - วางโค้ดส่วนย่อยในตำแหน่งที่สูงที่สุดที่เป็นไปได้ใน
ของรหัส
checkout.liquid
- ในส่วนผู้ดูแลShopifyของคุณ ให้เปิดหน้า
ในส่วนผู้ดูแลShopifyของคุณ ให้คลิกที่บันทึก
ใน Google Tag Manager ให้ดำเนินการติดตั้ง Google Tag Manager ต่อไป เมื่อระบบแจ้งให้คุณเพิ่มแท็กโปรดอย่าเพิ่มแท็กประเภทต่อไปนี้:
- Universal Analytics สำหรับ Google Analytics
- Google Analytics แบบคลาสสิกสำหรับ Google Analytics
- พิกเซล Meta
ตรวจสอบยืนยันว่าติดตั้ง Google Tag Manager แล้ว
หากต้องการตรวจสอบยืนยันว่าคุณได้ติดตั้ง Google Tag Manager อย่างเหมาะสมแล้ว คุณสามารถใช้ดำเนินการในที่ต่อไปนี้:
- โหมดตัวอย่างใน Google Tag Manager
- ส่วนขยาย ChromeGoogle Tag Assistant