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

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

ภาพรวม

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

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

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

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

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

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

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

การตั้งค่าด้วยตนเอง การตั้งค่าอัตโนมัติด้วย Cloudflare

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/
แท็กสแตนด์อโลน 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

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

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

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

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

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

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

     ชื่อส่วนหัว	ค่าของส่วนหัว
     Host	G-12345.fps.goog
     X-Forwarded-Country	{client_region}
     X-Forwarded-Region	{client_region_subdivision}

   • ตรวจสอบการตั้งค่าอื่นๆ 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 ให้พิจารณา ใช้การตั้งค่าอัตโนมัติของ 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 สำหรับผู้ลงโฆษณาที่ใช้ Akamai อยู่ในรุ่นเบต้า หากมีคำถามหรือปัญหาเกี่ยวกับการตั้งค่า โปรดติดต่อเราที่ [e-mail]

หากต้องการแสดงแท็กในเกตเวย์แท็ก 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

อื่นๆ

หากต้องการแสดงแท็กในเกตเวย์แท็ก 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

ขั้นตอนที่ 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 -->

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

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

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

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