แสดงโฆษณา Anchor

ตัวอย่างนี้แสดงโฆษณา Anchor โดยใช้ไลบรารีแท็กผู้เผยแพร่โฆษณาผ่าน Google (GPT) ดูข้อมูลเพิ่มเติมเกี่ยวกับโฆษณา Anchor ในศูนย์ช่วยเหลือของ Google Ad Manager

ดูตัวอย่างโฆษณา Anchor

คุณสามารถแสดงโฆษณา Anchor สาธิตในหน้าเว็บที่แสดงโฆษณาด้วย GPT โดยเพิ่ม #gamTopAnchorDemo หรือ #gamBottomAnchorDemo ลงใน URL เช่น https://www.example.com/#gamTopAnchorDemo

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

หมายเหตุการใช้งาน

  • เพื่อให้ผู้ใช้ได้รับประสบการณ์การใช้งานที่ดีที่สุด ระบบจะขอโฆษณา Anchor ในหน้าเว็บที่รองรับรูปแบบนี้อย่างเหมาะสมเท่านั้น ด้วยเหตุนี้ defineOutOfPageSlot() จึงอาจแสดงผลเป็น Null คุณจึงควรตรวจสอบกรณีนี้เพื่อให้แน่ใจว่าไม่มีการทำงานที่ไม่จำเป็น ปัจจุบันระบบรองรับโฆษณา Anchor หากเป็นไปตามเงื่อนไขต่อไปนี้

    • GPT ทำงานอยู่ในหน้าต่างบนสุด
    • ในหน้าเว็บที่เพิ่มประสิทธิภาพเพื่ออุปกรณ์เคลื่อนที่ซึ่งการซูมเป็นกลาง โดยทั่วไปหมายความว่าผู้เผยแพร่โฆษณามี <meta name="viewport" content="width=device-width, initial-scale=1"> หรือคล้ายกันใน <head> ของหน้า
    • วิวพอร์ตอยู่ในแนวตั้งที่มีความกว้างระหว่าง 320px ถึง 1000px
  • ขอเฉพาะโฆษณา Anchor ในหน้าเว็บ/สภาพแวดล้อมที่ต้องการให้โฆษณา Anchor ปรากฏเท่านั้น โฆษณา Anchor มีสิทธิ์แสดงบนเดสก์ท็อป แท็บเล็ต และอุปกรณ์เคลื่อนที่

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

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

  • มีเพียงโฆษณา Anchor ที่มองเห็นได้เท่านั้นที่จะรีเฟรชได้ เมื่อช่องโฆษณา Anchor ยุบอยู่หรือยังไม่ได้เลื่อนเข้ามาในมุมมอง ระบบจะไม่สนใจการเรียกใช้ refresh() ทั้งหมด อย่างไรก็ตาม หากคุณใช้ disableInitialLoad() เพื่อควบคุมการโหลดและรีเฟรชโฆษณาด้วยตนเอง การเรียกใช้ refresh() ครั้งแรกจะทริกเกอร์คําขอโฆษณา ไม่ว่าช่องจะแสดงหรือไม่ก็ตาม

ตัวอย่างการใช้งาน

ดูตัวอย่าง

JavaScript

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

TypeScript

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