Arkadaşlar bloğumda responsive tema kullanıyorum. İstiyorum ki mobilde 336x280 masaüstünde 728x90 boyutundaki reklamları göstereyim. Kendim reklamları siteme yerleştirdim.
336x280 boyutlu reklamlar masaüstünde, 728x90 reklamlar mobilde görünmüyor.
Sitenin kaynak kodunda 6 reklam kodu görünüyor ancak display:none sayesinde her platformda sadece 3 reklam görünüyor.
Bunun bir sakıncası var mı? Eğer varsa bu şekilde reklam yayımlamanın başka bir yöntemi var mı?
Aslında Google bunun sakıncalı olacağını söylemiş:
https://support.google.com/adsense/a..._topic=1271508
Ben de display:none kullanmaya başladıktan sonra bunu gördüm. Şimdi ise aşağıdaki kodu düzenleyip siteme yerleştirdim, bunu kullanıyorum:
<script type="text/javascript">
google_ad_client = "ca-pub-XXXXXXXXXXXXXXX";
width = document.documentElement.clientWidth;
google_ad_slot = "XXXXXXXXX";
google_ad_width = 728;
google_ad_height = 90;
if (width < 750) {
google_ad_slot = "XXXXXXXXX";
google_ad_width = 468;
google_ad_height = 60;
}
if (width < 500) {
google_ad_slot = "XXXXXXXXX";
google_ad_width = 336;
google_ad_height = 280;
}
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>Aslında istediğim bu değildi. İstediğim şuydu; örneğin kenar çubuğundaki reklamı mobilde engelleyip bunun yerine mobil için farklı bir yere reklam koymaktı. Böyle bir şey mümkün mü?
Konuyu hortlatıyorum.
1 adet eşzamansız duyarlı kodum var bunu mobile gizledim masaüstüne gösteriyorum.
1 adet eşzamanlı kodum var bunuda masaüstüne gizledim.
Css kodu aşağıdaki gibi, benim sorum her sayfa görüntülendiğinde 1 adet reklam gözüküyor adsense 2 gösterimmi sayıyor ?
Böyle kullanan varmı bir sorun yaşarmıyım.
@media screen and (max-width:500px){
.mobilegosterme{visibility:hidden;
clear:both;
float:right;
margin:5px auto;width:22%;
height:auto;display:none}
}
@media screen and (min-width:500px){
.masaustunegosterme{visibility:hidden;
clear:both;
float:right;
margin:5px auto;
width:22%;
height:auto;
display:none}
}
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.