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