Blogger Yazı İçine Reklam Ekleme Responsive
Yazı İçine Reklam Ekleme Kodu Responsive
Evet arkadaşlar bu yazımızda blogger ile oluşturduğumuz sitemizde doğru reklam yerleşimi yapcağımız kodları sizlerle paylasacağım.
Bildiğiniz gibi bir internet sitesinde olmazsa olmazlar arasında yer alan reklam kadar önemli bir hususta reklamların bulunduğu yerlerdir. Önemli olan çok reklam değil doğru reklam ve doğru yerleşimdir. Reklamlarınızın ziyaretçilerinizin dikkatini çekmesi ama rahatsız etmemesi gerekir ki tekrar sitenize gelmekten kaçmasınlar.
Şimdi aşağıda vereceğim kodları doğru yere yerleştirir ve gerekli uyarılara uymanız halinde sorunsuz olarak çalışacaktır.
İlk olarak alt satırdaki kodu aratıp buluyoruz.
<data:post.body/>
kodu ile değiştirin. İşlem bu kadardır. Genelde bu kod 2-3
adet olabiliyor. Sonuncusu işlevi yerine getiriyor olabilir. Hepsini de
deneyebilirsiniz.
<div
class='post-body entry-content float-container'
expr:id='"post-body-" + data:post.id'>
<div
class='post-body entry-content float-container'
expr:id='"post-body-" + data:post.id'><b:if
cond='data:blog.pageType == "item"'><div
style='text-align:center;margin-bottom: 5px;'>
Convert
Edilmiş Reklam 1
</div></b:if><div
expr:id='"post1" + data:post.id'/><div
class='googlepublisherads' style='margin:20px 0'><center>
Convert
Edilmiş Reklam 3
</center></div><div
expr:id='"post2" + data:post.id'><b:if
cond='data:blog.pageType == "item"'><div
id='adsense-content' style='display:block;text-align: center'>
Convert
Edilmiş Reklam 2
</div></b:if><div
id='adsense-target'><data:post.body/></div><script
type='text/javascript'>function insertAfter(addition,target) {var parent
=target.parentNode;if (parent.lastChild == target)
{parent.appendChild(addition);} else
{parent.insertBefore(addition,target.nextSibling);}}var adscont
=document.getElementById("adsense-content");var target =document.getElementById("adsense-target");var
linebreak =target.getElementsByTagName("br");if
(linebreak.length >
0){insertAfter(adscont,linebreak[1]);}</script></div><script type='text/javascript'>var obj0=document.getElementById("post1<data:post.id/>");var
obj1=document.getElementById("post2<data:post.id/>");var
s=obj1.innerHTML;var t=s.substr(0,s.length/2);var
r=t.lastIndexOf("<br>");if(r>0)
{obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}</script><b:if
cond='data:blog.pageType == "item"'><div
style='text-align:center;margin-top: 5px;'>
Convert
Edilmiş Reklam 4
</div>
</b:if> </div>
</div>
Dikkat edilecek noktalar alttaki gibidir.
- Paragraflar
arası 1 boşluk bırakın. İlk paragraftan sonra 1 reklam çıkacaktır.
- Paragraf
boşluklarına dikkat etmezseniz reklamınızı kaydıracaktır.Paragraf
başlarında boşluk bırakmayın.
- Reklamları
esnek reklam seçerseniz her türlü cihaza uyum sağlayacaktır.
- Reklamları
convert etmeyi unutmayın.
- Convert
edilmiş reklam yazan yerlere reklam kodunuzu ekleyin.
Reklamların çıkacağı
yerler sırasıyla:
Reklam 1 : Başlığın hemen altında
Reklam 2 : İlk paragraftan sonra
Reklam 3 : Yazının tam ortasında
Reklam 4 : Yazının en sonunda
Tüm bu düzenlemeleri yaptıktan sonra yazı içersine 4 adet reklamı başarıyla eklemiş olacaksınız.
Reklam kodlarının yerleşmiş halinin DEMOSU
Reklam 1 : Başlığın hemen altında
Reklam 2 : İlk paragraftan sonra
Reklam 3 : Yazının tam ortasında
Reklam 4 : Yazının en sonunda
Tüm bu düzenlemeleri yaptıktan sonra yazı içersine 4 adet reklamı başarıyla eklemiş olacaksınız.
Reklam kodlarının yerleşmiş halinin DEMOSU
bunun 5 ya da 6 adet olanını da yapıp paylaşırmısınız?
YanıtlaSilBu yorum yazar tarafından silindi.
YanıtlaSil