ตั้งค่าเกตเวย์แท็ก Google สําหรับผู้ลงโฆษณา

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

ภาพรวม

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

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

แผนภาพนี้แสดงโฟลว์ข้อมูลในเกตเวย์แท็ก Google สำหรับผู้ลงโฆษณา ดังนี้

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

คู่มือนี้จะถือว่าคุณได้กำหนดค่าเว็บไซต์ด้วยสิ่งต่อไปนี้แล้ว

• แท็ก Google หรือคอนเทนเนอร์ Tag Manager
• เครือข่ายนำส่งข้อมูล (CDN) หรือตัวจัดสรรภาระงานที่สามารถส่งต่อคำขอ ไปยังปลายทางภายนอก

เลือกประเภทการตั้งค่าเพื่อเริ่มต้นใช้งาน

บริการตนเอง ใน UI

1. เลือกเส้นทางการวัดผล

คุณต้องจองเส้นทางการวัดผลที่ไม่ซ้ำกันในโดเมนเว็บไซต์เพื่อแสดง แต่ละแท็กหรือ คอนเทนเนอร์ Google Tag Manager

ข้อกำหนดเส้นทางการวัดผล

• เส้นทางต้องยังไม่ได้ใช้งานในโดเมน
• แต่ละเส้นทางต้องไม่ใช่เส้นทางรูท /
• แต่ละเส้นทางต้องมีความยาวไม่เกิน 100 อักขระ

Google Tag Manager:

หากใช้ Google Tag Manager คุณเพียงแค่ต้องระบุรหัสคอนเทนเนอร์ (เช่น GTM-XXXXXX) การตั้งค่าครั้งเดียวนี้เพียงพอสําหรับแท็กทั้งหมด (เช่น Google Analytics, Google Ads ฯลฯ) ที่เพิ่มลงในคอนเทนเนอร์นั้นแล้ว

สําหรับคอนเทนเนอร์หรือแท็กแบบสแตนด์อโลนที่ไม่ซ้ำกันแต่ละรายการ คุณจะต้องมีเส้นทางการแสดงผลที่ไม่ซ้ำกัน และรหัสที่เกี่ยวข้อง

หากต้องการตั้งค่าเกตเวย์แท็ก Google สำหรับผู้ลงโฆษณา ให้เลือกเส้นทางที่ยังไม่ได้ใช้ในเว็บไซต์ หากต้องการลดโอกาสที่จะเกิดความขัดแย้งกับเส้นทางที่มีอยู่แล้วในเว็บไซต์ คุณสามารถเลือกชุดตัวอักษรและตัวเลข หรือหากต้องการเส้นทางที่อ่านง่ายขึ้น คุณอาจเลือกใช้คำ เช่น /gtm, /metrics, /analytics หรือคำอื่นๆ ที่ต้องการ

เช่น

กรณีการใช้งาน	รหัส	เส้นทางการแสดงแท็ก	ปลายทางต้นทาง
แท็กแบบสแตนด์อโลน 1	G-12345	/abjfo/	g-12345.fps.goog/abjfo/
Standalone Tag 2	G-67890	/fjdso/	g-67890.fps.goog/fjdso/
คอนเทนเนอร์ GTM	GTM-ABCDEF	/cvfjk/	gtm-abcdef.fps.goog/cvfjk/

กรอกข้อมูลต่อไปนี้เพื่อสร้างตัวอย่างในเอกสารนี้

Your domain: example.com
Google tag ID: G-12345
Tag serving path: /metrics

ข้อควรระวัง: การตั้งค่านี้จะเปลี่ยนเส้นทางการรับส่งข้อมูลทั้งหมดด้วยเส้นทางที่เลือก หากต้องการหลีกเลี่ยงไม่ให้ส่งผลต่อเว็บไซต์ ให้เลือกเส้นทางที่ยังไม่ได้ใช้

วิธีจัดการแท็กหรือคอนเทนเนอร์หลายรายการ

หากแท็กอยู่ในคอนเทนเนอร์ GTM เดียวกัน คุณไม่จำเป็นต้องตั้งค่านี้ซ้ำ เพียงเพิ่มคอนเทนเนอร์ Google Tag Manager รายการเดียว ระบบก็จะจัดการแท็กทั้งหมดภายในคอนเทนเนอร์นั้น

