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

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

การติดแท็กฝั่งเซิร์ฟเวอร์ช่วยให้คุณแสดงตัวอย่างการเปลี่ยนแปลงการติดแท็กในโหมดแสดงตัวอย่างและโหมดแก้ไขข้อบกพร่อง ก่อนที่จะนำไปใช้ได้ ซึ่งเป็นส่วนสำคัญของเวิร์กโฟลว์การพัฒนาเพื่อ ให้มั่นใจว่าแท็กทำงานตามที่ต้องการ หากต้องการเปิดใช้ความสามารถนี้ คุณต้องมีการติดตั้งใช้งาน Cloud Run 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)
  • ความสามารถในการจัดการการรับส่งข้อมูลขั้นสูง

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

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

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

  • ติดตั้งใช้งานเซิร์ฟเวอร์การติดแท็กใน 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. คลิกปุ่มอัปเดตเพื่อติดตั้งใช้งาน Load Balancer อีกครั้ง
  4. กลับไปที่ Cloud Run เปิดเซิร์ฟเวอร์สำหรับดูตัวอย่าง แล้วเลือกแท็บเครือข่าย
  5. เปลี่ยนตัวควบคุมการรับส่งข้อมูลขาเข้าเป็นภายใน แล้วเลือกอนุญาตการรับส่งข้อมูลจากตัวจัดสรรภาระงานแอปพลิเคชันภายนอก เพื่อให้เข้าถึงแบบสาธารณะไม่ได้

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

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

รูปที่ 3: การใช้การกำหนดเส้นทางที่อิงตามโฮสต์

โฮสต์จะแยกปลายทางทั้ง 2 อย่างออกจากกันอย่างชัดเจน

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

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

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