ตั้งค่าเซิร์ฟเวอร์แสดงตัวอย่างแบบส่วนตัว

คู่มือนี้มีไว้สำหรับนักพัฒนาซอฟต์แวร์ที่ใช้ Cloud Run สำหรับการติดแท็กฝั่งเซิร์ฟเวอร์ที่ต้องการตั้งค่าเซิร์ฟเวอร์ตัวอย่างส่วนตัว

การติดแท็กฝั่งเซิร์ฟเวอร์ช่วยให้คุณแสดงตัวอย่างการเปลี่ยนแปลงการติดแท็กในโหมดแสดงตัวอย่างและแก้ไขข้อบกพร่องได้ก่อนนำไปใช้ นี่เป็นส่วนสำคัญของเวิร์กโฟลว์การพัฒนาเพื่อให้แน่ใจว่าแท็กทำงานตามที่ต้องการ หากต้องการเปิดใช้ความสามารถนี้ต้องมีการทำให้ใช้งานได้ของ Cloud Run 2 รายการ โดยรายการแรกสำหรับเซิร์ฟเวอร์การติดแท็กและอีกรายการสำหรับเซิร์ฟเวอร์ตัวอย่าง คู่มือนี้ให้ข้อมูลเพิ่มเติมเกี่ยวกับวิธีการสื่อสารระหว่างเซิร์ฟเวอร์ 2 ตัว และวิธีกำหนดค่าเซิร์ฟเวอร์ในสภาพแวดล้อมแบบองค์กร

ภาพรวม

เมื่อทำให้การติดแท็กฝั่งเซิร์ฟเวอร์ใช้งานได้กับ Cloud Run คุณจะทำให้การติดแท็กใช้งานได้โดยมีหรือไม่มีตัวจัดสรรภาระงานก็ได้ สำหรับการทำให้ใช้งานได้ในหลายภูมิภาค คุณต้องมีตัวจัดสรรภาระงานเพื่อกำหนดเส้นทางการรับส่งข้อมูลไปยังอินสแตนซ์ที่ใกล้ที่สุด

ไม่มีตัวจัดสรรภาระงาน

เมื่อไม่มีตัวจัดสรรภาระงาน

รูปที่ 1: การทำให้ใช้งานได้โดยไม่มีตัวจัดสรรภาระงาน

มีตัวจัดสรรภาระงาน

เมื่อใช้ตัวจัดสรรภาระงาน

รูปที่ 2: การทำให้ใช้งานได้ด้วยตัวจัดสรรภาระงาน

ในการทำให้ใช้งานได้ทั้ง 2 แบบ จุดแรกเข้าสำหรับทั้งเซิร์ฟเวอร์ตัวอย่างและสภาพแวดล้อมการติดแท็กเวอร์ชันที่ใช้งานจริงจะเป็น URL เดียวกัน (เช่น sgtm.example.com) เซิร์ฟเวอร์การติดแท็กมีการทำให้ใช้งานได้ด้วยตัวแปรสภาพแวดล้อมที่ชื่อ PREVIEW_SERVER_URL ซึ่งแสดงถึง URL ของเซิร์ฟเวอร์ตัวอย่าง

เมื่อไปที่ tagmanager.google.com และเปิดโหมดแสดงตัวอย่าง เครื่องจัดการแท็กจะนำทางไปยัง sgtm.example.com?id=[gtm_server_id]&gtm_auth=[auth_id]&gtm_preview=[env_id] และตั้งค่าคุกกี้ จากนั้นเมื่อคุณใช้เบราว์เซอร์เดียวกันเพื่อสำรวจเว็บไซต์เป้าหมาย คำขอที่ส่งไปยัง sgtm.example.com จะส่งต่อคุกกี้ด้วย เนื่องด้วยคุกกี้ เซิร์ฟเวอร์การติดแท็กจะทราบว่านี่คือเหตุการณ์ของคุณ จึงส่งต่อกิจกรรมไปยังเซิร์ฟเวอร์ตัวอย่างเพื่อให้คุณดูและแก้ปัญหาเท่านั้น

