Google Tag Manager
ข้อควรพิจารณาสำหรับการใช้งานตัวจัดการแท็กของ Google
หากต้องการใช้งาน Google Tag Manager กับร้านค้า Shopify Plus ออนไลน์ คุณต้องดำเนินการดังต่อไปนี้:
- รับสิทธิ์การเข้าถึงไฟล์
checkout.liquid
หากคุณไม่มีสิทธิ์เข้าถึงไฟล์นี้ในโค้ดธีม โปรดติดต่อฝ่ายช่วยเหลือของ Shopify Plus เพื่อรับสิทธิ์การเข้าถึง - ใช้การผสานการทำงานของ Shopify สำหรับ Google Analytics และ พิกเซลของ Facebook แทนที่จะใช้การผสานการทำงานดังกล่าวกับ 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 admin ให้คลิกที่ร้านค้าออนไลน์จากนั้นคลิกที่ธีม
ในเมนูดรอปดาวน์ของธีม ให้คลิกที่แก้ไขโค้ด
-
คัดลอกโค้ดส่วนย่อยชุดแรกจาก Google Tag Manager ลงในแท็ก
<head>
ของtheme.liquid
และรหัสcheckout.liquid
ของคุณ- คัดลอกโค้ดส่วนย่อยชุดแรกจาก Google Tag Manager
- ในส่วน Shopify admin ของคุณ ให้เปิดไฟล์
theme.liquid
ของคุณขึ้นมา - วางโค้ดส่วนย่อยในตำแหน่งที่สูงที่สุดที่เป็นไปได้ใน
<head>
ของรหัสtheme.liquid
- เปิดไฟล์
checkout.liquid
ของคุณ - วางโค้ดส่วนย่อยในตำแหน่งที่สูงที่สุดที่เป็นไปได้ใน
<head>
ของรหัสcheckout.liquid
-
คัดลอกโค้ดส่วนย่อยชุดที่สองจาก Google Tag Manager ไปยังแท็ก
<body>
ในtheme.liquid
และโค้ดcheckout.liquid
ของคุณ- ในส่วน Shopify admin ของคุณ ให้เปิดหน้า
theme.liquid
ขึ้นมา - วางโค้ดส่วนย่อยในตำแหน่งที่สูงที่สุดที่เป็นไปได้ใน
<body>
ของtheme.liquid
- เปิดหน้า
checkout.liquid
ขึ้นมา - วางโค้ดส่วนย่อยในตำแหน่งที่สูงที่สุดที่เป็นไปได้ใน
<body>
ของรหัสcheckout.liquid
- ในส่วน Shopify admin ของคุณ ให้เปิดหน้า
ในส่วน Shopify admin ของคุณ ให้คลิกที่บันทึก
-
ใน Google Tag Manager ให้ดำเนินการติดตั้ง Google Tag Manager ต่อไป เมื่อระบบแจ้งให้คุณเพิ่มแท็ก โปรดอย่าเพิ่มแท็กประเภทต่อไปนี้:
- Universal Analytics สำหรับ Google Analytics
- Google Analytics แบบคลาสสิกสำหรับ Google Analytics
- พิกเซลของ Facebook
ตรวจสอบยืนยันว่าติดตั้ง Google Tag Manager แล้ว
หากต้องการตรวจสอบยืนยันว่าคุณได้ติดตั้ง Google Tag Manager อย่างเหมาะสมแล้ว คุณสามารถใช้ดำเนินการในที่ต่อไปนี้:
- โหมดตัวอย่างใน Google Tag Manager
- ส่วนขยาย Chrome Google Tag Assistant