» » » Pasang adsense infeed pada template blogger layout v3

Pasang adsense infeed pada template blogger layout v3

✍ 馃搮
 Akhir nya seperti saya menulis diartikel sebelumnya saya akan mengupgrade template blogger saya ke layout V3 dan widget V2 dan walau belum 100% tapi sudah terlihat lumayan walau tanpa javascript karena memang saya tidak menyukai javascript jadi inti nya pingin template blogger yang pure css namun setelah beres di upgrade permasalahan nya ada iklan adsense di homepage atau lebih dikenalnya iklan adsense infeed tidak muncul dikarenakan dulu masih memakai widget V1 dan layout versi lawas alias tidak ada versi nya alias nol hehe.
  Setelah googling sana kemari akhirnya cara memasang google adsense infeed pada template blogger layout v3 ini kurang memuaskan. kalo memasang cara lama harus memakai javascript tentu nya saya tidak mau dan setelah lama berbincang bincang dengan kode template blogger sambil ditemani kopi hitam akhir nya menemukan solusi nya dan ternyata pada layout v3 ini tag kondisional nya pun enak enak alias singkat nggak ribet dan panjang panjang di samping itu keunggulan template blogger terbaru menggunakan engine v3 terletak pada kecepatan loading nya yang cepat.
  Baik bagi yang sudah meng upgrade template blogger ke versi terbaru bila ingin memasang iklan adsense di homepage kalo istilah nya memasang iklan adsense infeed silahkan untuk melanjutkan membaca artikel nya.

Cara Memasang google adsense infeed secara default pada engine v3

Pasang adsense infeed pada template blogger layout v3

 Baik bagi pengguna template contempo soho maupun template terkemuka secara defalut tidak perlu lagi mengutak atik html cukup memasang iklan adsense pada tag di antara 

<head> kode iklan auto adsense </head>

 cukup dengan 1 kode iklan adsense dipasang pada head dan mengaktifkan iklan adsense pada widget adsense maka iklan infeed ,  anchor , iklan diantara posting artikel maupun iklan responsive akan muncul namun ada kelemahan nya

Kelemahan nya jumlah iklan yang muncul tidak sesuai yang kita kehendaki seperti hal nya iklan infeed yang hanya muncul satu saja

 Untuk menampilkan iklan google adsense infeed membuat dulu unit iklan adsense untuk langkah langkah sebagai berikut
  • langkah langkah membuat unit iklan adsense infeed
  1.  silahkan login pada akun adsense nya lalu pilihlah menu ads unit

    langkah langkah membuat unit iklan adsense infeed


  2.  klik pada bagian unit iklan baru atau new ad unit

    unit iklan baru atau new ad unit


  3. pada langkah ini buat pilihlah adsense infeed

    adsense infeed


  4. pada langkah ini kita masukkan URL website kita dan klik scan page ( langkah ini adalah cara agar memudahkan membuat iklan adsense infeed yang sesuai dengan template blog kita )

    adsense infeed memasukkan url website


  5. bila berhasil scan page oleh adsense maka seperti terlihat pada gambar dibawah kita cukup klik pada bagian artikel homepage kita maka preview iklan adsense disebelah kanan akan langsung menyesuaikan dari warna judul sampai gambar blog kita yang dihome page setelah semua beres lalu klik next



  6. tahap ini adalah mengisi semua kebutuhan tampilan adsense infeed mulai dari nama unit iklan hingga sampai ukuran border jadi bagian ini saran saya anda cukup memasukkan nama unit iklan adsense infeed saja karena untuk mulai warna judul border bahkan background sudah disesuaikan tad pada langkah 4 & 5 namun bila anda tidak puas dengan hasil tampilan saat scan page disini kita bisa merubah lagi sesuai kehendak kita

    memasukkan nama unit iklan adsense infeed


  7. tahap atau langkah ini adalah langkah penyiapan kode google adsense infeed nya dimana anda hanya cukup dengan meng copy script adsense dan simpan di notepad

    copy script adsense


 Tutup dahulu dashboard adsense nya kita buka blogger.com dan masuk ke akun , seperti yang sudah saya katakan pada template blogger layout v3 dan widget v2 ini untuk tag kondisional nya pendek pendek serta kelebihan dari layout v3 ini sudah adsense friendly dalam segi kecepatan membuka page yang banyak iklan adsense nya.
 Langsung saja ya kelangkah memasang iklan adsense infeed pada template blogger layout v3 dan sebetul nya saya menemukan beberapa cara yang mudah dalam artikel sekarang ini saya akan membahas satu saja agar tidak kepanjangan artikel nya.

