การผสานรวมไลบรารีแท็กผู้เผยแพร่โฆษณาผ่าน Google (GPT) เข้ากับเว็บไซต์นั้นคล้ายกับการผสานรวมสคริปต์ของบุคคลที่สามอื่นๆ ในหลายๆ ด้าน อย่างไรก็ตาม การใช้ GPT มีข้อควรพิจารณาบางประการที่ไม่เหมือนใครเพื่อให้คุณใช้พื้นที่โฆษณาได้คุ้มค่าที่สุดโดยที่ส่งผลกระทบต่อประสิทธิภาพของเว็บไซต์น้อยที่สุด ท้ายที่สุดแล้ว โฆษณาที่แสดงเร็วเป็นสิ่งสำคัญ
ส่วนต่อไปนี้จะกล่าวถึงแนวทางปฏิบัติแนะนำที่ควรทำเมื่อทําการผสานรวม
โหลด GPT จากแหล่งที่มาอย่างเป็นทางการ
ขอไลบรารี GPT จากแหล่งที่มาอย่างเป็นทางการเสมอ
| ประเภทการผสานรวม | แท็กสคริปต์ |
|---|---|
| มาตรฐาน รวมถึงผู้เผยแพร่โฆษณาที่ผสานรวมกับTCF ของ IAB Europe |
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script> |
| โฆษณาแบบจำกัด สําหรับผู้เผยแพร่โฆษณาที่ต้องการเปิดใช้โฆษณาแบบจํากัดด้วยตนเอง |
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script> |
ใช้ URL โฆษณาแบบจํากัดเฉพาะในเว็บไซต์ที่คุณต้องการเปิดใช้โฆษณาแบบจํากัดด้วยตนเอง การขอ GPT จาก URL ของโฆษณาแบบจำกัดเมื่อไม่ได้ใช้ฟีเจอร์นี้ทําให้เบราว์เซอร์เปิดการเชื่อมต่อเครือข่ายเพิ่มเติมที่ไม่จําเป็น ซึ่งอาจทําให้โฆษณาโหลดช้าลง
เพื่อช่วยในการปฏิบัติตามข้อกําหนดของผู้เผยแพร่โฆษณา ระบบอาจโหลด GPT จาก URL มาตรฐานที่มีแอตทริบิวต์ crossorigin="anonymous" เพื่อไม่ให้ระบบส่งคุกกี้ไปพร้อมกับคําขอสคริปต์
ไม่แสดง 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 ควบคู่ไปกับทรัพยากรอื่นๆ และเนื้อหาหน้าเว็บ แทนที่จะบล็อกการดำเนินการจนกว่าสคริปต์จะโหลดเสร็จ
ดูรายละเอียดเพิ่มเติมได้ที่เอกสารประกอบการตรวจสอบการโหลดแท็กโฆษณาแบบไม่พร้อมกันของ 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 เป็นประจําเพื่อระบุและแก้ไขปัญหาด้านประสิทธิภาพ รวมถึงค้นหาจุดสมดุลที่เหมาะสมในการเพิ่มประสิทธิภาพเว็บไซต์