การผสานรวมไลบรารีแท็กผู้เผยแพร่โฆษณาผ่าน 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">
ใช้ fetchpriority เพื่อจัดลำดับความสำคัญของการโหลดสคริปต์
คุณใช้แอตทริบิวต์ fetchpriority เพื่อส่งสัญญาณไปยังเบราว์เซอร์เกี่ยวกับลำดับความสำคัญที่เกี่ยวข้องของการเรียกทรัพยากร GPT ได้ โดยค่าเริ่มต้น gpt.js จะขอสคริปต์การติดตั้งใช้งานหลัก (pubads_impl.js) และสคริปต์ความเป็นส่วนตัวและการแสดงข้อความของ Google โดยอัตโนมัติด้วย fetchpriority="high" เพื่อเพิ่มประสิทธิภาพการจัดกำหนดการเครือข่ายและลดเวลาในการตอบสนองของการโหลดโฆษณา การเพิ่มลำดับความสำคัญอาจส่งผลต่อการโหลดทรัพยากรอื่นๆ ในหน้าเว็บ
และเมตริก Core Web Vitals เราขอแนะนำให้ตั้งค่าใน gpt.js โดยตรงเพื่อเพิ่มผลกระทบจากเวลาในการตอบสนองของ fetchpriority ที่ตั้งค่าเป็นสูง
หากต้องการจัดลําดับความสําคัญของการดึงข้อมูลgpt.jsสคริปต์ตัวโหลดเอง (หรือกําหนดค่าลําดับความสําคัญที่รับช่วงของสคริปต์ pubads_impl.js และความเป็นส่วนตัวและการแสดงข้อความแจ้งผู้ใช้ของ Google) คุณสามารถเพิ่มแอตทริบิวต์ fetchpriority ลงในแท็ก gpt.js <script> ได้โดยตรง
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" fetchpriority="high"></script>
เมื่อระบุแอตทริบิวต์ fetchpriority ในแท็ก gpt.js loader
<script> สคริปต์การติดตั้งใช้งานที่แทรกแบบไดนามิกและสคริปต์ความเป็นส่วนตัวและการแสดงข้อความของ Google
จะรับค่า fetchpriority ที่ระบุโดยอัตโนมัติ (เช่น "high", "low" หรือ "auto")
ใช้ GPT ในหน้าเว็บที่แสดงผลล่วงหน้า
การแสดงผลล่วงหน้าจะสั่งให้เบราว์เซอร์ดาวน์โหลดและ แสดงผลหน้าเว็บที่ผู้ใช้ยังไม่ได้ขอ แต่มีแนวโน้มที่จะเข้าชม เมื่อโหลดในหน้าเว็บที่แสดงผลล่วงหน้า ไลบรารี GPT จะขอโฆษณาเฉพาะในกรณีที่หน้าเว็บแสดงต่อผู้ใช้เท่านั้น
โหลด GPT แบบคงที่
หลีกเลี่ยงการแทรกไลบรารี GPT ลงในหน้าเว็บแบบไดนามิกหรือ
การโหลดจากสคริปต์ภายนอก แต่ให้โหลดไลบรารีแบบคงที่ใน
<head> ของหน้าเว็บตามที่แสดงใน
เริ่มต้นใช้งานแท็กผู้เผยแพร่โฆษณาผ่าน Google ซึ่งจะป้องกันไม่ให้แหล่งข้อมูลอื่นๆ
ทำให้การดึงข้อมูลและการโหลดไลบรารี GPT ล่าช้า
ซึ่งจะทำให้การโหลดโฆษณาล่าช้าตามไปด้วย
ดูรายละเอียดเพิ่มเติมได้ในเอกสารประกอบการตรวจสอบ Publisher Ads Audits for Lighthouse โหลดสคริปต์โฆษณาแบบคงที่
โหลด GPT แบบไม่พร้อมกัน
ใส่asyncคีย์เวิร์ดในการกําหนดแท็กสคริปต์ตามที่แสดงใน
เริ่มต้นใช้งานแท็กผู้เผยแพร่โฆษณาผ่าน Google ซึ่งจะสั่งให้เบราว์เซอร์โหลดไลบรารี GPT ไปพร้อมกับ
ทรัพยากรและเนื้อหาอื่นๆ ของหน้าเว็บ แทนที่จะบล็อกการดำเนินการจนกว่าสคริปต์จะโหลดเสร็จ
ดูรายละเอียดเพิ่มเติมได้ในเอกสารประกอบการตรวจสอบ Publisher Ads Audits for Lighthouse โหลดแท็กโฆษณาแบบไม่พร้อมกัน
โหลด GPT อย่างปลอดภัย
โหลดไลบรารี GPT ผ่าน HTTPS เสมอตามที่แสดงในเริ่มต้นใช้งานแท็กผู้เผยแพร่โฆษณาผ่าน Google ซึ่งไม่เพียงเพิ่มความปลอดภัยให้กับผู้ใช้เท่านั้น แต่ยังช่วยปรับปรุงประสิทธิภาพด้วย เนื่องจากคำขอโฆษณาที่ออกโดย GPT จะใช้ HTTPS เสมอ ดังนั้นการโหลดตัวไลบรารีโดยใช้ HTTPS จะช่วยให้เบราว์เซอร์ต้องเปิดการเชื่อมต่อแค่ 1 จุดเท่านั้นสำหรับคำขอทั้งหมดที่เกี่ยวข้องกับการแสดงโฆษณา
ดูรายละเอียดเพิ่มเติมได้ในเอกสารประกอบการตรวจสอบ Publisher Ads Audits for Lighthouse โหลดแท็กโฆษณาผ่าน HTTPS และ โหลด GPT จากโฮสต์ที่แนะนำ
ฝึกฝนการสร้างประสิทธิภาพของหน้าเว็บที่ดี
แม้ว่าแนวทางปฏิบัติแนะนำในคู่มือนี้จะมุ่งเน้นที่การเพิ่มประสิทธิภาพการผสานรวม GPT โดยเฉพาะ แต่ก็มีปัจจัยอื่นๆ อีกมากมายที่มีส่วนช่วยให้หน้าเว็บมีประสิทธิภาพโดยรวม เมื่อทำการเปลี่ยนแปลงในเว็บไซต์ (โดยเฉพาะการเปลี่ยนแปลงที่ อิงตามคําแนะนําแบบกว้าง เช่น คําแนะนําในคู่มือนี้) สิ่งสําคัญคือ ต้องประเมินผลกระทบของการเปลี่ยนแปลงเหล่านั้นต่อทุกด้านของประสิทธิภาพ หน้าเว็บ เราขอแนะนําให้คุณเรียกใช้เครื่องมือต่างๆ เช่น Lighthouse และ Publisher Ads Audits for Lighthouse เป็นประจําเพื่อระบุและแก้ไข ปัญหาด้านประสิทธิภาพ รวมถึงค้นหาการเพิ่มประสิทธิภาพที่เหมาะสมสําหรับเว็บไซต์ของคุณ