การผสานรวมไลบรารีแท็กผู้เผยแพร่โฆษณาผ่าน Google (GPT) เข้ากับเว็บไซต์ มีหลายวิธีที่เหมือนกับการผสานรวมสคริปต์ของบุคคลที่สามอื่นๆ อย่างไรก็ตาม การทำงานกับ GPT มีลักษณะเฉพาะบางอย่างที่ต้อง พิจารณาเพื่อให้มั่นใจว่าคุณจะใช้พื้นที่โฆษณาให้เกิดประโยชน์สูงสุดโดยมีผลกระทบต่อ ประสิทธิภาพของเว็บไซต์น้อยที่สุด เพราะโฆษณาที่รวดเร็วเป็นสิ่งสำคัญ
ส่วนต่อไปนี้จะครอบคลุมแนวทางปฏิบัติแนะนำที่ควรใช้เมื่อทำงานกับการผสานรวม
โหลด GPT จากแหล่งที่มาอย่างเป็นทางการ
หากต้องการให้มั่นใจว่าคุณมีสิทธิ์เข้าถึงฟีเจอร์ล่าสุดและมาตรการปกป้องความเป็นส่วนตัว โปรด ขอไลบรารี GPT จากแหล่งที่มาอย่างเป็นทางการเสมอโดยใช้ URL ใด URL หนึ่งที่ระบุ ในตารางต่อไปนี้ URL ที่จะใช้จะขึ้นอยู่กับว่าคุณวางแผนที่จะ เปิดใช้โหมดโฆษณาแบบจำกัด (LTD) ด้วยตนเองหรือไม่
| ประเภทการผสานรวม | แท็กสคริปต์ |
|---|---|
| มาตรฐาน รวมถึงผู้เผยแพร่โฆษณาที่ผสานรวมกับ TCF ของ IAB Europe |
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
| โฆษณาแบบจำกัดที่กำหนดเอง หากต้องการเปิดใช้โฆษณาแบบจำกัด (LTD) ด้วยตนเอง |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
โหมดโฆษณาแบบจำกัด (LTD) ช่วยให้ GPT แสดงโฆษณาได้ โดยไม่ต้องเข้าถึงพื้นที่เก็บข้อมูลฝั่งไคลเอ็นต์ (เช่น คุกกี้หรือตัวระบุในเครื่อง) คุณเปิดใช้โฆษณาแบบจำกัดได้ 2 วิธี ดังนี้
มาตรฐาน (โดยอัตโนมัติ): ผู้ให้บริการการจัดการความยินยอม (CMP) จะแจ้งให้ GPT ทราบ ว่าผู้ใช้ไม่ได้ให้ความยินยอมในการเข้าถึงพื้นที่เก็บข้อมูล โดยปกติจะใช้ สัญญาณ TCF เวอร์ชัน 2.0 ของ IAB หากคุณใช้ CMP ที่ได้รับการรับรองจาก Google เพื่อจัดการความยินยอมของผู้ใช้ GPT จะเข้าสู่โหมดโฆษณาแบบจำกัดโดยอัตโนมัติตามค่ากําหนดของผู้ใช้
- URL: โหลด GPT จาก URL มาตรฐาน (doubleclick.net)
- ไม่ต้องดำเนินการด้วยตนเอง: คุณไม่จำเป็นต้องเรียกใช้
setPrivacySettings({limitedAds: true})ด้วยตนเองเมื่อใช้ CMP เนื่องจากไลบรารีจะจัดการสัญญาณ โดยอัตโนมัติ
ด้วยตนเอง: คุณเรียก GPT API อย่างชัดแจ้งเพื่อ ขอโฆษณาแบบจำกัด
- URL: หากต้องการเปิดใช้โฆษณาแบบจำกัดด้วยตนเองโดยใช้
googletag.pubads().setPrivacySettings({limitedAds: true})API คุณต้องโหลด GPT จาก URL ของโฆษณาแบบจำกัดgooglesyndication.com - เหตุผล: การโหลด GPT จากโดเมน
googlesyndication.comจะช่วยเพิ่มการป้องกันการเข้าถึงพื้นที่เก็บข้อมูลฝั่งไคลเอ็นต์โดยค่าเริ่มต้น - ผลที่ตามมาของการกำหนดค่าที่ไม่ถูกต้อง: หากโหลด GPT จาก URL มาตรฐานและเรียกใช้ API ด้วยตนเอง ระบบจะเพิกเฉยต่อคำขอเปิดใช้โฆษณาแบบจำกัด และจะบันทึกคำเตือนในคอนโซลผู้เผยแพร่โฆษณา
- URL: หากต้องการเปิดใช้โฆษณาแบบจำกัดด้วยตนเองโดยใช้
อย่าแสดง GPT เวอร์ชันที่แคชไว้
ห้ามแสดงเวอร์ชันของ gpt.js, pubads_impl.js หรือไลบรารีที่โหลดจากเซิร์ฟเวอร์ของคุณเองหรือโหลดจากแหล่งที่มาที่ไม่เป็นทางการ
การใช้ไลบรารี GPT เวอร์ชันที่แคชไว้ในเครื่องอาจไม่ทำงานในเบราว์เซอร์หรือระบบปฏิบัติการเวอร์ชันใหม่เสมอไป และอาจไม่ได้รับการอัปเดตฟีเจอร์ใหม่และการปรับปรุง ไลบรารี GPT เวอร์ชันก่อนหน้าอาจหยุดทำงานได้ทุกเมื่อ และอาจส่งผลให้ สูญเสียรายได้จากโฆษณาหากโฆษณาหยุดแสดงไปที่แท็ก
ซึ่งรวมถึง Service Worker ด้วย หากคุณใช้ Service Worker เพื่อแคชหรือแก้ไขการตอบกลับคำขอ HTTP ที่มาจากเว็บไซต์ ให้ใช้กลยุทธ์เครือข่ายเท่านั้นเมื่อจัดการคำขอสำหรับ gpt.js เพื่อดึงข้อมูลเวอร์ชันล่าสุด
โหลด GPT ก่อน
ไลบรารี GPT (gpt.js) มีเพียงเศษเสี้ยวของโค้ดที่จำเป็นต่อการโหลดโฆษณา
โค้ดส่วนใหญ่จะอยู่ในไฟล์แยกต่างหาก (เช่น pubads_impl_XX.js) ซึ่ง gpt.js จะโหลดตามความจำเป็น
การโหลดไลบรารี GPT หลักตั้งแต่เนิ่นๆ จะช่วยให้โหลดสคริปต์ที่ขึ้นอยู่กับไลบรารีนี้ได้เร็วขึ้นด้วย ซึ่งจะช่วยหลีกเลี่ยงเวลาในการตอบสนองเพิ่มเติมที่เกี่ยวข้องกับ การดึงข้อมูลสคริปต์เหล่านี้ (หากไม่มีการแคช) และช่วยให้โหลดโฆษณาได้เร็วขึ้น ทั้งหมดนี้ช่วยลดเมตริกเวลาในการแสดงผลโฆษณาแรก ซึ่งจะเพิ่มการมองเห็นโฆษณาในที่สุด
ใช้การโหลดล่วงหน้าเมื่อเหมาะสม
บางครั้งคุณอาจควบคุมโดยตรงไม่ได้ว่าจะโหลด GPT เมื่อใดหรืออย่างไร เช่น เมื่อใช้สคริปต์โฆษณาของบุคคลที่สามซึ่งโหลด GPT ในนามของคุณ ในกรณีเหล่านี้ การ
โหลดคำขอสำหรับ gpt.js ล่วงหน้าอาจเป็นเรื่องที่เหมาะสม การโหลดคำขอล่วงหน้าจะสั่งให้เบราว์เซอร์ดาวน์โหลดเนื้อหาที่ระบุทันที ซึ่งเป็นเนื้อหาที่สำคัญต่อการโหลดหน้าเว็บ เมื่อเนื้อหาที่ระบุเป็นไฟล์ JavaScript ระบบจะดึงข้อมูลเนื้อหาของสคริปต์ทันที แต่จะเลื่อนการดำเนินการออกไปจนกว่าจะจำเป็นต้องใช้สคริปต์
ตัวอย่างคำขอโหลดล่วงหน้าสำหรับการผสานรวมมาตรฐาน
<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">
ตัวอย่างคำขอโหลดล่วงหน้าสำหรับการผสานรวมโฆษณาแบบจำกัด
<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">
ใช้ GPT ในหน้าที่แสดงผลล่วงหน้า
การแสดงผลล่วงหน้าจะสั่งให้เบราว์เซอร์ดาวน์โหลดและ แสดงหน้าเว็บที่ผู้ใช้ยังไม่ได้ขอ แต่มีแนวโน้มที่จะเข้าชม เมื่อโหลดในหน้าเว็บที่แสดงผลล่วงหน้า ไลบรารี GPT จะขอโฆษณาเฉพาะในกรณีที่หน้าเว็บปรากฏให้เห็นเท่านั้น
โหลด GPT แบบคงที่
หลีกเลี่ยงการแทรกไลบรารี GPT ลงในหน้าเว็บแบบไดนามิกหรือ
การโหลดจากสคริปต์ภายนอก แต่ให้โหลดไลบรารีแบบคงที่ใน
<head> ของหน้าเว็บตามที่แสดงใน
เริ่มต้นใช้งานแท็กผู้เผยแพร่โฆษณาผ่าน Google วิธีนี้ช่วยป้องกันไม่ให้ทรัพยากรอื่นๆ
ทำให้การดึงและโหลดไลบรารี GPT ล่าช้า
ซึ่งจะส่งผลให้การโหลดโฆษณาล่าช้า
ดูรายละเอียดเพิ่มเติมได้ในเอกสารประกอบการตรวจสอบ Publisher Ads Audits for Lighthouse โหลดสคริปต์โฆษณาแบบคงที่
โหลด GPT แบบไม่พร้อมกัน
รวมคีย์เวิร์ด async ไว้ในการกำหนดแท็กสคริปต์ตามที่แสดงใน
เริ่มต้นใช้งานแท็กผู้เผยแพร่โฆษณาผ่าน Google ซึ่งจะสั่งให้เบราว์เซอร์โหลดไลบรารี GPT ไปพร้อมกับทรัพยากรอื่นๆ และเนื้อหาหน้าเว็บ แทนที่จะบล็อกการดำเนินการจนกว่าสคริปต์จะโหลดเสร็จ
ดูรายละเอียดเพิ่มเติมได้ที่เอกสารประกอบการตรวจสอบโฆษณาของผู้เผยแพร่โฆษณาสําหรับ Lighthouse โหลดแท็กโฆษณาแบบไม่พร้อมกัน
โหลด GPT อย่างปลอดภัย
โหลดไลบรารี GPT ผ่าน HTTPS เสมอ ดังที่แสดงในเริ่มต้นใช้งานแท็กผู้เผยแพร่โฆษณาผ่าน Google ซึ่งไม่เพียงเพิ่มความปลอดภัยให้กับผู้ใช้เท่านั้น แต่ยังช่วยปรับปรุงประสิทธิภาพด้วย เนื่องจากคำขอโฆษณาที่ออกโดย GPT จะใช้ HTTPS เสมอ ดังนั้นการโหลดตัวไลบรารีโดยใช้ HTTPS จะช่วยให้เบราว์เซอร์ต้องเปิดการเชื่อมต่อแค่ 1 จุดเท่านั้นสำหรับคำขอทั้งหมดที่เกี่ยวข้องกับการแสดงโฆษณา
ดูรายละเอียดเพิ่มเติมได้ในเอกสารประกอบการตรวจสอบโฆษณาของผู้เผยแพร่โฆษณาสำหรับ Lighthouse โหลดแท็กโฆษณาผ่าน HTTPS และ โหลด GPT จากโฮสต์ที่แนะนำ
ฝึกใช้ประสิทธิภาพของหน้าเว็บที่ดี
แม้ว่าแนวทางปฏิบัติแนะนำในคู่มือนี้จะเน้นการเพิ่มประสิทธิภาพการผสานรวม GPT โดยเฉพาะ แต่ก็มีปัจจัยอื่นๆ อีกมากมายที่ส่งผลต่อประสิทธิภาพโดยรวมของหน้าเว็บ เมื่อทำการเปลี่ยนแปลงในเว็บไซต์ (โดยเฉพาะการเปลี่ยนแปลงที่ อิงตามคำแนะนำแบบกว้าง เช่น คำแนะนำในคู่มือนี้) สิ่งสำคัญคือ ต้องประเมินผลกระทบของการเปลี่ยนแปลงเหล่านั้นต่อประสิทธิภาพของหน้าเว็บในทุกด้าน ขอแนะนําให้คุณเรียกใช้เครื่องมือต่างๆ เช่น Lighthouse และ Publisher Ads Audits for Lighthouse เป็นประจําเพื่อระบุและแก้ไข ปัญหาด้านประสิทธิภาพ รวมถึงค้นหาการเพิ่มประสิทธิภาพที่เหมาะสมสําหรับเว็บไซต์