แนวทางปฏิบัติแนะนำสำหรับโฆษณา

หลังจากผสานรวมไลบรารีแท็กผู้เผยแพร่โฆษณาผ่าน Google (GPT) เข้ากับเว็บไซต์และคุ้นเคยกับแนวทางปฏิบัติแนะนำทั่วไปแล้ว คุณก็พร้อมที่จะเริ่มส่งคำขอโฆษณา ในส่วนต่อไปนี้ เราจะพูดถึงแนวทางปฏิบัติแนะนำเพิ่มเติมบางอย่างที่คุณควรคำนึงถึงเมื่อกำหนดค่าและทำงานกับช่องโฆษณา เพื่อใช้ประโยชน์จากพื้นที่โฆษณาให้ได้มากที่สุดโดยมีผลกระทบต่อประสิทธิภาพน้อยที่สุด

จัดลำดับความสำคัญของช่องโฆษณาที่ "สำคัญ"

ช่องโฆษณาแต่ละช่องไม่ได้มีประสิทธิภาพเท่ากัน ตัวอย่างเช่น ช่องที่มองเห็นได้ทันทีที่หน้าเว็บโหลด (ครึ่งหน้าบน) มักจะ "สำคัญ" กว่าช่องที่มองไม่เห็นจนกว่าจะเลื่อนลงมา (ครึ่งหน้าล่าง) ในแง่ของความสามารถในการแสดงตัวโฆษณาและการสร้างรายได้ ด้วยเหตุนี้ คุณจึงควรพิจารณาความสำคัญที่เกี่ยวข้องของช่องโฆษณาทุกช่องในหน้าเว็บอย่างรอบคอบ และจัดลำดับความสำคัญของการโหลดช่องที่สำคัญที่สุดให้เร็วที่สุดเท่าที่จะเป็นไปได้

โหลดโฆษณาในครึ่งหน้าบนตั้งแต่เนิ่นๆ

โฆษณาที่จะปรากฏทันทีที่หน้าเว็บโหลดควรได้รับลำดับความสำคัญสูงสุด เราขอแนะนำให้คุณกำหนดช่องเหล่านี้ใน <head> ของเอกสาร และส่งคำขอช่องเหล่านี้ในกระบวนการโหลดหน้าเว็บให้เร็วที่สุด วิธีนี้ช่วยให้มั่นใจได้ว่าโฆษณาเหล่านี้จะโหลดตั้งแต่เนิ่นๆ (เพิ่มการมองเห็นโฆษณาให้ได้สูงสุด) และจะไม่ทำให้การโหลดหน้าเว็บครั้งแรกช้าลงโดยไม่จำเป็น

โหลดโฆษณาในครึ่งหน้าล่างแบบ Lazy Loading

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

รีเฟรชโฆษณาโดยไม่ต้องรีเฟรชหน้าเว็บ

มีหลายสถานการณ์ที่เหมาะสมหรือจำเป็นต้องแทนที่เนื้อหาโฆษณาปัจจุบันของช่องโฆษณา ในกรณีเหล่านี้ วิธีที่ดีที่สุดคือใช้ฟังก์ชันรีเฟรชของไลบรารี GPT เพื่อดำเนินการแบบไดนามิก วิธีนี้จะช่วยหลีกเลี่ยงการรีเฟรชทั้งหน้าและช่วยให้คุณควบคุมเงื่อนไขที่อัปเดตช่องโฆษณาหรือกลุ่มช่องโฆษณาได้อย่างแม่นยำ

เมื่อรีเฟรชช่องโฆษณา คุณควรทำความคุ้นเคยและปฏิบัติตามแนวทางปฏิบัติแนะนำของ refresh() การรีเฟรชโฆษณาอย่างไม่เหมาะสมอาจทำให้เกิดปัญหาด้านประสิทธิภาพและส่งผลเสียต่ออัตราการมองเห็นโฆษณา

กำหนดเป้าหมายโฆษณาอย่างมีประสิทธิภาพ

เมื่อกำหนดค่าการกำหนดเป้าหมายคีย์-ค่า ให้พิจารณาอย่างรอบคอบว่าจะใช้การกำหนดเป้าหมายระดับช่องหรือระดับหน้า สำหรับคีย์-ค่าที่แชร์ระหว่างช่องโฆษณาหลายช่อง การใช้การกำหนดเป้าหมายระดับหน้าเว็บโดยใช้ googletag.setConfig({ targeting: ... }) จะมีประสิทธิภาพมากที่สุด ควรใช้การกำหนดเป้าหมายระดับช่องเพื่อลงทะเบียนคีย์-ค่าที่แตกต่างกันหรือไม่ได้รวมอยู่ในทุกช่องเท่านั้น

โปรดทราบว่าคุณสามารถใช้การกำหนดเป้าหมายทั้งระดับช่องและระดับหน้าเว็บพร้อมกันได้ ดังที่เห็นในตัวอย่างการกำหนดเป้าหมาย เราขอแนะนำอย่างยิ่งให้คุณกำหนดค่าการกำหนดเป้าหมายที่ระดับหน้าเว็บก่อน จากนั้นจึงใช้การลบล้างระดับช่องโฆษณาเฉพาะในกรณีที่จำเป็นเท่านั้น วิธีนี้ไม่เพียงแต่ใช้ 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.setConfig({ singleRequest: true });
        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.setConfig({ targeting: { 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')
            .addService(googletag.pubads());
        adSlot2.setConfig({ targeting: { test: 'privacy' } });
        // Enable SRA and services.
        googletag.setConfig({ singleRequest: true });
        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>

เพิ่มประสิทธิภาพการกำหนดขนาดโฆษณา

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