Jan 3, 2017

3 Cara Menyisipkan Iklan Adsense di Postingan

Iklan Adsense

Ada banyak cara dan metode sebenarnya untuk menghasilkan banyak uang dengan meningkatkan klik dari Google Adsense yang sudah kita punya. Banyak sekali para Publisher adsense yang belum memaksimalkan penghasilannya. Cara yang selama ini menurut pengamatan saya masih agak kurang tertarget terutama dari sisi penempatan iklan tersebut. 

Untuk mengatur iklan di dalam Website atau blog diantara postingan sebenarnya sudah disediakan oleh Blooger yaitu bisa diatur melalui pengaturan penempatan, bisa disisipkan di tengah postingan lalu bisa di tentukan berapa banyak iklan yang tampil. Namun hal ini terkadang sangat menggangu tampilan awal pada blog kita, apalagi jika menggunakan templated yang sudah di modifikasi secara tampilan akan terlihat berantakan, sehingga keindahan blog yang sudah kita tata serapih mungkin akan terlihat tidak baik.

Ada banyak hal sebenarnya yang wajib diketahui bagi para Blogger, terutama untuk kode-kode script yang ada di templated blog, seperti yang pernah saya baca  di postingannya blog kang ismet mengatur jumlah label di postingan.

Di artikel tersebut dibahas mengenai tag conditional, nah dengan cara conditional tag tersebut kita bisa mengatur letak tata iklan di dalam postingan kita, selera kita mau di tempatkan dimana selama itu tidak menyalahi aturan penempatan iklan adsense. Yang sudah menjadi kebiasaan untuk mengatur letak atau bentuk postingan di halaman depan baik itu yang berbentuk grid atau list, background post dan sebagainya itu akan menggunakan class post (.post), dengan metode class post tersebut nantinya kita akan pergunakan untuk tempatnya kode iklan supaya tampilannya sama dan rapih di dalam postingan.

Agar iklan yang ditampilkan tampil diantara postingan halaman utama, kode iklan yang sudah diparse ditempatkan di sekitar <b:includable id='main' var='top'> dan biasanya tampilannya seperti ini
              <b:includable id='main' var='top'>
  <b:if cond='!data:mobile'>
    <!-- posts -->
    <div class='blog-posts hfeed'>
      <b:include data='top' name='status-message'/>
      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post'>
        <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
          &lt;/div&gt;&lt;/div&gt;
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <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>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
    </div>
    <!-- navigation -->
    <b:include name='nextprev'/>
    <!-- feed links -->
    <b:include name='feedLinks'/>
  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>
  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>
</b:includable>

Jika sobat ingin menampilkan iklan di postingan gunakan kode berikut ini
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<div class='post'>
<span class='title-ads'>Advertisement</span>
PASANG KODE IKLAN DI SINI
</div>
</b:if>

Berikut pembahasan lengkapnya 3 Cara Menyisipkan Iklan Adsense di Postingan

1. Menempatkan Iklan di Atas atau di Awal Postingan
Gunakan kode script berikut copy untuk menampilkan iklan di bawah kode
<b:include data='top' name='status-message'/>

2. Menempatkan Iklan paling bawah atau di akhir postingan
Gunakan kode script berikut copy untuk menampilkan iklan di bawah kode
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>

3. Menempatkan Iklan di antara postingan blog atau website
Untuk yang cara ke tiga ini sobat tambahkan kode index='x' dikode dibawah ini
<b:loop values='data:posts' var='post'>

sehingga akan nampak seperti
<b:loop values='data:posts' var='post' index='x'>

Lalu sobat silahkan copy dan gunakan kode berikut ini
<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>
INPUT KODE IKLAN DI SINI
</div>
</b:if>
</b:if>


Untuk angka 1  itu iklan akan tampil tepat dibawah postingan yang ke dua, sedangkan angka 3 itu berarti iklan akan ditampilkan tepat dibawah postingan yang ke empat intinya sih silahkan sobat atur saja angka-angka tersebut untuk mengatur iklannya akan ditempatkan dimana diantara postingannya.
Setelah itu silahkan sobat simpan kode tersebut tepat persis dibawah kode 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>

Lalu tambahkan kode CSS ini untuk mengatur kalimat "Iklan Sponsor", silahkan sobat sesuaikan saja kalau kurang pas

.post span.title-ads{font-size:16px;font-weight:bold;display:block;margin:10px 0}

Nah secara pastinya nanti akan tampil seperti ini 

              <b:includable id='main' var='top'>
  <b:if cond='!data:mobile'>
    <!-- posts -->
    <div class='blog-posts hfeed'>
      <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'>
<span class='title-ads'>Iklan Sponsor</span>
KODE IKLAN DI SINI
</div>
</b:if>
      <data:defaultAdStart/>
      <b:loop values='data:posts' var='post' index='x'>
        <b:if cond='data:post.isDateStart and not data:post.isFirstPost'>
          &lt;/div&gt;&lt;/div&gt;
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>
        <b:if cond='data:post.isDateStart'>
          &lt;div class=&quot;date-posts&quot;&gt;
        </b:if>
        <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>
<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'>Iklan Sponsor</span>
KODE IKLAN DI SINI
</div>
</b:if>
<b:if cond='data:x==9'>
<div class='post'>
<span class='title-ads'>Iklan Sponsor</span>
KODE IKLAN DI SINI
</div>
</b:if>
</b:if>
        <b:if cond='data:post.includeAd'>
          <b:if cond='data:post.isFirstPost'>
            <data:defaultAdEnd/>
          <b:else/>
            <data:adEnd/>
          </b:if>
          <div class='inline-ad'>
            <data:adCode/>
          </div>
          <data:adStart/>
        </b:if>
      </b:loop>
      <b:if cond='data:numPosts != 0'>
        &lt;/div&gt;&lt;/div&gt;
      </b:if>
      <data:adEnd/>
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<div class='post'>
<span class='title-ads'>Iklan Sponsor</span>
KODE IKLAN DI SINI
</div>
</b:if>
    </div>
    <!-- navigation -->
    <b:include name='nextprev'/>
    <!-- feed links -->
    <b:include name='feedLinks'/>
  <b:else/>
    <b:include name='mobile-main'/>
  </b:if>
  <b:if cond='data:top.showDummy'>
    <data:top.dummyBootstrap/>
  </b:if>
</b:includable>


Bagaimana sobat, itulah 3 Cara Menyisipkan Iklan Adsense di Postingan, ada banyak beragam cara sebenarnya tinggal kita tentukan saja sesuai selera, jika ada sobat yang ingin berbagi pengalaman seputar pembahasan ini atau ingin menambahkan bisa berbagi pengetahuannya di kolom komentar ini, terima kasih sudah berkunjung.

Artikel Terkait

Halo Sobat, sedikit cerita mengenai diri saya, saya adalah hanya seorang penulis amatiran yang mencoba berbagi pengetahuan dari apa yang saya dapat sehari-hari. Pengalaman ini saya tuangkan di tulisan dengan tujuan baik agar pengetahuan dan pengalaman saya ini dapat bisa di pergunakan dan bermanfaat khususnya untuk diri saya pribadi dan umumnya untuk orang lain, sehingga saya beri nama Web saya ini dibalikseo.com yang filosofinya adalah dibalik pengetahuan yang saya dapat.