AdSense จะปรับความสูงของโฆษณา In-feed โดยอัตโนมัติเพื่อให้แน่ใจว่าจะแสดงได้พอดีกับพื้นที่ที่มี การปรับขนาดโดยอัตโนมัตินี้หมายความว่าผู้เผยแพร่โฆษณาส่วนใหญ่ไม่จำเป็นต้องทำการเปลี่ยนแปลงใดๆ กับความสูงของโฆษณา In-feed ของตน อย่างไรก็ตาม หากคุณมีข้อกำหนดเฉพาะสำหรับความสูงของโฆษณา In-feed ก็สามารถแก้ไขโค้ดโฆษณา In-feed เพื่อตั้งค่าความสูงที่ต้องการได้ โดยคุณสามารถกำหนดความสูงคงที่หรือไม่คงที่ได้ ทั้งนี้ขึ้นอยู่กับว่าฟีดตั้งอยู่ในไซต์ที่ปรับเปลี่ยนหรือไม่ปรับเปลี่ยนตามพื้นที่โฆษณา
วิธีกำหนดความสูงคงที่ (ไซต์ที่ไม่ปรับเปลี่ยนตามพื้นที่โฆษณา)
คุณสามารถระบุความสูงคงที่ให้กับโฆษณา In-feed ได้ด้วยการเพิ่มแอตทริบิวต์ความสูงลงในโค้ดโฆษณา เช่น height:120px ใช้ตัวเลือกนี้หากหน่วยโฆษณา In-feed ตั้งอยู่ในคอนเทนเนอร์แบบคงที่ (ไม่ปรับเปลี่ยนตามพื้นที่โฆษณา)
หากไม่ทราบว่าจะตั้งความสูงเป็นเท่าใด คุณสามารถใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของเบราว์เซอร์ในการระบุความสูงที่ถูกต้องแม่นยำของโฆษณาโดยไม่มีช่องว่างได้ หากต้องการทราบข้อมูลเพิ่มเติม โปรดดูที่วิธีระบุขนาดของรูปภาพในฟีดของคุณ
ตัวอย่างนี้จะแสดงโฆษณา In-feed ซึ่งมีความสูงคงที่อยู่ที่ 120px
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-12345" crossorigin="anonymous"></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 ในโค้ดโฆษณาเพื่อระบุความสูงต่างๆ ต่อความกว้างหน้าจอ
เราขอแนะนำให้คุณพิจารณาความสูงที่ตั้งค่าโดยทำดังนี้
- ปรับขนาดไซต์ให้มีความกว้างหน้าจอเป็นช่วงต่างๆ เช่น 350px, 500px, 1000px
- ในส่วนของความกว้างแต่ละขนาด ให้ใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของเบราว์เซอร์ในการระบุความสูงที่ถูกต้องแม่นยำของโฆษณาโดยไม่มีช่องว่าง หากต้องการทราบข้อมูลเพิ่มเติม โปรดดูที่วิธีระบุขนาดของรูปภาพในฟีดของคุณ
ตัวอย่างนี้จะแสดงโฆษณา 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?client=ca-pub-12345" crossorigin="anonymous"></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 ที่คุณได้เลือกไว้ใน AdSense
บางครั้ง เมื่อโฆษณา In-feed อยู่ในวิวพอร์ตของผู้ใช้ (ครึ่งหน้าบน) เราจะไม่สามารถปรับความสูงของโฆษณาโดยไม่ทำให้เนื้อหาด้านล่างโฆษณาเกิดการปรับเปลี่ยนได้ ในกรณีเช่นนี้ เราอาจปล่อยพื้นที่ว่างไว้บางส่วน หรือแสดงปุ่มเพิ่มเติม 
