AdSense จะปรับความสูงของโฆษณาในฟีดโดยอัตโนมัติเพื่อให้แสดงได้พอดีกับพื้นที่ที่มี การปรับขนาดโดยอัตโนมัตินี้หมายความว่าผู้เผยแพร่โฆษณาส่วนใหญ่ไม่จำเป็นต้องทำการเปลี่ยนแปลงใดๆ กับความสูงของโฆษณา InFeed ของตน อย่างไรก็ตาม หากคุณมีข้อกำหนดเฉพาะสำหรับความสูงของโฆษณาในฟีด ก็สามารถแก้ไขโค้ดโฆษณาในฟีดเพื่อตั้งค่าความสูงที่ต้องการได้ คุณจะกำหนดความสูงคงที่หรือไม่คงที่ก็ได้ ทั้งนี้ขึ้นอยู่กับว่าฟีดอยู่ในเว็บไซต์ที่ปรับเปลี่ยนหรือไม่ปรับเปลี่ยนตามอุปกรณ์
วิธีกำหนดความสูงคงที่ (เว็บไซต์ที่ไม่ปรับเปลี่ยนตามอุปกรณ์)
คุณสามารถระบุความสูงคงที่ให้กับโฆษณาในฟีดได้ด้วยการเพิ่มแอตทริบิวต์ความสูงลงในโค้ดโฆษณา เช่น height:120px ใช้ตัวเลือกนี้หากหน่วยโฆษณาในฟีดตั้งอยู่ในคอนเทนเนอร์แบบคงที่ (ไม่ปรับเปลี่ยนตามอุปกรณ์)
หากไม่ทราบว่าจะตั้งความสูงเป็นเท่าใด คุณสามารถใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของเบราว์เซอร์ในการระบุความสูงที่ถูกต้องแม่นยำของโฆษณาโดยไม่มีช่องว่างได้ หากต้องการทราบข้อมูลเพิ่มเติม โปรดดูที่วิธีระบุขนาดของรูปภาพในฟีดของคุณ
ตัวอย่างนี้จะแสดงโฆษณาในฟีดซึ่งมีความสูงคงที่อยู่ที่ 120 พิกเซล
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" 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="i-gno/re-d1234567890123456"
data-ad-slot="123456"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>วิธีกำหนดความสูงที่ไม่คงที่ (เว็บไซต์ที่ปรับเปลี่ยนตามอุปกรณ์)
หากความกว้างของหน่วยโฆษณาในฟีดขึ้นอยู่กับความกว้างของหน้าจอ (ปรับเปลี่ยนตามอุปกรณ์) คุณจะต้องใช้ CSS Media Queries ในโค้ดโฆษณาเพื่อระบุความสูงต่างๆ ต่อความกว้างหน้าจอ
เราขอแนะนำให้คุณพิจารณาความสูงที่ตั้งค่าโดยทำดังนี้
- ปรับขนาดเว็บไซต์ให้มีความกว้างหน้าจอเป็นช่วงต่างๆ เช่น 350 พิกเซล, 500 พิกเซล, 1000 พิกเซล
- ในส่วนของความกว้างแต่ละขนาด ให้ใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ของเบราว์เซอร์ในการระบุความสูงที่ถูกต้องแม่นยำของโฆษณาโดยไม่มีช่องว่าง ดูข้อมูลเพิ่มเติมได้ที่วิธีระบุขนาดของรูปภาพในฟีด
ตัวอย่างนี้จะแสดงโฆษณาในฟีดซึ่งมีความสูง 180 พิกเซลสำหรับหน้าจอกว้างสูงสุด 350 พิกเซล ความสูง 130 พิกเซลสำหรับหน้าจอกว้างตั้งแต่ 500-800 พิกเซล และความสูง 200 พิกเซลสำหรับหน้าจอกว้าง 800 พิกเซลขึ้นไป
<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=i-gno/re-d1234567890123456" 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="i-gno/re-d1234567890123456"
data-ad-slot="123456"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>ในฟีด) ทั่วทั้งโค้ดโฆษณาทำไมบางครั้งโฆษณาในฟีดของฉันจึงมีช่องว่างเพิ่มเติมหรือปุ่ม "เพิ่มเติม"
หน่วยโฆษณาในฟีดทำงานแบบปรับเปลี่ยนตามอุปกรณ์และรองรับวิวพอร์ตที่หลากหลาย โดยจะปรับขนาดให้เข้ากับเค้าโครงหน้าเว็บของคุณโดยอัตโนมัติด้วยการขยายเต็มความกว้างของคอนเทนเนอร์ฟีดที่หน่วยโฆษณาตั้งอยู่ ความสูงของหน่วยโฆษณาจะขึ้นอยู่กับเนื้อหาของตัวโฆษณาเอง และการตั้งค่าโฆษณาในฟีดที่คุณได้เลือกไว้ใน AdSense
บางครั้ง เมื่อโฆษณาในฟีดอยู่ในวิวพอร์ตของผู้ใช้ (ครึ่งหน้าบน) เราไม่สามารถปรับความสูงของโฆษณาโดยไม่ทำให้เนื้อหาด้านล่างโฆษณาเกิดการปรับเปลี่ยนได้ ในกรณีเช่นนี้ เราอาจปล่อยพื้นที่ว่างไว้บางส่วน หรือแสดงปุ่มเพิ่มเติม 