Cara pasang adsense infeed pada template blogger layout v3

  • Berikut langkah langkah menerapkan google adsense infeed pada template blogget layout v3 dan widget v2
  1. buka dashboard blogger lalu pilih menu TEMA >> backup/pulihkan dan download tema anda untuk berjaga jaga bila pengeditan template blog gagal
  2. silahkan pilih tema lagi lalu pilih EDIT HTML

    edit template blogger html


  3. untuk pengguna template CONTEMPO SOHO TERKEMUKA boleh lewati langkah ke 3 ini, pada langkah ke 3 bagi yang templatenya diupgrade dari template lama biasanya beberapa kode tidak muncul otomatis oleh karena itu kita pastikan kode nya ada. pertama tama cek grup defaultmarkup yang berada sesudah </b:template-skin> lalu cari defaultmarkup blog seperti pada gambar

    defaultmarkup blog


      bila sudah ketemu tambahkan kode berikut sesudah <b:includable id='nextPageLink'>...</b:includable> simpan kode nya disini untuk kodenya
    <b:includable id='inlineAd' var='post'>
              <div>
                <b:class cond='data:post.adNumber + data:numDesktopAds lt data:maxNumAds' name='desktop-ad'/>
                <b:class cond='data:post.adNumber + data:numMobileAds lt data:maxNumAds' name='mobile-ad'/>
                <b:include data='post' name='super.inlineAd'/>
              </div>
            </b:includable>
     Untuk kode lengkap nya
    <b:includable id='nextPageLink'>...</b:includable>
    <b:includable id='inlineAd' var='post'>
              <div>
                <b:class cond='data:post.adNumber + data:numDesktopAds lt data:maxNumAds' name='desktop-ad'/>
                <b:class cond='data:post.adNumber + data:numMobileAds lt data:maxNumAds' name='mobile-ad'/>
                <b:include data='post' name='super.inlineAd'/>
              </div>
            </b:includable>
          </b:defaultmarkup>
  4.  sekarang lanjut ke langkah selanjut nya ke widget blog dengan cara lompati widget lalu pilih blog setelah ketemu cari kode <b:includable id='postBodySnippet' var='post'> sampai </b:includable> apabila sudah ketemu paste kan kode berikut setelah nya
    <b:includable id='postCommentsAndAd' var='post'>
      <article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/Blog'>
        <!-- Post title and body -->
        <div class='post-outer'>
          <b:include data='post' name='post'/>
        </div>
        <!-- Comments -->
        <b:include cond='data:view.isSingleItem' data='post' name='commentPicker'/>
        <!-- Show ad inside post container, after comments, if single item. -->
        <b:include cond='data:view.isSingleItem and data:post.includeAd' data='post' name='inlineAd'/>
      </article>
      <!-- Show ad outside post container (between posts) for feed pages. -->
    <b:include cond='data:view.isMultipleItems and data:post.includeAd' data='post' name='inlineAd'/>
    <b:if cond='data:post.adNumber == 0'>
        <div class='post-outer'>
       <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
    <ins class='adsbygoogle' data-ad-client='ca-pub-XXXXXXXXXXXXX' data-ad-format='fluid' data-ad-layout-key='-do-2-19-mu+xn' data-ad-slot='2707078995' style='display:block'/>
    <script>
         (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
        </div>
       &lt;/div&gt; &lt;div class=&quot;date-outer&quot;&gt;
     </b:if>                                                                                                                                                                                                  
    <b:if cond='data:post.adNumber == 3'>
        <div class='post-outer'>
        <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
    <ins class='adsbygoogle' data-ad-client='ca-pub-XXXXXXXXXXXXX' data-ad-format='fluid' data-ad-layout-key='-do-2-19-mu+xn' data-ad-slot='2707078995' style='display:block'/>
    <script>
         (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
        </div>
        &lt;/div&gt; &lt;div class=&quot;date-outer&quot;&gt;
      </b:if>  
    </b:includable>



    sehingga kode lengkap nya seperti pada gambar berikut



    KETERANGAN

    <b:if cond='data:post.adNumber == 0'> dan <b:if cond='data:post.adNumber == 3'> perhatikan pada kode diatas yang saya tandai biru silahkan rubah angka == 0'> dan == 3'>selanjjut nya  sesuai keinginan untuk 0 iklan akan muncul setelah judul/title pertama klo mengganti menjadi angka 1 maka iklan akan muncul setela judul/title kedua jika ingin memunculkan 3 iklan adsense infeed cukup menambah lagi kode setelah kode <b:if cond='data:post.adNumber == 3'> sampai </b:if> simpan disini kode dibawah ini</b:includable>
    <b:if cond='data:post.adNumber == 5'>
        <div class='post-outer'>
        <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
    <ins class='adsbygoogle' data-ad-client='ca-pub-XXXXXXXXXXXXX' data-ad-format='fluid' data-ad-layout-key='-do-2-19-mu+xn' data-ad-slot='2707078995' style='display:block'/>
    <script>
         (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
        </div>
        &lt;/div&gt; &lt;div class=&quot;date-outer&quot;&gt;
      </b:if>  
    dan angka 5 silahkan ganti sesuai keinginan
    selanjutnya untuk <div class='post-outer'> ganti sesuai css template bila seandai nya dihomepage tidak muncul seperti postingan seperti untuk CONTEMPO akan cocok bila diganti menjadi <div class='post-outer-container'> namun bila dianggap cocok tampilan nya tidak usah diganti terakhir untuk XXXXXXXXXX diatas ganti dengan ID akun adsense anda.
    catatan untuk pengguna TEMPLATE CONTEMPO SOHO maupun TERKEMUKA langkah ke 4 diatas bisa dilewati
    untuk pengguna CONTEMPO SOHO dan TERKEMUKA menggantinya dengan cara berikut silahkan cari kode <b:includable id='postCommentsAndAd' var='post'> bisa diperhatikan pada gambar dibawah

    Pasang adsense infeed pada template blogger layout v3


    bila sudah ketemu cari kode <!-- Show ad outside post container (between posts) for feed pages. --><b:include cond='data:view.isMultipleItems and data:post.includeAd' data='post' name='inlineAd'/> lalu pastekan kode berikut tepat dibawah nya
    <b:if cond='data:post.adNumber == 0'>
        <div class='post-outer'>
       <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
    <ins class='adsbygoogle' data-ad-client='ca-pub-XXXXXXXXXXXXX' data-ad-format='fluid' data-ad-layout-key='-do-2-19-mu+xn' data-ad-slot='2707078995' style='display:block'/>
    <script>
         (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
        </div>
       &lt;/div&gt; &lt;div class=&quot;date-outer&quot;&gt;
     </b:if>                   
    silahkan sesuai kan angka nya untuk tampil dipostingan title keberapa serta bila ingin menampilkan iklan 2 atau 3 iklan dihomepage silahkan copy lagi kode diatas menjadi 2 kode seperti contoh pada gambar diatas
  5.  lalu save template anda da silahkan lihat perubahannya

  •  Menampilkan iklan adsense infeed tiap judul artikel

 Dengan cara diatas memasang iklan infeed pada template blogger layout v3 wiget v2 akan membutuhkan banyak kode bila ingin menampilkan tiap judul post title dihomepage ada iklannya, namun saya akan memberikan solusinya 
  1. silahkan rubah jumlah artikel dihomepage menjadi 5 atau 6 postingan cara ini agar tidak terlalu berat membuka homepage nya dengan 5 atau 6 iklan saya rasa sedang sedang saja tidak terlalu berat
  2. silahkan buka menu TEMA>>EDIT HTML
  3. cari kode </head> lalu pastekan kode berikut tepat diatas kode </head> untuk kode nya sebagai berikut <b:if cond='data:post.inlineAd'>
          <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
        </b:if>     jadi tujuan menyimpan kode diatas pada head agar tidak memanggil script adsbygoogle.js berulang ulang dan menjadikan beban blog berkurang
  4. untuk menerapkan kode nya sama seperti pada langkah diatas semua hanya pada bagian kode  

    <b:if cond='data:post.adNumber == 0'>
        <div class='post-outer'>
       <script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>
    <ins class='adsbygoogle' data-ad-client='ca-pub-XXXXXXXXXXXXX' data-ad-format='fluid' data-ad-layout-key='-do-2-19-mu+xn' data-ad-slot='2707078995' style='display:block'/>
    <script>
         (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
        </div>
       &lt;/div&gt; &lt;div class=&quot;date-outer&quot;&gt;
     </b:if>   

    silahkan kode diatas ganti menjadi

    <div class='post-outer'>
    <ins class='adsbygoogle' data-ad-client='ca-pub-XXXXXXXXXXXXX' data-ad-format='fluid' data-ad-layout-key='-do-2-19-mu+xn' data-ad-slot='2707078995' style='display:block'/>
    <script>
         (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
        </div>
       &lt;/div&gt; &lt;div class=&quot;date-outer&quot;&gt;
          dan perlu diingat untuk kode nya cukup 1 saja seperti diatas tidak perlu menambahkan kode lagi maka iklan adsense akan muncul zigzag 1 postingan akan diselingi oleh iklan adsense infeed
  5.  save template dan lihat hasil nya    
 Bila anda ragu akan kebijakan google adsense karena cara saya dengan memisahkan script  adsbygoogle.js pada header , anda boleh melewati langkah ke 3 diatas dan untuk langkah ke 4 cukup hilangkan <b:if cond='data:post.adNumber == 0'> dan hilangkan juga penututup nya  </b:if> 
untukkode nya tetap cukup satu saja dan save hasil nya sama iklan infeed akan muncul tiap setelah juddul postingan.'
 Kenapa saya berani memisahkan script adsbygoogle.js pada header apa tidak takut dibanned jawabannya simple saja sih saya hanya mencontoh template default blogger yang memisahkan script adsbygoogle.js yang disimpan diheader, sementara template default blogger kan template resmi.
 Namun kekurangan nya bila script adsbygoogle.js tidak dipsahkan maka halaman homepage akan memanggil script adsbygoogle.js berulang ulaang, terlebih iklan yang muncul apabila terjadi penumpukan script hanya terkadang suka muncul 2 iklan saja.
 untuk cara lain memasang iklan google adsense infeed akan saya posting diartikel selanjut nya disini sudah terlalu panjang.
;
 Bagi rekan rekan blogger yang ingin merangkum kode kode diatas silahkan cantumkamkan sumber aslinya dengan mengarahkan sumber nya pada artikel ini terima kasih

channel Youtube diary alerga

Artikel menarik lain nya

jangan berkomentar berbau SARA dan SPAM

Komentar disqus
Komentar Facebook