Blogger'da ilk paragraftan sonra AdSense reklamları nasıl eklenir?

13 Haziran, 2018
İlk paragraftan sonra AdSense reklamları nasıl eklenir?
İlk paragraftan sonra AdSense reklamları nasıl eklenir?
Blogger (blogspot) bloglarında ilk paragraftan sonra AdSense reklamları nasıl eklenir? Yayın (post) sayfalarınızda ilk paragraftan sonra AdSende reklamları eklemek ister misiniz?

Daha önce yazı sonuna AdSense reklamlarının nasıl eklendiğinden bahsetmiştik. Bu yazımda ise ilk paragraftan sonra AdSense reklamlarının nasıl eklendiğinden bahsettim. Fazla uzatmadan hemen nasıl yapıldığı kısmına geçelim.

Daha önceki yazımda belirttiğim gibi ilk olarak AdSense hesabımızdan yazı içi reklam birimini oluşturup kodları bir kenarda bekletiyoruz. Daha sonra ise Tema, HTML Düzenle seçenekleri ile kodların yer aldığı sayfaya ulaşıyoruz. Bu kısımda Ctrl F yardımıyla
<data:post.body/>
kodunu buluyoruz. Bu koddan birden fazla var ama bizim ikincisiyle işimiz var, haberiniz olsun. Daha sonra bulduğumuz bu kodu
<div id='adsense-target'><data:post.body/></div>
koduyla değiştiriyoruz. Değiştirdikten sonra hemen üstüne ise
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='adsense-content' style="display:block;text-align: center">ADSENSE KODLARI BU ALANA</div></b:if>
bu kodları ekliyoruz. Kırmızı renkle belirttiğim kısma ise daha önceden hazırladığımız AdSense reklam kodunu ekliyoruz.

Bu işlemlerin ardından
<div id='adsense-target'><data:post.body/></div>
kodunun hemen altına ise
<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(&quot;adsense-content&quot;);
var target = document.getElementById(&quot;adsense-target&quot;);
var linebreak = target.getElementsByTagName(&quot;br&quot;);
if (linebreak.length &gt; 0){
insertAfter(adscont,linebreak[0]);
}
</script>
bu kodları ekleyerek işlemi sonlandırıyoruz. Bu işlemlerin ardından AdSense reklamınız yayın sayfasında hemen ilk paragrafın altında gözükecektir.

