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

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

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

ดูการสาธิต