โหลดสคริปต์ Google ผ่านการติดแท็กฝั่งเซิร์ฟเวอร์

บทความนี้มีไว้สําหรับนักพัฒนาซอฟต์แวร์ที่ใช้การติดแท็กฝั่งเซิร์ฟเวอร์และต้องการแสดงสคริปต์ Google จากเซิร์ฟเวอร์ของตนเอง

การติดแท็กฝั่งเซิร์ฟเวอร์ช่วยให้คุณโหลดสคริปต์ Google เช่น gtm.js หรือ gtag.js ได้โดยตรงจากเซิร์ฟเวอร์การติดแท็กแทนที่จะโหลดจากเซิร์ฟเวอร์ของ Google วิธีนี้ช่วยให้คุณแสดงข้อมูลในบริบทของบุคคลที่หนึ่งได้

ก่อนเริ่มต้น

คู่มือนี้จะถือว่าคุณได้ดำเนินการต่อไปนี้แล้ว

• ตั้งค่าคอนเทนเนอร์เซิร์ฟเวอร์ใน Tag Manager
• ตั้งค่าเซิร์ฟเวอร์การติดแท็ก
• กำหนดค่าโดเมนเซิร์ฟเวอร์ที่กำหนดเองแล้ว

เลือกตัวเลือกการติดตั้งใช้งานเพื่อเริ่มต้นใช้งาน

Google Tag Manager แท็ก Google (gtag.js)

ขั้นตอนที่ 1: กำหนดค่าไคลเอ็นต์

หากต้องการสร้างบริบทของบุคคลที่หนึ่งระหว่างคอนเทนเนอร์เว็บและเซิร์ฟเวอร์การติดแท็ก คุณต้องโหลดสคริปต์ Google ผ่านเซิร์ฟเวอร์ของคุณ

หมายเหตุ: หากคุณมีการติดตั้ง noscript ระบบจะโหลดคอนเทนเนอร์เว็บผ่านการแสดงผลของบุคคลที่หนึ่งเท่านั้น ทั้งนี้ ระบบจะยังคงโหลดทรัพยากร Dependency ผ่านปลายทางของบุคคลที่สาม

หากต้องการโหลดสคริปต์ Google ผ่านคอนเทนเนอร์เซิร์ฟเวอร์ ให้ทำดังนี้

เลือกตัวเลือกการใช้งานเพื่อดูวิธี

ขั้นตอนที่ 2: อัปเดตโดเมนแหล่งที่มาของสคริปต์

โดยค่าเริ่มต้น Tag Manager หรือแท็ก Google (gtag.js) จะโหลดทรัพยากร Dependency จากเซิร์ฟเวอร์ที่ Google เป็นเจ้าของ เช่น www.googletagmanager.com คุณต้องอัปเดต URL ของสคริปต์ในเว็บไซต์เพื่อโหลดทรัพยากร Dependency ผ่านเซิร์ฟเวอร์ของคุณเอง

เลือกตัวเลือกการใช้งานเพื่อดูวิธี

ขั้นตอนที่ 3: ยืนยันแหล่งที่มาของสคริปต์

คำแนะนำต่อไปนี้แสดงวิธีการทดสอบโดยใช้ Google Chrome คุณจะใช้เบราว์เซอร์ใดก็ได้ที่ต้องการ แต่ขั้นตอนอาจแตกต่างกันไป

หากต้องการทดสอบว่าคอนเทนเนอร์เซิร์ฟเวอร์โหลดทรัพยากร Dependency หรือไม่ ให้ทำดังนี้

1. เปิดเว็บไซต์ในแท็บเบราว์เซอร์ใหม่
2. เปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของเบราว์เซอร์ ใน Google Chrome คุณคลิกขวาที่ใดก็ได้ในหน้าแล้วเลือกตรวจสอบ

3. ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ ให้เปิดแท็บแหล่งที่มา หน้าต่างนี้แสดงทรัพยากร Dependency ทั้งหมดที่โหลดเมื่อคุณเปิดเว็บไซต์

   • ✅ การใช้งานของคุณถูกต้องหากโหลด gtm.js จากแหล่งที่มาที่คุณระบุ

   

   • ❌ หากแท็บแหล่งที่มาแสดง www.googletagmanager.com เป็นแหล่งที่มาสำหรับ gtm.js ทรัพยากร Dependency จะยังคงโหลดจากเซิร์ฟเวอร์ของ Google

   

   • ตรวจสอบว่าคุณได้แก้ไข URL แหล่งที่มาในโค้ดหรือไม่ โปรดดูขั้นตอนที่ 2
   • ตรวจสอบว่ารหัสเผยแพร่อยู่

ขั้นตอนถัดไป

หากใช้โหมดความยินยอม คุณจะตั้งค่าลักษณะการทํางานของแท็กเฉพาะภูมิภาคเพื่อให้ควบคุมได้มากยิ่งขึ้น