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

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

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

ภาพรวม

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

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

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

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

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

ด้วยตัวจัดสรรภาระงาน

รูปที่ 2: การติดตั้งใช้งานที่มีตัวจัดสรรภาระงาน

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

เมื่อคุณไปที่ tagmanager.google.com และเปิดโหมดแสดงตัวอย่าง Tag Manager จะนำทางไปยัง 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)
  • ความสามารถในการจัดการการรับส่งข้อมูลขั้นสูง

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

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

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

ขั้นตอนที่ 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. ปิดหน้าต่างแล้วดูตัวอย่างพื้นที่ทำงาน หน้าต่างแก้ไขข้อบกพร่องจะเปิดขึ้น เมื่อคุณไปยังส่วนต่างๆ ของเว็บไซต์ เหตุการณ์ควรปรากฏในหน้าต่างแก้ไขข้อบกพร่อง