ใช้รูปภาพเริ่มต้นขณะโหลด

ฟีเจอร์นี้ใช้กับโฆษณา AMPHTML ไม่ได้

บ่อยครั้งการแสดงรูปภาพในขณะที่ส่วนที่เหลือของโฆษณากำลังโหลดก็มีประโยชน์ โดยเฉพาะอย่างยิ่งเมื่อโฆษณามีขนาดค่อนข้างใหญ่

1. ตั้งค่ารูปภาพขณะโหลด

เพิ่ม div พร้อมด้วย ID loading ลงใน HTML ดังนี้

<body style="visibility: hidden;">

     <div id="loading" class="loading-image">

         กำลังโหลด...

     </div>

     <gwd-google-ad id="gwd-ad" polite-load="">

         ...

     </gwd-google-ad>

  </body>

2. หยุดแสดงรูปภาพขณะโหลด

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

ซ่อนรูปภาพขณะโหลด

โค้ดที่ไฮไลต์ด้านล่างจะซ่อนรูปภาพขณะโหลด

/**

   * จัดการเหตุการณ์ที่ส่งไปหลังจากที่โฆษณา

   * ได้เริ่มต้นแล้วและก่อนที่หน้าเริ่มต้นของโฆษณาจะแสดง

   */

  function handleAdInitialized(event) {

    // บ่งบอกการสิ้นสุดขั้นตอนการโหลดแบบ Polite ของโฆษณา ถ้ามี

    // รูปภาพขณะโหลดแสดงให้ผู้ใช้เห็น ก็ควร

    // นำออกไป ณ จุดนี้

    document.getElementById('loading').style.display = 'none';

  }

นำรูปภาพขณะโหลดออก

โค้ดที่ไฮไลต์ด้านล่างจะนำรูปภาพขณะโหลดออก

/**

   * จัดการเหตุการณ์ที่ส่งไปหลังจากที่โฆษณา

   * ได้เริ่มต้นแล้วและก่อนที่หน้าเริ่มต้นของโฆษณาจะแสดง

   */

  function handleAdInitialized(event) {

    // บ่งบอกการสิ้นสุดขั้นตอนการโหลดแบบ Polite ของโฆษณา ถ้ามี

    // รูปภาพขณะโหลดแสดงให้ผู้ใช้เห็น ก็ควร

    // นำออกไป ณ จุดนี้

    document.body.removeChild(document.getElementById('loading'));

  }

ข้อมูลนี้มีประโยชน์ไหม

เราจะปรับปรุงได้อย่างไร