36 yorum:

  1. Teknik içerikten hiç anlamam ama faydalı bir paylaşım olmuş.

    YanıtlaSil
    Yanıtlar
    1. AdSense reklam yerleşimi için faydalı olabileceğini düşündüm. Teşekkürler yorumunuz için.

      Sil
  2. Ümit hocam yayın sayfalarına el ile eklesek sorun olur mu? Ben otomatikten ziyade kendim istediğim konuma eklemek isterim.

    Bu durumda karşıma başka sorun çıkıyor. Örneğin bir yayın sayfasinda YAZI ICI REKLAM kodunu birden fazla kullanabilir miyim. Yani ben yazıya 4 tane yazı içi reklam ekliyecem bunun için 4 tane yazı içi reklam mi almam lazım yoksa bi tane alıp kopyala yapistir ile 4 yere mi yapistirmam lazim. Ban yemeyek de .)

    YanıtlaSil
    Yanıtlar
    1. Merhabalar, manuel olarak aynı reklam kodunu dilediğiniz sayfaya dilediğiniz kadar ekleyebilirsiniz Murat Hocam. Yalnız bu zahmete değmez. Yazıda bahsettiğim kodlarla reklam yerleşimi yapmanız daha sağlıklı olacaktır.

      Sil
  3. Harika bir paylaşım. Teşekkür ederim. Bloğuma da beklerim ;)

    YanıtlaSil
  4. Merhaba,

    İyi bayramlar diliyorum.

    Kodları sitelerin tamamına uyguladım çok güzel çalıştı.
    Bu çalışmanın yanında birde feed içi reklam yerleşimini paylaşırsanız sevirinim.
    Birde metin içi vardı sanırsam yukarıdaki istedinde cevabı olur.

    Bu reklam yerleşiminde birşey dikkatimi çekti.
    Blogların başında resim eklemek her zaman avantajlı ve alışkanlık oldu gibi.
    İlk paragraftan sonra resim gösterilmesi resimden sonra yazı ile başlıyor bir çok bloglar.
    Resimden sonra bu reklam yerleşimi oluyor.
    Reklamı resimle hizalama diye bir kural ihlali okumuştum.
    Eğer resimle yayınlanan reklamın konusu aynı olursa bingo!
    Sanırım uyarı ve hesap banlanabiliyor.

    Böyle birşey olabilir mi?
    Zira olasılıklar bizim konumuz. Birşeyin olacağı varsa bahanesi hazır olacaktır. Tedbir almadıktan sonra herşeyin olma ihtimali vardır.
    Ben şöyle bir tedbir aldım. Resimi ilk unsur yaptım ardından bir tarih ekledim. Reklam yayınlanırsa tarihten sonra yayınlanıyor.
    Araya yastık koyduk.

    Teşekkürler.

    YanıtlaSil
    Yanıtlar
    1. İyi Bayramlar Mehmet Bey. Açıkçası bunun sorun olacağını düşünmüyorum. Ama yazıda bahsettiğim yöntemi kullanabilirsiniz. Görsel, ilk paragraf ve sonra reklam. bu şekilde bir sorun oluşmayacaktır. Bir çok web sitesi bu şekilde yerleşim yapıyorlar.

      Sil
  5. Ben bunu Blogger > Ayarlar > Yayınlar, Yorumlar ve Paylaşım > Kayıt Şablonu kısmına Adsense kodunu yazarak halletmiştim zamanında. İlk paragraftan sonra çıkıyor bu şekilde yaptığınızda da.

    YanıtlaSil
    Yanıtlar
    1. Bu yöntemle her yazıya AdSense reklam kodu eklemiş oluyorsunuz. Pek tavsiye etmem açıkçası.

      Sil
    2. Sizin bahsettiğiniz yöntemde de her yazıya eklenmiyor mu?

      Sil
    3. Hayır, her yazıya eklenmiyor. Temaya eklediğimiz bir reklam eklentisinin her yazıda görünmesini sağlıyor. Daha sonra reklamla ilgili düzenleme yapmak istediğimizde o eklentiyle ilgili düzenleme yapmamız yeterli olacaktır. Ama sizin bahsettiğiniz yöntem ise reklam kodlarını her yazıya ekleyip paylaşmak oluyor. Daha sonra reklamı kaldırmak istediğimizde mesela, eklediğimiz tüm yayınları yeniden düzenleyip içindeki kodları silmemiz gerekecek.

      Sil
    4. Manuel bir iş oluyor evet haklısınız...

      Sil
  6. Mobil görünümü kontrol ettiğimde başlangıç ve sonda reklam çıkmıyor yalnız.
    tema üzerinden kod ile eklemek hem masaüstünde hemde mobilde çıkartır mı?
    El ile yazı içine eklediğim metin içi reklam kodu hem mobilde hem masaüstünde görünüyor.

    Teşekkürler.

    YanıtlaSil
    Yanıtlar
    1. Tercih ettiğiniz temanın bunu desteklemesi gerekir Mehmet Bey.

      Sil
  7. Sanırsam mobil temayı özel seçmemiz gerekiyormuş.
    Bu konuda bir yerde yazı okumamıştım.
    masaüstü tema ile aynı yapmıştım.

    Temada bu düzenlemeyi yapıp mobil temayı özele getirdiğim zaman mobil görünümde ilk paragraftan sonra ve yazının sonunda reklam görünmüyor.
    Onunla ilgili bir yerde bir yazı okumuştum fakat tam anlamadım ne demek istediğini o yazıyı yeniden inceleyeceğim.
    Fakat adsenseden metin içi kod oluşturup yazının içine elle eklediğimde hem masaüstünde hem mobilde reklamlar eklediğim yerlerde görünüyor.
    Sonuç olarak zahmetli bir iş.
    Kodla ekleyerek Başta ortada sonda hem masaüstü hem mobil için reklam görünse yeterlidir.

    Katkılarınızdan yardımlarınızdan dolayı teşekkür ederim.

    YanıtlaSil
    Yanıtlar
    1. Masaüstü temanızın mobil versiyonunu kullandığınızda sorun oluşmayacaktır. Ama masaüstü temanızın dışında Blogger'ın hazır mobil temalarını kullandığınızda birçok eklenti ve kod gözükmeyecektir. Bu yüzden mobil uyumlu bir tema tercih etmenizde fayda var.

      Sil
  8. Masaüstünde görünen bir reklam veya gadgeti mobilde görünür yapmak için html kodlar arasında title '' soluna mobile='yes' yazıldığında eklenti veya reklam alanı mobil sürümde görünüyormuş.

    Burada verdiğiniz kod için böyle birşey yapılabilir mi?
    Şimdi mobil sürümü özel ayarına getirdim artık onda kalır.
    Blogger da çok tuhaf enteresan oturmamış bir sistemi var.
    Yazarlar böyle türlü enterasan işlerle uğraşıyor.
    Sadece blogger değil diğerleri de farklı değil ki. Sürekli değişen kendini yenileyen bir sistem var.

    Teşekkürler.

    YanıtlaSil
    Yanıtlar
    1. Bir önceki yorumum bu konu için de geçerli maalesef.

      Sil
  9. Bu kod ile masaüstünde reklamı görünür yaptık. Mobil sürümde görünür değil şu an. Bu kodların bir yerine mobil='yes' yazsak mobilde gösteremez miyiz?
    Mobilde görünmesi için ne yapabiliriz.

    Yazının ortasına eklenecek kodu yazdığınızda onu da ekleriz.

    Teşekkürler.

    YanıtlaSil
    Yanıtlar
    1. Eklenti olarak ekleyin daha sonra mobil='yes' kodunu da ekleyin. Sonra HTML'de bu kodları bulup tekrar taşıyın. Belki bu şekilde olur.

      Sil
    2. Sorumu eksik sormuşum. mobil='yes' kodunu bu eklentinin neresine eklememiz gerekir. Kodu bir iki yere ekleyerek denedim fakat hata verdi.

      Nereye taşıyacağım?

      Sil
    3. Yazıda kodlar arasında kırmızı renkle belirttiğim bir alan var, AdSense kodları bu alana şeklinde bir ibare içeren kod paragrafı. O paragrafın başına sonuna ise kodlarını ekleyerek yeniden deneyin.

      Sil
    4. Kodları yazdım ama yorum kısmında görünmedi, şu linki ziyaret edin (https://docs.google.com/document/d/1NWiKNrmxUtH_STnLYBq7vzdY4EE9SVzApohLvpD3I4E/edit?usp=sharing)

      Sil
    5. Anlattığınız gibi uyguladım center'> den sonra kodu yapıştırdım. Kod bitiminde de bi:f ekledim.
      Hata vermedi ama çalışmadı da.

      Bu sayfadaki kod için çalışmadı.

      mobile='yes' kodunu eklemedim ama.

      Nasıl yapabilirim.

      Sil
    6. Buradaki kodu eklenti olarak nasıl eklerim?

      Sil
    7. Tam olarak emin değilim nasıl yapılacağı konusunda. Uğraşmak, detaylı bakmak gerekir.

      Sil
  10. Yazının ortasına eklenecek reklam için metin içi reklam oluşturup yazının ortasına yerleştirmiştim.
    Reklamlar göründü. Fakat o reklam barındırıcıların yayınlaması gereken bir reklam türü olduğu yazıyordu. Yazılardan kodları kaldırdım.
    Metin içi reklam kodunu kullanmamamız mı gerekiyor?

    Teşekkürler.

    YanıtlaSil
    Yanıtlar
    1. Dilediğiniz reklam türünü kullanabilirsiniz.

      Sil
  11. Kendi bloğumda reklam engelleyici ile geziyorum, bide neden olmadı diyorum :D

    YanıtlaSil
  12. Merhaba, bloğumda en iyi reklam alanını belirlemek için denemeler yapıyorum. O yüzden bu konuda sık sık karşınıza çıkabilirim bu sıralar.
    Benim şöyle bir sorunum var. Reklam kodlarını oluştur-html yoluyla eklediğimde
    hem masaüstü hem mobilde görünüyor; ancak tek tek yazılara kod eklemek sanki blog hızını yavaşlatır düşüncesiyle bunu uygulamaktan vazgeçtim.

    Kodları şablon-html yolula denediğimde de reklamlar mobilde maalesef görünmüyor.Bu konuda ne tavsiye edersiniz acaba?

    YanıtlaSil
    Yanıtlar
    1. Merhabalar, benim size tavsiyem de bu yönde olur. Manuel olarak içeriklere tek tek reklam ekledikten bir süre sonra müdahale etme şansınız güçleşir. Bu yüzden yazıda bahsettiğim yöntemi veya benzerlerini kullanmanız daha sağlıklı olacaktır.

      Mobilde görünmemesinin sebebi Blogger'ın hazır temalarından kullanıyor olmanız. Temanızı mobil uyumlu hale getirip mobil için kullanılabilir kılabilirsiniz. Bu sayede dilediğiniz gibi reklam yerleşimi yapabilirsiniz.

      Sil
    2. Aslında her ihtimali denmeme rağmen mobilde reklamlar çalışmıyor, tabii manuel dışında. Kodlarla çok oynadım. Bir kez daha yeni baştan sizin önerdiğiniz yolu deneyeceğim. Belki gözden kaçırdığım bir şeyler vardır. Teşekkür ederim yardımınız için.

      Sil

Yorum yaparken:
1. İçerik konusuyla alakalı olmasına özen gösterin.
2. Aktif link bırakmayın, aksi taktirde yorumunuz silinir.
3. Yazım ve dil bilgisi kurallarına uymayı ihmal etmeyin.
Konu ile ilgili olmayan sorularınız için ise Blogger Yardım veya İletişim sayfalarını kullanınız.

Telif Hakkı © 2016 - 2019 www.blogtecrubem.com · Duyuru · Reklam · Yasal Uyarı