Display:none sadece ekranda göstermez fakat html kaynağında ve sorguda reklamı çağırır.
Aşağıdaki yöntem kesin çözümdür 3 farklı rastgele değer atanmış siz reklamı yerleştireceğiniz yere göre ayarlayın:
.reklam-alani { width: 300px; height: 250px; } /* Bu varsayılan */
@media(min-width: 500px) { .reklam-alani { width: 336px; height: 280px; } }
@media(min-width: 600px) { .reklam-alani { width: 580px; height: 400px; } }
@media(min-width: 800px) { .reklam-alani { width: 728px; height: 90px; } } <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- DENEME REKLAM -->
<ins class="adsbygoogle reklam-alani"
style="display:inline-block"
data-ad-client="ca-pub-11111111111111"
data-ad-slot="111111111"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>Yukardaki kodda
<ins class="adsbygoole reklam-alani kismina yukarda css'de atadığımız değeri yazdığımıza dikkat edin.
Bu kodu zaten biliyorum kullanıyordum ama reklam görünmeme sorunu ve mobilde küçük boyut sorunu oluyor.
Eşzamanlı kodu mobilde ayrı boyutta pcde ayrı boyutta göstermek istiyorum aslında.