ใช้ Padding กับ Adsense Ads ด้วยโค้ด CSS นี้

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

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

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

วิธีหนึ่งในการกำจัดความสับสนนี้คือใช้ช่องว่างภายในเพิ่มเติมเพื่อให้โฆษณาชัดเจนยิ่งขึ้น ดูภาพหน้าจอด้านล่าง

วิธีใช้ padding กับโฆษณา AdSense ด้วยโค้ด css เล็ก ๆ นี้

ใช้ padding กับ Adsense

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

ช่องว่างด้านขวา: 300px; padding-top: 10px; padding-bottom: 10px;

เพื่อให้ชัดเจนว่าเป็นการโฆษณาให้เพิ่มข้อความเช่น "โฆษณา" หรือ "โฆษณาโดย Google" โดยใช้รหัสต่อไปนี้

โฆษณาโดย Google

โค้ดสุดท้ายมีลักษณะคล้ายกับภาพหน้าจอต่อไปนี้

ใช้ Padding กับ Adsense Ads ด้วยโค้ด CSS นี้

เนื่องจากเราไม่ได้แบ่งเบาภาระด้วย JavaScript จึงไม่ขัดต่อนโยบายของ AdSense นอกจากนี้เว็บไซต์ที่มีชื่อเสียงอื่น ๆ ยังใช้เทคนิคนี้เพื่อให้คุณไม่ต้องกังวล เคล็ดลับเล็ก ๆ นี้จะช่วยลดความยุ่งเหยิงและทำให้บทความของคุณน่าอ่านมากขึ้นสำหรับผู้เยี่ยมชมในขณะที่สร้างรายได้ให้กับคุณ สถานการณ์ที่ชนะสำหรับทุกคน

ดูเพิ่มเติมที่