Sitemdeki yazıların içerisine adsense kodlarını ekledim ancak esnek olan kodlar responsive tasarımda istediğim gibi çalışmıyor. Sitenin ana sayfasında da kullandığım esnek Google adsense kodu önce 970x90, saha sonra 728x90 ve son olarak mobil de 336x280 şeklinde otomatik değişmesi gerekiyor. Ana sayfada temanın kodları doğru çalışırken, benim eklediğim kodlarda otomatik olarak reklam değişmiyor. Verilen alan 970px genişlikten az olsa bile reklam kodu dışarıya taşarak yine de 970x90 olarak çalışıyor. Bu nedenle dar bir ekranda bile reklam sayfanın daha geniş kalmasını ve yana gidilebilmesine neden oluyor. Acaba nerede yanlış yaptım? Ne yapmalıyım?
Ana sayfa adresi: https://www.bozuktus.com/
Örnek Konu adresi: https://www.bozuktus.com/asus-z170-pro-gaming-incelemesi-bt12821.html
İlgili reklam kodu: 4562647083
İlgili reklam alanı destop: http://prntscr.com/d1ik2e (düzgün)
İlgili reklam alanı laptop: http://prntscr.com/d1ik9k (düzgün)
İlgili reklam alanı tablet: http://prntscr.com/d1ilud 728x90 olmalı.
İlgili reklam alanı mobil: http://prntscr.com/d1im01 336x280 olmalı.
İlgili alanın dış CSS'i:
.td-container {
width: 1068px;
margin-right: auto;
margin-left: auto;
}
@media (max-width: 1140px) and (min-width: 1019px) {
.td-container {
width: 980px;
}
}
@media (max-width: 1018px) and (min-width: 768px) {
.td-container {
width: 740px;
}
}
@media (max-width: 767px) {
.td-container {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
}
Yardımcı olanlara şimdiden teşekkürler.