Trik Cara Memasang In-Feed Ads Google AdSense

    Cara Memasang In-Feed Ads Google AdSense
  1. Buka Dasbor Google Adsense Anda.Klik Menu My Ads>Content>Ad Units>Kemudian Klik Tombol Unit Iklan Baru
  2. Pilih in-feed ads
  3. Pada Langkah selanjutnya silahkan pilih salah satu jenis tampilan yang sesuai dengan blog anda
  4. Setelah memilih salah satu jenis tampilan, pada langkah selanjutnya anda perlu melakukan penyesuaian tampilan dari unit iklan
  5. Setelah selesai melakukan pengaturan tampilan iklan, klik tombol save and get code
  6. Langkah selanjutnya, buka dasbor Blogger > Tema > Klik tombol Edit HTML > Cari kode di bawah ini

    <b:loop values='data:posts' var='post'>

  7. Tambahkan index='x' di dalamnya jadi seperti ini

    <b:loop values='data:posts' var='post' index='x'>

    Catatan :

    Tambahkan index='x' hanya pada kode <b:loop values='data:posts' var='post'> yang ada di dalam kode ini

    <b:includable id='main' var='top'>...</b:includable>

  8. Selanjutnya cari kode ini

    <div class='post-outer'>

  9. Tambahkan kode di bawah ini tepat di bawah kode pada langkah di atas

    <b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:x==1'>
    <div class='post'>
    YOUR CODE SCRIPT NATIVE ADS
    </div>
    </b:if>
    <b:if cond='data:x==3'>
    <div class='post'>
    YOUR CODE SCRIPT NATIVE ADS
    </div>
    </b:if>
    </b:if>

    Maka hasilnya akan seperti ini

    <div class='post-outer'>...</div>
    <b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:x==1'>
    <div class='post'>
    YOUR CODE SCRIPT NATIVE ADS
    </div>
    </b:if>
    <b:if cond='data:x==3'>
    <div class='post'>
    YOUR CODE SCRIPT NATIVE ADS
    </div>
    </b:if>
    </b:if>

  10. Ganti YOUR CODE SCRIPT NATIVE ADS dengan kode iklan In-Feed Ads, simpan template.


Cara Pasang Iklan InFeed AdSense di Blogger

1. Setelah kode didapatkan, masuk ke dashboard akun Blogger dan buka menu Theme (Tema) » Edit HTML.

2. Cari kode <b:includable id='main' var='top'> dan temukan kode <b:loop values='data:posts' var='post'> di dalamnya. Contohnya seperti ini:
<b:includable id='main' var='top'>
  ....
  ....
  <b:loop values='data:posts' var='post'>
    ....
    ....
  </b:loop>
  ....
  ....
</b:includable>

3. Tambahkan index='infeed' di dalam <b:loop values='data:posts' var='post'> sehingga hasilnya seperti ini:
<b:loop values='data:posts' var='post' index='infeed'>


4. Lalu cari kode ini.
<div class='date-outer'>

OPSIONAL: kalau tidak ada gantilah cari kode ini.
<div class='post-outer'>
Kode setiap template biasanya berbeda. Pilih saja kode HTML yang merupakan class dari post utama di homepage.

5. Tambahkan kode berikut tepat di bawah kode yang ada di langkah sebelumnya.
<b:if cond='data:view.isMultipleItems'>
  <b:if cond='data:infeed == 2'>
    <div class='post'>
    <!-- Tulis Kode Iklan InFeed Disini -->
    </div>
    &lt;/div&gt; &lt;div class=&quot;date-outer&quot;&gt;
  </b:if>
</b:if>

a. Ganti <!-- Tulis Kode Iklan InFeed Disini --> dengan kode iklan infeed yang sudah dibuat di langkah awal.

b. data:infeed == 2 menentukan posisi iklan. Angka 2 artinya iklan akan muncul setelah postingan ke-2. Kamu bisa ganti sesuai keinginan.

6. Jangan lupa simpan template. Kode lengkap dari semua langkah di atas kurang lebih seperti ini.
<b:includable id='main' var='top'>
  ....
  ....
  <b:loop values='data:posts' var='post' index='infeed'>
    <div class='date-outer'>
      <b:if cond='data:view.isMultipleItems'>
        <b:if cond='data:infeed == 2'>
          <div class='post'>
          <!-- Tulis Kode Iklan InFeed Disini -->
          </div>
          &lt;/div&gt; &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
      </b:if>
    </div>
  </b:loop>
  ....
  ....
</b:includable>


Menampilkan Iklan InFeed Berulang

Pada contoh di atas iklan InFeed akan muncul setelah postingan ke 2. Jika ingin membuat iklan muncul SETIAP 2 postingan sekali, ganti data:infeed == 2 menjadi data:infeed % 2 == 0 and data:infeed != 0.

Kode lengkapnya seperti ini.
<b:if cond='data:infeed % 2 == 0 and data:infeed != 0'>

Angka 2 bisa diganti sesuai keinginan. Jika diubah menjadi 3 artinya iklan muncul setiap 3 postingan, dan seterusnya.


Menampilkan Iklan InFeed Lebih Dari Satu Secara Manual

Cara ini membuat kamu bisa menentukan sendiri dimana iklan akan muncul. Kode HTML cukup ditulis dua kali atau lebih. Contohnya begini.
<b:if cond='data:infeed == 2'>
  <div class='post'>
  <!-- Tulis Kode Iklan InFeed Disini -->
  </div>
  &lt;/div&gt; &lt;div class=&quot;date-outer&quot;&gt;
</b:if>
<b:if cond='data:infeed == 5'>
  <div class='post'>
  <!-- Tulis Kode Iklan InFeed Disini -->
  </div>
  &lt;/div&gt; &lt;div class=&quot;date-outer&quot;&gt;
</b:if>

Artinya iklan infeed akan muncul setelah postingan ke-2 dan ke-5. Ganti angkanya sesuai keinginan. Dan jika ingin memunculkan lebih banyak tinggal tuliskan lagi kode HTMLnya.

Share:

Definition List

Unordered List








Support

Calendar Widget by CalendarLabs