หน่วยโฆษณา

กำหนดความสูงของโฆษณา In-feed

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

โปรดมั่นใจได้ว่าตัวอย่างการแก้ไขโค้ดโฆษณา AdSense ที่อธิบายไว้ในบทความนี้เป็นการแก้ไขที่ยอมรับได้ ทั้งนี้การแก้ไขโค้ดโฆษณา In-feed ตามวิธีการที่ได้รับอนุมัติเหล่านี้จะไม่ถือเป็นการละเมิดนโยบายโปรแกรม AdSense

วิธีกำหนดความสูงคงที่ (ไซต์ที่ไม่ปรับเปลี่ยนตามอุปกรณ์)

คุณสามารถระบุความสูงคงที่ให้กับโฆษณา In-feed ได้ด้วยการเพิ่มแอตทริบิวต์ความสูงลงในโค้ดโฆษณา เช่น height:120px ใช้ตัวเลือกนี้หากหน่วยโฆษณา In-feed ตั้งอยู่ในคอนเทนเนอร์แบบคงที่ (ไม่ปรับเปลี่ยนตามอุปกรณ์)

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

ตัวอย่างนี้จะแสดงโฆษณา In-feed ซึ่งมีความสูงคงที่อยู่ที่ 120px

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block;height:120px"
     data-ad-format="fluid"
     data-ad-layout="image-top"
     data-ad-layout-key="xxxxxxxx"
     data-ad-client="ca-pub-12345"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

วิธีกำหนดความสูงที่ไม่คงที่ (ไซต์ที่ปรับเปลี่ยนตามอุปกรณ์)

หากความกว้างของหน่วยโฆษณา In-feed ขึ้นอยู่กับความกว้างของหน้าจอ (ปรับเปลี่ยนตามอุปกรณ์) คุณจะต้องใช้ CSS Media Queries ในโค้ดโฆษณาเพื่อระบุความสูงต่างๆ ต่อความกว้างหน้าจอ

เราขอแนะนำให้คุณพิจารณาความสูงที่ตั้งค่าโดยทำดังนี้

  1. ปรับขนาดไซต์ให้มีความกว้างหน้าจอเป็นช่วงต่างๆ เช่น 350px, 500px, 1000px
  2. ในส่วนของความกว้างแต่ละขนาด ให้ใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของเบราว์เซอร์ในการระบุความสูงที่ถูกต้องแม่นยำของโฆษณาโดยไม่มีช่องว่าง หากต้องการทราบข้อมูลเพิ่มเติม โปรดดูที่วิธีระบุขนาดของรูปภาพในฟีดของคุณ

ตัวอย่างนี้จะแสดงโฆษณา In-feed ซึ่งมีความสูงอยู่ที่ 180px สำหรับหน้าจอกว้างสูงสุด 350px ความสูง 130px สำหรับหน้าจอกว้างตั้งแต่ 500-800px และความสูง 200px สำหรับหน้าจอกว้าง 800 px ขึ้นไป

<style>
  @media (min-width: 350px) {
    .infeed {
      height: 180px;
    }
 @media (min-width: 500px) {
    .infeed {
      height: 130px;
    }
  }
 @media (min-width: 800px) {
    .infeed {
      height: 200px;
    }
  }

</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle infeed"
     style="display:block;"
     data-ad-format="fluid"
     data-ad-layout="image-top"
     data-ad-layout-key="xxxxxxxx"
     data-ad-client="ca-pub-12345"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
สำคัญ: เราได้ไฮไลต์การแก้ไขที่คุณจำเป็นต้องทำกับโค้ดโฆษณาในตัวอย่างด้านบนไว้ ตรวจสอบว่าคุณใช้ชื่อคลาสเดียวกัน (เช่น infeed) ทั่วทั้งโค้ดโฆษณา
หลังจากที่คุณเปลี่ยนแปลงโค้ดโฆษณาแล้ว อย่าลืมทดสอบโฆษณา In-feed ในหน้าจอหลายๆ ขนาดเพื่อให้มั่นใจว่าความสูงที่คุณเลือกจะทำงานในอุปกรณ์ต่างๆ ได้เป็นอย่างดี

ทำไมบางครั้งโฆษณา In-feed ของฉันจึงมีช่องว่างเพิ่มเติมหรือปุ่ม "เพิ่มเติม"

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

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

ข้อมูลนี้มีประโยชน์ไหม
เราจะปรับปรุงได้อย่างไร

หากต้องการความช่วยเหลือเพิ่มเติม

ลงชื่อเข้าใช้เพื่อดูตัวเลือกการสนับสนุนเพิ่มเติมในการแก้ไขปัญหาของคุณอย่างรวดเร็ว