หากแท็กอยู่ในคอนเทนเนอร์ GTM แยกกันหรือไม่ได้ลิงก์... คุณต้องทำ การตั้งค่านี้ซ้ำสำหรับแต่ละอินสแตนซ์ โดยจะมีผลหากคุณกำลังเรียกใช้

• คอนเทนเนอร์ Google Tag Manager หลายรายการแยกกัน
• แท็กแต่ละรายการ (เช่น G-XXXXXX) ที่ไม่ได้อยู่ภายในคอนเทนเนอร์

เมื่อดำเนินการนี้ คุณต้องกำหนดเส้นทางการแสดงแท็กที่ไม่ซ้ำกันให้กับคอนเทนเนอร์ หรือแท็กทุกรายการ

2. กำหนดเส้นทางการรับส่งข้อมูล

ส่วนนี้จะถือว่าเว็บไซต์ของคุณใช้ CDN หรือตัวจัดสรรภาระงานที่รองรับการกำหนดเส้นทางการรับส่งข้อมูลตามเส้นทางอยู่แล้ว

Google Cloud

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

สร้างแบ็กเอนด์ใหม่

1. เปิดตัวจัดสรรภาระงานของ GCP

2. เปิดส่วนการกำหนดค่าแบ็กเอนด์ในตัวจัดสรรภาระงาน สร้างบริการแบ็กเอนด์ใหม่

3. กำหนดค่าบริการแบ็กเอนด์ใหม่ด้วยข้อมูลตำแหน่งทางภูมิศาสตร์

   • ระบุชื่อ เช่น measurement-be-svc
   • ตั้งค่าประเภทแบ็กเอนด์เป็นกลุ่มปลายทางเครือข่ายอินเทอร์เน็ต
   • ตั้งค่าโปรโตคอลเป็น HTTPS และปล่อยให้การหมดเวลาเป็นค่าที่กรอกไว้ล่วงหน้า
   • ในส่วนแบ็กเอนด์ ให้คลิกเมนูแบบเลื่อนลงกลุ่มปลายทางเครือข่ายอินเทอร์เน็ต แล้วสร้างกลุ่มปลายทางเครือข่ายอินเทอร์เน็ตใหม่ ดังนี้
     • ตั้งค่าประเภทกลุ่มปลายทางเครือข่ายเป็น NEG อินเทอร์เน็ต (ส่วนกลาง ระดับภูมิภาค)
     • ตั้งค่าขอบเขตเป็นส่วนกลาง
     • ตั้งค่าเพิ่มผ่านเป็นชื่อโดเมนที่สมบูรณ์ในตัวเองและพอร์ต
     • ตั้งค่าชื่อโดเมนที่สมบูรณ์ในตัวเองเป็น G-12345.fps.goog
     • คลิกสร้างเพื่อสร้างปลายทาง
     • ปิดแท็บกลุ่มปลายทางเครือข่ายเพื่อกลับไปที่แท็บบริการแบ็กเอนด์ใหม่
   • ค้นหาชื่อกลุ่มปลายทางเครือข่ายใหม่แล้วเลือก
   • เปิดส่วนการกำหนดค่าขั้นสูง เพิ่มส่วนหัวคำขอที่กำหนดเองต่อไปนี้

     ชื่อส่วนหัว	ค่าของส่วนหัว
     Host	G-12345.fps.goog
     X-Forwarded-CountryRegion	{client_region_subdivision}
     X-Forwarded-Geolocation	latlong={client_city_lat_long};city={client_city}

   • ตรวจสอบการตั้งค่าอื่นๆ Cloud CDN และ Cloud Armor ไม่จำเป็นสำหรับการผสานรวมนี้ คุณจึงปิดใช้ทั้ง 2 อย่างได้อย่างปลอดภัย
   • บันทึกบริการแบ็กเอนด์ใหม่

กำหนดค่ากฎการกำหนดเส้นทาง

1. เปิดส่วนกฎการกำหนดเส้นทางในตัวปรับโหลด

