บทความนี้มีไว้สําหรับนักพัฒนาซอฟต์แวร์ที่ใช้การติดแท็กฝั่งเซิร์ฟเวอร์และต้องการแสดงสคริปต์ Google จากเซิร์ฟเวอร์ของตนเอง
การติดแท็กฝั่งเซิร์ฟเวอร์ช่วยให้คุณโหลดสคริปต์ Google เช่น gtm.js หรือ gtag.js ได้โดยตรงจากเซิร์ฟเวอร์การติดแท็กแทนจากเซิร์ฟเวอร์ของ Google ซึ่งจะช่วยให้คุณแสดงข้อมูลในบริบทของบุคคลที่หนึ่งได้
ก่อนเริ่มต้น
คู่มือนี้จะถือว่าคุณได้ดำเนินการดังต่อไปนี้แล้ว
- ตั้งค่าคอนเทนเนอร์เซิร์ฟเวอร์ใน Tag Manager
- ตั้งค่าเซิร์ฟเวอร์การติดแท็ก
- กําหนดค่าโดเมนเซิร์ฟเวอร์ที่กําหนดเอง
เลือกตัวเลือกการติดตั้งใช้งานเพื่อเริ่มต้น
ขั้นตอนที่ 1: กำหนดค่าไคลเอ็นต์
หากต้องการสร้างบริบทของบุคคลที่หนึ่งระหว่างคอนเทนเนอร์เว็บกับเซิร์ฟเวอร์การติดแท็ก คุณต้องโหลดสคริปต์ Google ผ่านเซิร์ฟเวอร์
วิธีโหลดสคริปต์ Google ผ่านคอนเทนเนอร์เซิร์ฟเวอร์
เลือกตัวเลือกการใช้งานเพื่อดูวิธีการขั้นตอนที่ 2: อัปเดตโดเมนแหล่งที่มาของสคริปต์
โดยค่าเริ่มต้น Tag Manager หรือ gtag.js จะโหลดทรัพยากร Dependency จากเซิร์ฟเวอร์ที่ Google เป็นเจ้าของ เช่น www.googletagmanager.com
คุณต้องอัปเดต URL ของสคริปต์ในเว็บไซต์เพื่อโหลดทรัพยากร Dependency ผ่านเซิร์ฟเวอร์ของคุณเอง
ขั้นตอนที่ 3: ยืนยันแหล่งที่มาของสคริปต์
คำแนะนำต่อไปนี้แสดงวิธีการทดสอบโดยใช้ Google Chrome คุณใช้เบราว์เซอร์ใดก็ได้ แต่ขั้นตอนอาจแตกต่างกันไป
วิธีทดสอบว่าคอนเทนเนอร์เซิร์ฟเวอร์โหลดทรัพยากร ดังนี้
- เปิดเว็บไซต์ในแท็บใหม่ของเบราว์เซอร์
- เปิดเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของเบราว์เซอร์ ใน Google Chrome คุณสามารถคลิกขวาที่ใดก็ได้ในหน้าเว็บ แล้วเลือกตรวจสอบ
ในเครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ ให้เปิดแท็บแหล่งที่มา หน้าต่างนี้จะแสดงรายการที่เกี่ยวข้องทั้งหมดที่โหลดเมื่อคุณเปิดเว็บไซต์
- ✅ การติดตั้งใช้งานถูกต้องหากโหลด
gtm.jsจากแหล่งที่มาที่คุณระบุ
- ❌ หากแท็บแหล่งที่มาแสดง
www.googletagmanager.comเป็นแหล่งที่มาของgtm.jsแสดงว่าระบบยังคงโหลดทรัพยากร Dependency จากเซิร์ฟเวอร์ของ Google
- ตรวจสอบว่าคุณได้แก้ไข URL แหล่งที่มาในโค้ดหรือไม่ ให้ดูขั้นตอนที่ 2
- ตรวจสอบว่ารหัสเผยแพร่อยู่
- ✅ การติดตั้งใช้งานถูกต้องหากโหลด
ขั้นตอนถัดไป
หากใช้โหมดความยินยอม คุณสามารถตั้งค่าลักษณะการทํางานของแท็กเฉพาะภูมิภาคเพื่อให้ควบคุมได้มากขึ้น