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ı?
display:none ile adsense reklamlarını kullanmak
11
●1.826
- 22-03-2015, 22:13:53Deve adlı üyeden alıntı: mesajı görüntüle
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ü? - 22-03-2015, 22:19:57Rambo_FT adlı üyeden alıntı: mesajı görüntüle
- 22-03-2015, 22:42:09Rambo_FT adlı üyeden alıntı: mesajı görüntüle
dediğim gibi en iyisi responsive, yada o yazdığınız javascript. - 30-11-2015, 19:59:32Rambo_FT adlı üyeden alıntı: mesajı görüntüle
- 29-06-2017, 00:12:08Konuyu 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} }
- 29-06-2017, 01:09:00Rambo_FT adlı üyeden alıntı: mesajı görüntüleRambo_FT adlı üyeden alıntı: mesajı görüntüleCoderca adlı üyeden alıntı: mesajı görüntüle
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.