เซิร์ฟเวอร์การติดแท็กจะส่งต่อเหตุการณ์เหล่านี้ด้วยการสร้างคำขอ HTTP ไปยัง URL ที่ตั้งค่าในตัวแปรสภาพแวดล้อม PREVIEW_SERVER_URL

เกี่ยวกับเซิร์ฟเวอร์ตัวอย่างที่แสดงต่อสาธารณะ

ลักษณะการทำงานเริ่มต้นนี้กำหนดให้เซิร์ฟเวอร์แสดงตัวอย่างเป็นแบบสาธารณะ อย่างไรก็ตาม กรณีนี้เป็นปัญหาสำหรับบางองค์กรเนื่องจากมีข้อจำกัดเกี่ยวกับโครงสร้างพื้นฐานที่เปิดเผยต่อสาธารณะ และมักจะบังคับใช้มาตรการรักษาความปลอดภัยเพิ่มเติมผ่านตัวจัดสรรภาระงาน ตัวจัดสรรภาระงานจะให้ข้อมูลต่อไปนี้แก่คุณ

  • ควบคุมฟีเจอร์ต่างๆ ได้มากขึ้น เช่น นโยบาย SSL เพื่อจำกัดชุดการเข้ารหัส
  • การผสานรวมกับ Cloud Armor แบบเนทีฟสำหรับไฟร์วอลล์เว็บแอปพลิเคชัน (WAF) หรือการปฏิเสธการให้บริการแบบกระจาย (DDoS)
  • ความสามารถในการจัดการการเข้าชมขั้นสูง

กําหนดเส้นทางเซิร์ฟเวอร์ตัวอย่างผ่านตัวจัดสรรภาระงาน

หากต้องการสร้างเซิร์ฟเวอร์ตัวอย่างส่วนตัว ให้ใช้การกำหนดเส้นทางตามโฮสต์ผ่านตัวจัดสรรภาระงานกับโดเมนย่อยเพิ่มเติม ส่วนที่เหลือของคู่มือนี้จะอธิบายถึง วิธีกำหนดเส้นทางเซิร์ฟเวอร์แสดงตัวอย่างผ่านตัวจัดสรรภาระงาน

ข้อกำหนดเบื้องต้น

  • เซิร์ฟเวอร์การติดแท็กทำให้ใช้งานได้แล้วบน Cloud Run หลังตัวจัดสรรภาระงาน
  • สิทธิ์เข้าถึงโปรเจ็กต์ Google Cloud
  • สิทธิ์เข้าถึงโดเมนย่อยใหม่สำหรับเซิร์ฟเวอร์ตัวอย่าง สำหรับตัวอย่าง preview.sgtm.example.com

ขั้นตอนที่ 1: อัปเดตตัวแปรสภาพแวดล้อมด้วยโดเมนย่อยใหม่

หากต้องการใช้โดเมนเซิร์ฟเวอร์ตัวอย่างใหม่ ให้อัปเดตตัวแปรสภาพแวดล้อมของเซิร์ฟเวอร์การติดแท็กฝั่งเซิร์ฟเวอร์ PREVIEW_SERVER_URL ดังนี้

  1. เปิด Cloud Run
  2. เลือกเซิร์ฟเวอร์การติดแท็ก
  3. คลิกแก้ไขและทำให้การแก้ไขใหม่ใช้งานได้
  4. ในแท็บตัวแปรและข้อมูลลับ ในส่วนคอนเทนเนอร์ ให้เปลี่ยน PREVIEW_SERVER_URL เป็นโดเมนใหม่ ตัวอย่างเช่น preview.sgtm.example.com

ขั้นตอนที่ 2: กำหนดค่าตัวจัดสรรภาระงานที่มีอยู่เพื่อใช้การกำหนดเส้นทางตามโฮสต์

