Cara Pasang Iklan Native Ads In-Feed

Native Ads Google Adsense In Feed

Pada artike sebelumnya saya sudah menjelaskan apa itu Native Ads Google Adsense, kali ini saya akan melanjutkan bagaimana cara pemasangannya pada blog. Sudah di jelaskan kalau ada dua jenis unit iklan baru pada native ads yang di rilis oleh google adsense, yaitu native ads in-article dan native ads in-feed. Yang saya akan jelaskan di sini adalah bagaimana cara memasang NATIVE ADS In-FEED di template Blog, berikut langkah langkahnya :

1. Masuk ke akun Google Adsense ada, buat unit iklan baru. Tampilan yang akan muncul berbeda dari sebelumnya, karena kita akan pasang native ads in feed maka pilih unit iklan yang ada pilihan native ads in feed

2. Setting view dari Native ads in feed sesuai dengan halaman awal dari blog anda, ada 4 pilhan yang di sediakan. 

     I. Imange Above, hanya menampilkan gambar dan sedikit deskripsi penjelasan.

     II. Image On The Side, menampilkan gambar di samping kiri, title dari iklan sejajar dengan posisi gambar dan sedikit deskripsi dari iklan.

     III. Tittle above, menapilkan gambar di samping kiri dengan posisi tittle di atas dari gambar iklan, dan sedikit desripsi dari iklan.

     IV. Text only, hanya menampilkan teks descripsi dari iklan dan tittle iklan berada di atas text.

Anda harus menyesuiakan bentuk iklan sesuai dengan blog anda, setelah selesai berikan judul dan pengaturan yang lain dan klik Dapatkan Code Iklan.

3. Parse kode iklan dan buka dashboard blog anda, buka template dan edit HTML.
Langkah selanjutnya kita akan memasang code iklan Native ads in-feed pada HTML, cari code berikut dengan CRTL + F

     
A. Iklan Di Atas Postingan

<b:includable id='main' var='top'>  kemudian di bawahnya akan ada code seperti berikut ini  <b:include data='top' name='status-message'/>

Setelah ketemu copy code di bawah ini dan tempatkan tepat di bawah code <b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<div class='post'>
letak kode iklan infeed yang sudah di parse di sini
</div>
</b:if>

   
B. Iklan Di Antara Postingan

Untuk menampilkan iklan di antara postingan, silahkan tambahkan kode index='x' pada kode di bawah ini.

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

Dan tambahkan code di bawah untuk menampilkan iklan di tengah postingan

<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'>
<span class='title-ads'>Advertisement</span>
KODE IKLAN DI SINI
</div>
</b:if>
<b:if cond='data:x==3'>
<div class='post'>
<span class='title-ads'>Advertisement</span>
KODE IKLAN DI SINI
</div>
</b:if>
</b:if>

Untuk angka 1 artinya iklan berada urutan ke dua setelah postingan, angka 3 berada pada urutan ke 5 pada postingan. Anda bisa menambahkan sesuai dengan keperluan.

Lalu letakkan code di atas tepat di bawah code ini.

 <div class='post-outer'>
          <b:include data='post' name='post'/>
          <b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}' data='post' name='comment_picker'/>
        </div>

  C. Iklan Di Bawah Postingan Atau Paling Akhir.
Untuk menaruh iklan pada posisi ini anda hanya perlu menambahkan code yang sama untuk awal postingan, dan letakkan kode tersebut tepat di bawah code berikut.

<b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>

Selanjutnya simpan template anda, dan coba lihat hasilnya, selamat mencoba