แสดงโฆษณาที่แถบข้าง

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

ดูตัวอย่างโฆษณาที่แถบข้าง

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

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

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

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

    • GPT ทำงานอยู่ในหน้าต่างบนสุด
    • ขนาดวิวพอร์ตต้องมีขนาดอย่างน้อย 1200x650 พิกเซล
  • ขอเฉพาะโฆษณาที่แถบข้างในหน้าเว็บและสภาพแวดล้อมที่ต้องการให้โฆษณาที่แถบข้างปรากฏ โฆษณาที่แถบข้างมีสิทธิ์แสดงในอุปกรณ์ทุกเครื่อง

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

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

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

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

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

ดูตัวอย่าง

JavaScript

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

TypeScript

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