การผสานรวมไลบรารีแท็กผู้เผยแพร่โฆษณาผ่าน 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 เวอร์ชันก่อนหน้าอาจหยุดทำงานได้ทุกเมื่อ และอาจทำให้สูญเสียรายได้จากโฆษณาหากโฆษณาหยุดแสดงในแท็ก
โปรแกรมทำงานของบริการก็เหมือนกันเช่นกัน หากคุณใช้โปรแกรมทำงานของบริการเพื่อแคชหรือแก้ไขการตอบกลับคำขอ 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 เป็นประจำเพื่อระบุและแก้ไขปัญหาด้านประสิทธิภาพ รวมถึงหาสมดุลที่เหมาะสมของการเพิ่มประสิทธิภาพสำหรับเว็บไซต์