หลังจากผสานรวมไลบรารีแท็กผู้เผยแพร่โฆษณาผ่าน Google (GPT) เข้ากับเว็บไซต์และคุ้นเคยกับแนวทางปฏิบัติแนะนำทั่วไปแล้ว คุณก็พร้อมที่จะเริ่มส่งคําขอโฆษณา ด้านล่างนี้เราจะกล่าวถึงแนวทางปฏิบัติแนะนำเพิ่มเติมที่คุณควรคำนึงถึงเมื่อกำหนดค่าและใช้งานช่องโฆษณา เพื่อให้ได้ประโยชน์สูงสุดจากพื้นที่โฆษณาโดยที่ส่งผลกระทบต่อประสิทธิภาพน้อยที่สุด
จัดลําดับความสําคัญของช่องโฆษณา "สําคัญ"
ช่องโฆษณาแต่ละช่องมีมูลค่าไม่เท่ากัน ตัวอย่างเช่น ช่องที่มองเห็นได้ทันทีที่หน้าเว็บโหลด (ครึ่งหน้าบน) มักจะ "สำคัญ" กว่าช่องที่มองไม่เห็นจนกว่าจะเลื่อนเข้ามาในมุมมอง (ครึ่งหน้าล่าง) ในแง่ของการแสดงโฆษณาและการสร้างรายได้ ด้วยเหตุนี้ คุณจึงควรพิจารณาความสำคัญของช่องโฆษณาแต่ละช่องในหน้าเว็บอย่างรอบคอบ และให้ความสําคัญกับการโหลดช่องที่สําคัญที่สุดโดยเร็วที่สุด
โหลดโฆษณาครึ่งหน้าบนตั้งแต่เนิ่นๆ
โฆษณาที่จะปรากฏทันทีที่หน้าเว็บโหลดควรมีลําดับความสําคัญสูงสุด เราขอแนะนำให้คุณกำหนดช่องเหล่านี้ใน <head> ของเอกสาร และขอช่องดังกล่าวในช่วงต้นของกระบวนการโหลดหน้าเว็บ วิธีนี้ช่วยให้มั่นใจว่าโฆษณาเหล่านี้จะโหลดตั้งแต่เนิ่นๆ (เพิ่มความสามารถในการแสดงโฆษณาให้สูงสุด) และจะไม่ทําให้การโหลดหน้าเว็บครั้งแรกช้าลงโดยไม่จําเป็น
โหลดโฆษณาครึ่งหน้าล่างแบบ Lazy Loading
สําหรับโฆษณาที่ต้องเลื่อนเข้ามาในมุมมอง คุณควรเลื่อนการดึงข้อมูลและการแสดงผลไว้ก่อนจนกว่าช่องโฆษณาจะใกล้จะเข้าสู่วิวพอร์ต กระบวนการนี้เรียกว่าการโหลดแบบ Lazy Loading การโหลดแบบ Lazy Loading จะให้ความสําคัญกับการขอและแสดงเนื้อหาครีเอทีฟโฆษณาแยกต่างหากสําหรับช่องที่มีแนวโน้มจะได้รับการดูมากที่สุด ซึ่งจะช่วยเพิ่มประสิทธิภาพการโหลดหน้าเว็บโดยประหยัดทรัพยากรที่มีจํากัดของเบราว์เซอร์ ซึ่งสำคัญอย่างยิ่งในสภาพแวดล้อมของอุปกรณ์เคลื่อนที่ที่มักมีแบนด์วิดท์และ CPU จํากัด
รีเฟรชโฆษณาโดยไม่ต้องรีเฟรชหน้าเว็บ
มีสถานการณ์หลายอย่างที่เหมาะหรือจําเป็นต้องแทนที่เนื้อหาโฆษณาปัจจุบันของช่อง ในกรณีเหล่านี้ วิธีที่ดีที่สุดคือใช้ฟังก์ชันรีเฟรชของไลบรารี GPT เพื่อดำเนินการแบบไดนามิก วิธีนี้จะช่วยหลีกเลี่ยงการรีเฟรชหน้าเว็บทั้งหมดและให้คุณควบคุมเงื่อนไขที่อัปเดตช่องหรือกลุ่มช่องได้อย่างแม่นยำ
เมื่อรีเฟรชช่องโฆษณา คุณควรทำความคุ้นเคยและปฏิบัติตามrefresh()แนวทางปฏิบัติแนะนำ
การรีเฟรชโฆษณาอย่างไม่เหมาะสมอาจทำให้เกิดปัญหาด้านประสิทธิภาพและส่งผลเสียต่ออัตราการมองเห็นโฆษณา
กําหนดเป้าหมายโฆษณาอย่างมีประสิทธิภาพ
เมื่อกําหนดค่าการกําหนดเป้าหมายตามคีย์-ค่า ให้พิจารณาอย่างรอบคอบว่าจะใช้การกําหนดเป้าหมายระดับช่องหรือระดับหน้า สําหรับคีย์-ค่าที่แชร์ระหว่างช่องโฆษณาหลายช่อง การใช้การกําหนดเป้าหมายระดับหน้าเว็บผ่านเมธอด PubAdsService setTargeting() จะมีประสิทธิภาพมากที่สุด คุณควรใช้การกําหนดเป้าหมายระดับช่องเพื่อลงทะเบียนคีย์-ค่าที่แตกต่างกันหรือไม่รวมอยู่ในบางช่องเท่านั้น
โปรดทราบว่าคุณใช้ทั้งการกำหนดเป้าหมายระดับช่องและระดับหน้าเว็บพร้อมกันได้ ดังที่แสดงในตัวอย่างการกำหนดเป้าหมายที่ตั้งค่าไว้ เราขอแนะนําอย่างยิ่งให้คุณกําหนดค่าการกําหนดเป้าหมายที่ระดับหน้าเว็บก่อน แล้วจึงใช้การลบล้างระดับช่องเมื่อจําเป็นเท่านั้น แนวทางนี้ไม่เพียงใช้ GPT API อย่างมีประสิทธิภาพเท่านั้น แต่ยังทำให้โค้ดเรียบง่ายขึ้นและช่วยรักษารูปแบบการทํางานที่ชัดเจนของการกําหนดเป้าหมายทั้งหมดที่กําหนดค่าไว้ในหน้าเว็บ
ใช้สถาปัตยกรรมคำขอรวมครั้งเดียวอย่างถูกต้อง
สถาปัตยกรรมคำขอรวมครั้งเดียว (SRA) คือโหมดคำขอ GPT ที่รวมคำขอช่องโฆษณาหลายช่องไว้ในคำขอโฆษณาเดียว ซึ่งจะช่วยให้มั่นใจว่าระบบจะใช้การยกเว้นคู่แข่งและ Roadblock ที่กําหนดค่าไว้สําหรับหน้าเว็บ ดังนั้น หากหน้าเว็บของคุณใช้ประโยชน์จากสิ่งเหล่านี้ เราขอแนะนำให้คุณเปิดใช้ SRA และเข้าใจวิธีใช้อย่างถูกต้อง
ในการกำหนดค่าเริ่มต้น SRA จะขอช่องโฆษณาทั้งหมดที่กําหนดไว้ในหน้าเว็บเมื่อคุณเรียก display() เป็นครั้งแรก (หรือ refresh() หากปิดใช้การโหลดครั้งแรก) ด้วยเหตุนี้ เราขอแนะนําให้คุณกําหนดช่องโฆษณาทั้งหมดของหน้าใน <head> ของเอกสาร ก่อนที่จะเรียกใช้ display() เป็นครั้งแรก
คุณสามารถใช้การโหลดแบบ Lazy Loading ร่วมกับแนวทางนี้เพื่อให้แน่ใจว่าระบบจะไม่โหลดช่องที่อยู่ด้านล่างของหน้าจอโดยทันที
เมื่อใช้ SRA คุณต้องกําหนดค่าช่องโฆษณาทั้งหมดอย่างสมบูรณ์ (เช่น กำหนดการกำหนดเป้าหมาย การยกเว้นหมวดหมู่ ฯลฯ) ก่อนทำการเรียกใช้ display() ครั้งแรก เฉพาะค่าที่กำหนดค่าไว้ก่อนถึงจุดนี้จะรวมอยู่ในคำขอ SRA เริ่มต้น
ไม่ถูกต้อง — การกําหนดค่าช่องโฆษณาไม่รวมอยู่ในคําขอ SRA
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots.
googletag.display(adSlot1);
});
</script>
</div>
<div id="banner-ad-2" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display has no effect, since both ad slots have already
// been fetched by the previous call to display.
// Targeting configuration for ad slot 2 is ignored.
adSlot2.setTargeting('test', 'privacy');
googletag.display(adSlot2);
});
</script>
</div>
</body>
</html>
ถูกต้อง — การกําหนดค่าช่องโฆษณารวมอยู่ในคําขอ SRA
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define and configure ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.setTargeting('test', 'privacy')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;"></div>
<div id="banner-ad-2" style="width: 728px; height: 90px;"></div>
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots with all
// configured targeting.
googletag.display(adSlot1);
});
</script>
</body>
</html>
เพิ่มประสิทธิภาพขนาดโฆษณา
เมื่อกําหนดช่องโฆษณา ให้พิจารณาทั้งขนาดโฆษณาสูงสุดที่แสดงได้ และขนาดที่เล็กลงซึ่งพอดีกับพื้นที่เดียวกัน โดยทั่วไปแล้ว ยิ่งคุณระบุขนาดมากเมื่อกําหนดช่อง โฆษณาก็จะมีสิทธิ์แสดงในช่องนั้นมากขึ้น ซึ่งอาจทำให้อัตราการส่งโฆษณาสูงขึ้นและรายได้เพิ่มมากขึ้น