2. เพิ่มกฎของโฮสต์และเส้นทางต่อไปนี้

   โฮสต์	เส้นทาง	แบ็กเอนด์
   *	/metrics/*	measurement-be-svc

3. อัปเดตการกำหนดค่าตัวจัดสรรภาระงาน

4. ในเบราว์เซอร์ ให้ยืนยันการตั้งค่าโดยไปที่ https://example.com/metrics/healthy หน้าเว็บควรมีข้อความ ok ตรวจสอบว่าได้รวมข้อมูลทางภูมิศาสตร์แล้วโดยไปที่ https://example.com/metrics/?validate_geo=healthy หน้าเว็บควรมีข้อความ ok

Cloudflare

หากต้องการแสดงแท็กในเกตเวย์แท็ก Google สำหรับผู้ลงโฆษณา คุณจะต้องสร้างรายการ CNAME สำหรับโดเมนย่อยใหม่ สร้างกฎต้นทางเพื่อส่งต่อคำขอ และสร้างกฎการแปลงเพื่อรวมข้อมูลตำแหน่งทางภูมิศาสตร์ คุณจะต้องมีแพ็กเกจ Cloudflare Enterprise เพื่อตั้งค่านี้ให้เสร็จสมบูรณ์ หากคุณไม่มีแพ็กเกจ Enterprise ให้พิจารณา ใช้การตั้งค่าใน UI ของ Cloudflare แทน

สร้างรายการ CNAME

หมายเหตุ: แท็กจะไม่ใช้รายการ CNAME นี้ แต่ Cloudflare จะใช้เพื่อกำหนดเส้นทางคำขอ ภายใน

เลือกโดเมนย่อยเพื่อจองสำหรับรายการ CNAME กรอกข้อมูลต่อไปนี้เพื่อ สร้างตัวอย่างในเอกสารนี้ ระบบจะไม่แสดง CNAME นี้ภายนอกการกำหนดค่า Cloudflare ของคุณ ดังนั้นชื่อจึงเป็นแบบสุ่ม

CNAME subdomain: fps

1. ในแท็บ DNS ให้เปิดส่วนระเบียน
2. เพิ่มระเบียนใหม่ที่มีการกำหนดค่าต่อไปนี้
   • ตั้งค่า Type เป็น CNAME
   • ตั้งค่าชื่อเป็น fps
   • ตั้งค่าเป้าหมายเป็น G-12345.fps.goog
3. บันทึกระเบียน CNAME

สร้างกฎต้นทาง

1. ในแท็บกฎ ให้เปิดกฎต้นทางและสร้างกฎ
2. ป้อนชื่อกฎ เช่น Route measurement
3. จับคู่คำขอขาเข้าตามนิพจน์ตัวกรองที่กำหนดเอง แล้วคลิกแก้นิพจน์
4. วางนิพจน์ต่อไปนี้ในเครื่องมือสร้าง (http.host eq "example.com" and starts_with(http.request.uri.path, "/metrics"))
5. อัปเดตส่วนหัวของโฮสต์เป็นเขียนใหม่เป็น... G-12345.fps.goog
6. อัปเดตระเบียน DNS เป็นลบล้างเป็น... fps.example.com
7. บันทึกกฎต้นทาง
8. หากมีกฎต้นทางอื่นๆ ให้เพิ่มตำแหน่งของกฎที่สร้างขึ้นใหม่ เพื่อให้กฎทำงานหลังจากเส้นทางไวลด์การ์ดอื่นๆ
9. ในเบราว์เซอร์ ให้ยืนยันการตั้งค่าโดยไปที่ https://example.com/metrics/healthy หน้าเว็บควรแสดงข้อความ ok

ใส่ข้อมูลตำแหน่งทางภูมิศาสตร์

1. ในแท็บกฎ ให้เปิดการตั้งค่า
2. เปิดใช้ตัวเลือกเพิ่มส่วนหัวของตำแหน่งผู้เข้าชม
3. รอสักครู่เพื่อให้กฎมีผล ในเบราว์เซอร์ ให้ยืนยันการตั้งค่าโดยไปที่ https://example.com/metrics/?validate_geo=healthy หน้าเว็บควรแสดงข้อความว่า ok

Akamai

หากต้องการแสดงแท็กในเกตเวย์แท็ก Google สำหรับผู้ลงโฆษณา คุณจะต้อง เพิ่มกฎใหม่ใน พร็อพเพอร์ตี้เพื่อส่งต่อคำขอและเพิ่มข้อมูลตำแหน่งทางภูมิศาสตร์

สร้างกฎการเปลี่ยนเส้นทาง

1. สร้างเวอร์ชันใหม่ ของการกำหนดค่าการนำส่งใน Property Manager
2. ในส่วนการตั้งค่าการกำหนดค่าพร็อพเพอร์ตี้ ให้เพิ่ม Rule
   ใหม่
   • ป้อนชื่อ เช่น Route measurement
3. เพิ่มการจับคู่ใหม่
   • ตั้งค่าเมนูแบบเลื่อนลงของการจับคู่เป็นเส้นทางและเป็นหนึ่งใน
   • ตั้งค่าการจับคู่เป็น /metrics/*
4. เพิ่มลักษณะการทำงานใหม่
   • เลือกลักษณะการทำงานของพร็อพเพอร์ตี้มาตรฐาน แล้วเลือกลักษณะการทำงานของเซิร์ฟเวอร์ต้นทาง
   • ตั้งค่าชื่อโฮสต์ของเซิร์ฟเวอร์ต้นทางเป็น G-12345.fps.goog
   • ตั้งค่าส่งต่อส่วนหัวของโฮสต์เป็นชื่อโฮสต์ต้นทาง
5. บันทึกกฎใหม่และใช้การเปลี่ยนแปลง
   • อย่าลืมทดสอบกฎการเปลี่ยนเส้นทางใหม่ในสภาพแวดล้อมการจัดเตรียม ก่อนที่จะเปิดตัวในเวอร์ชันที่ใช้งานจริง
   • เคล็ดลับ: ตรวจสอบว่าคุณไม่มีกฎที่แก้ไขหรือนำส่วนหัวของการตอบกลับขาออกออก ซึ่งอาจทำให้สคริปต์ของ Google ทำงานไม่สำเร็จหากไม่มีส่วนหัวการตอบกลับ Content-Type

ใส่ข้อมูลตำแหน่งทางภูมิศาสตร์

1. เลือกกฎการเปลี่ยนเส้นทาง (สร้างไว้ด้านบน) ในส่วน การตั้งค่าพร็อพเพอร์ตี้

2. เพิ่มลักษณะการทำงานใหม่

   • เลือกลักษณะการทำงานของพร็อพเพอร์ตี้มาตรฐาน แล้วเลือกลักษณะการทำงานของการกำหนดเป้าหมายตามเนื้อหา (EdgeScape)
   • ตั้งค่าเปิดใช้เป็น true

3. บันทึกลักษณะการทำงานใหม่และนำการเปลี่ยนแปลงไปใช้

   • อย่าลืมทดสอบกฎการเปลี่ยนเส้นทางใหม่ในสภาพแวดล้อมการจัดเตรียม ก่อนที่จะเปิดตัวในเวอร์ชันที่ใช้งานจริง

4. ในเบราว์เซอร์ ให้ยืนยันการตั้งค่าโดยไปที่ https://example.com/metrics/healthy หน้าเว็บควรมีข้อความ ok ตรวจสอบว่าได้รวมข้อมูลทางภูมิศาสตร์แล้วโดยไปที่ https://example.com/metrics/?validate_geo=healthy หน้าเว็บควรมีข้อความ ok

Amazon CloudFront

หากต้องการแสดงแท็กด้วยเกตเวย์แท็ก Google สำหรับผู้ลงโฆษณา คุณจะต้อง กำหนดค่าลักษณะการทำงานของการกระจาย เพื่อส่งต่อคำขอและเพิ่มข้อมูลตำแหน่งทางภูมิศาสตร์

เพิ่มต้นทางใหม่

1. ไปที่หน้า CloudFront ใน Amazon Web Services (AWS)
2. เลือก Distribution ของ CloudFront
3. ในแท็บต้นทาง ให้สร้างต้นทางที่มีการตั้งค่าต่อไปนี้
   • ตั้งค่าโดเมนต้นทางเป็น G-12345.fps.goog
   • ตั้งค่าโปรโตคอลเป็น HTTPS เท่านั้น

สร้างลักษณะการทำงานของการเปลี่ยนเส้นทาง

1. ไปที่หน้า CloudFront ใน AWS
2. เลือก Distribution ของ CloudFront
3. ในแท็บลักษณะการทำงาน ให้สร้างลักษณะการทำงานใหม่โดยใช้การตั้งค่าต่อไปนี้
   • ตั้งค่ารูปแบบเส้นทางเป็น /metrics/*
   • ตั้งค่าต้นทางและกลุ่มต้นทางเป็น G-12345.fps.goog
   • ตั้งค่าบีบอัดออบเจ็กต์โดยอัตโนมัติเป็นไม่
   • ตั้งค่านโยบายโปรโตคอลของโปรแกรมดูเป็น HTTPS เท่านั้น
   • ตั้งค่าเมธอด HTTP ที่อนุญาตเป็น GET, HEAD, OPTIONS, PUT, POST, PATCH, DELETE
   • ในส่วนคีย์แคชและคำขอต้นทาง ให้เลือก นโยบายแคชและนโยบายคำขอต้นทาง
     • ตั้งค่านโยบายแคชเป็น CachingDisabled
     • ตั้งค่านโยบายคำขอต้นทางเป็น AllViewerExceptHostHeader
4. ในรายการพฤติกรรม ให้ตรวจสอบว่า Precedence ของพฤติกรรมใหม่ สูงกว่าพฤติกรรมอื่นๆ ทั้งหมด
   • หากต้องการเปลี่ยน Precedence ให้เลือกลักษณะการทำงาน แล้วเลือกปุ่มเลื่อนขึ้นจนกว่าจะอยู่สูงกว่าลักษณะการทำงานอื่นๆ ทั้งหมด
5. ในเบราว์เซอร์ ให้ยืนยันการตั้งค่าโดยไปที่ https://example.com/metrics/healthy หน้าเว็บควรแสดงข้อความ ok

ใส่ข้อมูลตำแหน่งทางภูมิศาสตร์

1. หากต้องการส่งต่อข้อมูลตำแหน่งทางภูมิศาสตร์ที่จำเป็น ให้ตั้งค่าส่วนหัวเป็น AllViewerExceptHostHeader ในลักษณะการทำงานของการเปลี่ยนเส้นทาง
   • ดูรายการส่วนหัวตำแหน่งของโปรแกรมดู CloudFront ทั้งหมดได้ในบทความนี้
2. รอสักครู่เพื่อให้ระบบเผยแพร่ ในเบราว์เซอร์ ให้ยืนยันการตั้งค่าโดยไปที่ https://example.com/metrics/?validate_geo=healthy หน้าเว็บควรแสดงข้อความว่า ok

Fastly

หากต้องการแสดงแท็กในเกตเวย์แท็ก Google สำหรับผู้ลงโฆษณา คุณจะต้อง กำหนดค่าบริการ CDN ของ Fastly เพื่อส่งต่อคำขอและเพิ่มข้อมูล ตำแหน่งทางภูมิศาสตร์ กระบวนการนี้เกี่ยวข้องกับการสร้างเงื่อนไข 1 รายการ โฮสต์ 1 รายการ และข้อมูลโค้ด VCL 2 รายการ

สร้างเงื่อนไขและโฮสต์

ก่อนอื่น คุณจะต้องตั้งค่าเงื่อนไขเพื่อระบุคำขอสำหรับเกตเวย์และโฮสต์เพื่อกำหนดเส้นทางคำขอไปยัง Google

1. สร้างเงื่อนไขใหม่โดยใช้การตั้งค่าต่อไปนี้

   • ประเภท: Request
   • ชื่อ: Google Tag Gateway Path (หรือชื่อที่คุณต้องการ)
   • สมัครหาก… req.url.path ~ "^/metrics"

2. สร้างโฮสต์ใหม่โดยใช้การตั้งค่าต่อไปนี้

   • ชื่อโฮสต์/ที่อยู่: fps.goog

3. กำหนดค่าโฮสต์ใหม่ด้วยการตั้งค่าเพิ่มเติมต่อไปนี้

   • คลิกแนบเงื่อนไข แล้วเลือกเงื่อนไขที่สร้างไว้ใน ขั้นตอนที่ 1
   • ตั้งค่าลบล้างโฮสต์เป็น fps.goog
   • ปล่อยให้การตั้งค่าอื่นๆ เป็นค่าเริ่มต้น
   • คลิกอัปเดตเพื่อบันทึกโฮสต์

เพิ่มรหัสแท็ก Google และส่วนหัวตำแหน่งทางภูมิศาสตร์

จากนั้นคุณจะเพิ่มข้อมูลโค้ด VCL (Varnish Configuration Language) เพื่อแนบรหัสแท็ก Google และข้อมูลตําแหน่งทางภูมิศาสตร์ของไคลเอ็นต์ คุณต้องสร้างข้อมูลโค้ด 2 รายการแยกกัน โดยรายการหนึ่งสำหรับ vcl_miss และอีกรายการหนึ่งสำหรับ vcl_pass โดยใช้โค้ดเดียวกันทุกประการ

1. ในบริการ ให้ไปที่ VCL Snippets แล้วสร้าง Snippet ที่มีช่องต่อไปนี้

   • ชื่อ: Geo_MISS (หรือชื่อที่คุณต้องการ)
   • ตําแหน่งโฆษณา: Within Subroutine
   • Subroutine: vcl_miss

   • VCL:

     if (req.url.path ~ "^/metrics") {
       set bereq.http.X-Gtg-Tag-Id = "G-12345";
       set bereq.http.X-Forwarded-Country = client.geo.country_code;
       set bereq.http.X-Forwarded-Region = client.geo.region;
       set bereq.http.X-Forwarded-Geolocation = "latlong=" +
         client.geo.latitude + "," + client.geo.longitude + ";city=" +
         client.geo.city;
     }
     

2. สร้างข้อมูลโค้ดอีกรายการโดยใช้ช่องต่อไปนี้

   • ชื่อ: Geo_PASS (หรือชื่อที่คุณต้องการ)
   • ประเภท: vcl_pass

   • VCL:

     if (req.url.path ~ "^/metrics") {
       set bereq.http.X-Gtg-Tag-Id = "G-12345";
       set bereq.http.X-Forwarded-Country = client.geo.country_code;
       set bereq.http.X-Forwarded-Region = client.geo.region;
       set bereq.http.X-Forwarded-Geolocation = "latlong=" +
         client.geo.latitude + "," + client.geo.longitude + ";city=" +
         client.geo.city;
     }
     

   ตอนนี้คุณควรมีข้อมูลโค้ดใหม่ 2 รายการแยกกัน ซึ่งจะช่วยให้มั่นใจได้ว่าระบบจะเพิ่มส่วนหัวระบุตำแหน่งทางภูมิศาสตร์ลงในคำขอที่ต้องดึงข้อมูลจากโฮสต์ ไม่ว่าจะเป็น "ไม่พบแคช" (vcl_miss) หรือ "แคชผ่าน" (vcl_pass)

เปิดใช้งานและยืนยันการกำหนดค่าทั้งหมด

เมื่อสร้างโฮสต์ เงื่อนไข และข้อมูลโค้ด VCL ทั้งหมดแล้ว คุณก็เปิดใช้งาน และทดสอบการตั้งค่าทั้งหมดได้

1. คลิกเปิดใช้งานเพื่อใช้การเปลี่ยนแปลงใหม่ทั้งหมด

2. ยืนยันการกำหนดค่าโดยเรียกใช้การทดสอบทั้ง 2 รายการในเบราว์เซอร์

   • การทดสอบ 1 (แท็กและการกำหนดเส้นทาง): ไปที่ https://example.com/metrics/healthy
   • การทดสอบ 2 (ตำแหน่งทางภูมิศาสตร์): ไปที่ https://example.com/metrics/?validate_geo=healthy

   ทั้ง 2 หน้าควรมีข้อความว่า ok

หมายเหตุ: คุณอาจต้องล้างข้อมูลบริการและรอสักครู่ เพื่อให้การยืนยันนี้ผ่าน

อื่นๆ

หากต้องการแสดงแท็กในเกตเวย์แท็ก Google สำหรับผู้ลงโฆษณา คุณต้องกำหนดค่า CDN หรือตัวจัดสรรภาระงานเพื่อกำหนดเส้นทางการส่งคำขอไปยังปลายทางของเกตเวย์แท็ก Google สำหรับผู้ลงโฆษณา

1. เพิ่มต้นทางหรือแบ็กเอนด์ที่นำไปยัง G-12345.fps.goog
2. ลบล้างส่วนหัวของโฮสต์ให้เป็นค่าเดียวกันกับ G-12345.fps.goog อนุญาตให้ส่งต่อคุกกี้และ สตริงการค้นหาทั้งหมด
3. ส่งข้อมูลตำแหน่งทางภูมิศาสตร์ของผู้เข้าชมโดยใส่ส่วนหัวต่อไปนี้
   • X-Forwarded-CountryRegion - ประเทศและภูมิภาคของผู้ใช้ในรหัส ISO 3166-2 เดียว (เช่น US-CA)
   • X-Forwarded-Country และ X-Forwarded-Region
     • X-Forwarded-Country - ประเทศของผู้ใช้เป็นรหัส ISO 3166-1 alpha-2 (เช่น US)
     • X-Forwarded-Region - รหัสส่วนย่อยของภูมิภาคของผู้ใช้ (เช่น CA)
   • หากใส่ส่วนหัวทั้ง 2 ชุด ระบบจะใช้ X-Forwarded-CountryRegion
4. เพิ่มกฎเส้นทางสำหรับ /metrics/* เพื่อ กำหนดเส้นทางการเข้าชมไปยังเกตเวย์แท็ก Google สำหรับผู้ลงโฆษณา
5. กําหนดค่าเส้นทางที่สงวนไว้ให้มีลำดับความสำคัญสูงกว่ากฎเริ่มต้น
6. ในเบราว์เซอร์ ให้ยืนยันการตั้งค่าโดยไปที่ https://example.com/metrics/healthy หน้าเว็บควรแสดงข้อความ ok ตรวจสอบว่าได้รวมข้อมูลทางภูมิศาสตร์ไว้แล้วโดยไปที่ https://example.com/metrics/?validate_geo=healthy หน้าเว็บควรแสดงข้อความว่า ok

ขั้นตอนที่ 3: อัปเดตสคริปต์ในเว็บไซต์เพื่อใช้เส้นทางการวัด

แทนที่สคริปต์ในแต่ละหน้าของเว็บไซต์ด้วยสคริปต์ใดสคริปต์หนึ่งต่อไปนี้

gtag.js

ที่ด้านบนของส่วน <head> ให้ค้นหาสคริปต์ 2 บรรทัดที่มีรหัสแท็ก Google ของคุณ

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-12345"></script>

และแทนที่ด้วยเส้นทางการวัดผลแทน

<!-- Google tag (gtag.js) -->
<script async src="/metrics/"></script>

gtm.js

ที่ด้านบนของส่วน <head> ให้แทนที่ข้อมูลโค้ด Tag Manager ด้วยข้อมูลโค้ดต่อไปนี้

<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'/metrics/?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','');</script>
<!-- End Google Tag Manager -->

หมายเหตุ: เกตเวย์แท็ก Google สำหรับผู้ลงโฆษณาไม่รองรับข้อมูลโค้ด <noscript> หากต้องการใช้ฟังก์ชัน<noscript> ให้ใช้ข้อมูลโค้ด Google Tag Manager <noscript> มาตรฐานที่ชี้ไปยัง www.googletagmanager.com ต่อไป

ทดสอบการตั้งค่าการวัดผล

หากต้องการทดสอบการตั้งค่าการวัดผล ให้กําหนดค่าคอนเทนเนอร์ให้มีแท็กที่เริ่มทํางานอย่างน้อย 1 รายการ

1. ไปที่ผู้ช่วยแท็ก แล้วดูตัวอย่างคอนเทนเนอร์
2. เข้าไปที่เว็บไซต์เพื่อทริกเกอร์เหตุการณ์

3. ในแท็บสรุป > เอาต์พุต > Hit ที่ส่ง ให้ยืนยันว่าระบบกําหนดเส้นทาง Hit ไปยัง /metrics