หากต้องการกำหนดค่าตัวจัดสรรภาระงานที่มีอยู่ ให้ใช้การกำหนดเส้นทางตามโฮสต์และส่งการรับส่งข้อมูลไปยังเซิร์ฟเวอร์ที่ถูกต้อง ดังนี้

  1. ใน Cloud Run เปิดหน้าการจัดสรรภาระงานและคลิกชื่อของตัวจัดสรรภาระงาน
  2. คลิกปุ่มแก้ไข
  3. คลิกหน้าการกำหนดค่าแบ็กเอนด์ และเปิดเมนูแบบเลื่อนลงสำหรับบริการแบ็กเอนด์และที่เก็บข้อมูลแบ็กเอนด์
  4. คลิกสร้างบริการแบ็กเอนด์ แล้วทําตามขั้นตอนต่อไปนี้
    1. ตั้งชื่อที่เหมาะสม (เช่น preview-backend-service)
    2. เลือกประเภทแบ็กเอนด์เป็นกลุ่มปลายทางเครือข่ายแบบ Serverless
  5. ในส่วนแบ็กเอนด์ ให้สร้างกลุ่มปลายทางเครือข่ายแบบ Serverless ใหม่และดำเนินการต่อไปนี้
    1. ตั้งชื่อและเลือกภูมิภาคที่โฮสต์เซิร์ฟเวอร์แสดงตัวอย่าง
    2. เลือก Cloud Run เป็นประเภทกลุ่มปลายทางเครือข่ายแบบ Serverless และเลือกบริการเซิร์ฟเวอร์ตัวอย่าง
    3. คลิกสร้าง
  6. เปลี่ยนการตั้งค่าอื่นๆ ตามต้องการ หรือเก็บค่าเริ่มต้นไว้ แล้วคลิกสร้าง

ขั้นตอนที่ 3: เพิ่มกฎใหม่และอัปเดตการควบคุมข้อมูลขาเข้า

วิธีเพิ่มกฎสำหรับ URL โฮสต์ใหม่และอัปเดตการควบคุมข้อมูลขาเข้า

  1. เปิดหน้ากฎของโฮสต์และเส้นทาง
  2. เพิ่มกฎใหม่ที่มีลักษณะดังนี้
    • โฮสต์คือ URL ใหม่: preview.sgtm.example.com
    • เส้นทางคือ /*
    • แบ็กเอนด์คือ: preview-backend-service
  3. คลิกปุ่มอัปเดตเพื่อทำให้ตัวจัดสรรภาระงานใช้งานได้อีกครั้ง
  4. กลับไปที่ Cloud Run ให้เปิดเซิร์ฟเวอร์ตัวอย่างขึ้นมาแล้วเลือกแท็บเครือข่าย
  5. เปลี่ยนการควบคุมข้อมูลขาเข้าเป็นภายใน และทำเครื่องหมายที่อนุญาตการรับส่งข้อมูลจากตัวจัดสรรภาระงานของแอปพลิเคชันภายนอกเพื่อไม่ให้เข้าถึงได้แบบสาธารณะ

ผลลัพธ์: ตอนนี้สถาปัตยกรรมเซิร์ฟเวอร์ของคุณควรมีลักษณะเหมือนรูปที่ 3 ซึ่งคำขอการรับส่งข้อมูลจะส่งไปยังเซิร์ฟเวอร์การติดแท็กทั้งหมด และเซิร์ฟเวอร์การติดแท็กจะส่งต่อคำขอไปยังเซิร์ฟเวอร์แสดงตัวอย่างได้

การกำหนดเส้นทางตามโฮสต์

ภาพที่ 3: การใช้การกำหนดเส้นทางตามโฮสต์

ตรวจสอบการกำหนดค่า

วิธีตรวจสอบการกำหนดค่า

  1. เปิด Google Tag Manager
  2. เปิดคอนเทนเนอร์เซิร์ฟเวอร์
  3. คลิกผู้ดูแลระบบ > การตั้งค่าคอนเทนเนอร์ แล้วตั้งค่า URL ของคอนเทนเนอร์เซิร์ฟเวอร์เป็น URL ของเซิร์ฟเวอร์ตัวอย่าง
  4. ปิดหน้าต่างและแสดงตัวอย่างพื้นที่ทำงาน หน้าต่างแก้ไขข้อบกพร่องจะเปิดขึ้น ขณะที่คุณไปยังส่วนต่างๆ ของเว็บไซต์ เหตุการณ์ควรปรากฏในหน้าต่างการแก้ไขข้อบกพร่อง