หลังจากที่คุณผสานรวมไลบรารีแท็กผู้เผยแพร่โฆษณาผ่าน Google (GPT) ลงในเว็บไซต์และทําความคุ้นเคยกับแนวทางปฏิบัติแนะนําทั่วไปแล้ว คุณก็พร้อมที่จะเริ่มส่งคําขอโฆษณา ด้านล่างนี้จะอธิบายแนวทางปฏิบัติแนะนําเพิ่มเติมที่คุณควรคํานึงถึงเมื่อกําหนดค่าและทํางานร่วมกับช่องโฆษณา เพื่อให้ได้รับประโยชน์สูงสุดจากพื้นที่โฆษณาที่มีผลกระทบด้านประสิทธิภาพน้อยที่สุด
จัดลําดับความสําคัญของช่องโฆษณา "ที่สําคัญ"
ช่องโฆษณาบางช่องไม่ได้สร้างขึ้นอย่างถูกต้อง ตัวอย่างเช่น ช่องโฆษณาที่ปรากฏทันทีที่หน้าเว็บโหลด (ครึ่งหน้าบน) มักจะ "สําคัญ" มากกว่าหน้าเว็บที่มองไม่เห็นจนกว่าจะถูกเลื่อนมาอยู่ในมุมมอง (ครึ่งหน้าล่าง) ในแง่ของการมองเห็นโฆษณาและการสร้างรายได้ คุณจึงควรคํานึงถึงความสําคัญที่สัมพันธ์กันของช่องโฆษณาทุกช่องในหน้าอย่างรอบคอบ และให้ความสําคัญกับการโหลดช่องโฆษณาที่สําคัญที่สุดโดยเร็วที่สุด
โหลดโฆษณาครึ่งหน้าบนก่อน
โฆษณาที่จะแสดงทันทีที่โหลดหน้าเว็บควรได้รับลําดับความสําคัญสูงสุด ขอแนะนําให้คุณกําหนดสล็อตเหล่านี้ไว้ใน <head>
ของเอกสาร และขอรับช่องโฆษณาตั้งแต่เนิ่นๆ ในกระบวนการโหลดหน้าเว็บ วิธีนี้ช่วยให้มั่นใจได้ว่าโฆษณาเหล่านี้จะโหลดล่วงหน้า (เพิ่มการมองเห็นโฆษณาสูงสุด) และทําให้โฆษณาไม่ทําให้การโหลดหน้าเว็บเริ่มต้นช้าลงโดยไม่จําเป็น
โหลดโฆษณาแบบครึ่งหน้าล่างแบบ Lazy Loading
สําหรับโฆษณาที่ต้องเลื่อนเข้ามาในมุมมอง การดึงข้อมูลและการแสดงผลควรเลื่อนออกไปจนกว่าช่องโฆษณาจะใกล้เข้าสู่วิวพอร์ต กระบวนการนี้เรียกว่าการโหลดแบบ Lazy Loading การโหลดแบบ Lazy Loading จะจัดลําดับความสําคัญของคําขอและแสดงเนื้อหาครีเอทีฟโฆษณาในช่องที่น่าจะมีการรับชมมากที่สุด ซึ่งช่วยเพิ่มประสิทธิภาพการโหลดหน้าเว็บโดยรักษาทรัพยากรแบบจํากัดของเบราว์เซอร์ ซึ่งมีความสําคัญอย่างยิ่งในสภาพแวดล้อมของอุปกรณ์เคลื่อนที่ที่มักจะแบนด์วิดท์และ CPU จํากัด
รีเฟรชโฆษณาโดยไม่รีเฟรชหน้าเว็บ
มีหลายสถานการณ์ที่เหมาะสมหรือจําเป็นต้องแทนที่เนื้อหาโฆษณาปัจจุบันของช่อง ในกรณีเหล่านี้คุณควรใช้ฟังก์ชันการรีเฟรชของไลบรารี GPT เพื่อดําเนินการแบบไดนามิก การดําเนินการนี้จะรีเฟรชหน้าทั้งหน้าและช่วยให้คุณควบคุมเงื่อนไขที่ต้องการอัปเดตช่องหรือกลุ่มช่องได้อย่างแม่นยํา
เมื่อรีเฟรชช่องโฆษณา คุณควรทําความคุ้นเคยและปฏิบัติตามแนวทางปฏิบัติแนะนํา refresh()
การรีเฟรชโฆษณาอย่างไม่เหมาะสมอาจส่งผลให้เกิดปัญหาด้านประสิทธิภาพและส่งผลเสียต่อความสามารถในการแสดงตัวโฆษณา
กําหนดเป้าหมายโฆษณาอย่างมีประสิทธิภาพ
เมื่อกําหนดค่าการกําหนดเป้าหมายคีย์-ค่า ให้พิจารณาอย่างรอบคอบว่าจะใช้การกําหนดเป้าหมายระดับช่องหรือระดับหน้าเว็บหรือไม่ สําหรับคีย์-ค่าที่แชร์ระหว่างช่องโฆษณาหลายช่อง การใช้การกําหนดเป้าหมายระดับหน้าเว็บเป็นวิธีที่มีประสิทธิภาพมากที่สุดผ่านเมธอด setTargeting()
ของ PubAdsService การกําหนดเป้าหมายระดับช่องควรใช้เพื่อลงทะเบียนคีย์-ค่าที่แตกต่างกันหรือไม่ได้รวมอยู่ในบางช่องเท่านั้น
โปรดทราบว่าคุณสามารถใช้ทั้งการกําหนดเป้าหมายระดับช่องและระดับหน้าพร้อมกันได้ ตามที่แสดงในตัวอย่างการตั้งค่าการกําหนดเป้าหมาย ขอแนะนําอย่างยิ่งให้คุณกําหนดค่าการกําหนดเป้าหมายที่ระดับหน้าก่อน จากนั้นจึงใช้การลบล้างระดับช่องเมื่อจําเป็นเท่านั้น วิธีนี้ไม่เพียงใช้ 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 async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></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 async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></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>
เพิ่มประสิทธิภาพการปรับขนาดโฆษณา
เมื่อกําหนดช่องโฆษณา ให้พิจารณาแค่โฆษณาขนาดสูงสุดที่สามารถแสดงได้เท่านั้น แต่ยังรวมถึงขนาดที่เล็กกว่าซึ่งพอดีกับพื้นที่เดียวกันด้วย โดยทั่วไป ยิ่งคุณระบุขนาดมากขึ้นเมื่อกําหนดช่องโฆษณา โฆษณาก็จะมีสิทธิ์แสดงในโฆษณามากขึ้นเท่านั้น ซึ่งอาจทําให้มีอัตราการส่งโฆษณาสูงขึ้น และรายได้เพิ่มมากขึ้น