Cara Memasang Iklan AdSense di Atas dan Bawah Postingan Blogger

Cara membuat, memasang, dan meletakkan iklan AdSense di atas dan bawah atau sebelum dan sesudah isi postingan Blogger untuk meningkatkan CTR.
Cara Memasang Iklan AdSense di Atas dan Bawah Postingan Blogger

Penempatan iklan yang umum ditemukan adalah sebelum dan sesudah (atas dan bawah) isi postingan. Posisi ini paling direkomendasikan karena akan selalu terlihat oleh pengunjung sehingga potensi mendapatkan klik semakin besar.

Jika kamu masih bingung bagaimana caranya memasang iklan sebelum dan sesudah isi artikel, maka tutorial ini akan sangat membantu. Bagi publisher baru sangat perlu untuk mencoba meletakkan iklan di posisi ini. Sebenarnya pertanyaan tentang bagaimana caranya meletakkan iklan sebelum dan sesudah isi postingan pernah dibahas di artikel yang berjudul Cara Memasang Kode Iklan AdSense di Blogger. Tapi akan saya ulas kembali agar lebih jelas.

Cara Membuat Iklan AdSense di Atas dan Bawah Artikel

Sebelumnya kamu harus membuat slot iklan AdSense terlebih dulu. Setelah itu buka dashboard Blogger dan masuk ke Theme (Tema) » Edit HTML.

Cari kode ini.
<data:post.body/>

Jika ada banyak, pilih yang ada di dalam tag kondisional halaman posting seperti ini.
<b:if cond='data:view.isPost'>
  ....
  <data:post.body/>
  ....
</b:if>

Bisa juga tag kondisionalnya masih menggunakan cara lama, sehingga kodenya seperti ini.
<b:if cond='data:blog.pageType == "item"'>
  ....
  <data:post.body/>
  ....
</b:if>

Setelah itu tinggal tambahkan beberapa baris kode HTML.
<b:if cond='data:view.isPost'>
  ....
  <div class='iklanatas'>
    <!-- Tulis kode iklan disini -->
  </div>
  <data:post.body/>
  ....
  <div class='iklanbawah'>
    <!-- Tulis kode iklan disini -->
  </div>
</b:if>

Nah tinggal hapus <!-- Tulis kode iklan disini --> dan ganti dengan kode iklan AdSense.

Jika terjadi error saat save template, ganti penulisan async menjadi async="async" pada script iklan.
<!-- SEBELUM -->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
  data-ad-slot="xxxxxxxxxx"
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

<!-- SESUDAH -->
<script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
  style="display:block"
  data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
  data-ad-slot="xxxxxxxxxx"
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Hasil akhir dan kode lengkapnya kurang lebih seperti ini.
<b:if cond='data:view.isPost'>
  ....
  <div class='iklanatas'>
    <script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <ins class="adsbygoogle"
      style="display:block"
      data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
      data-ad-slot="xxxxxxxxxx"
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
  </div>
  <data:post.body/>
  ....
  <div class='iklanbawah'>
    <script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <ins class="adsbygoogle"
      style="display:block"
      data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
      data-ad-slot="xxxxxxxxxx"
    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
  </div>
</b:if>

Sebenarnya script eksternal <script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> hanya perlu dipanggil sekali. Jika ditulis berulang malah akan memberatkan blog. Selengkapnya bisa pelajari artikel Cara Menulis Kode Iklan AdSense Yang Efisien.

Lalu tambahkan CSS ini agar jarak iklan tidak terlalu berdekatan dengan isi postingan. Simpan DI ATAS </style> atau ]]></b:skin>.
.iklanatas {margin:0px 0px 10px; padding:0px}
.iklanbawah {margin:10px 0px 0px; padding:0px;}

Terakhir simpan template dan lihatlah hasilnya. Gampang kan menerapkan tutorial pasang iklan AdSense di atas dan bawah artikel Blogger ini.
12
Cara Memasang Iklan AdSense di Atas dan Bawah Postingan Blogger
Cara Memasang Iklan AdSense di Atas dan Bawah Postingan Blogger
Cara membuat, memasang, dan meletakkan iklan AdSense di atas dan bawah atau sebelum dan sesudah isi postingan Blogger untuk meningkatkan CTR.
Bagikan ke aplikasi lainnya:
  • WhatsApp
  • Telegram
  • Facebook
  • Twitter
  • Pinterest
  • LinkedIn

Artikel Terkait

12 komentar

  • Menulis kode gunakan <i>kode</i> (kode harus di-parse)
  • Menulis dalam syntax highlighter gunakan <em>kode panjang</em> (kode harus di-parse)
  • Menyisipkan gambar gunakan <strong>URL GAMBAR</strong> (ekstensi .jpg, .png, .gif, .webp, .ico)
  • Centang Beri Tahu Saya untuk mendapatkan notifikasi ke email saat ada yang membalas komentar.
  • Fahri Hidayat
    18 Mei, 2023
    Profil: https://www.blogger.com/profile/00401307027070955648
    makasih kak, membantu bgt
  • Curahan Hati
    03 Desember, 2022
    Profil: https://www.blogger.com/profile/07372057097952207007
    Wah, makasih bang.
  • umakumot
    06 Oktober, 2022
    Profil: https://www.blogger.com/profile/04122952993562610565
    Jenis iklan apa yang cocok di pasang di atas dan bawah artikel?
  • Blognoler
    26 September, 2022
    Profil: https://www.blogger.com/profile/17361664189112470871
    Terimakasih kak, infonya sangat membantu sekali buat pemula seperti saya. Salam sukses
  • cahpondokkan
    24 Agustus, 2022
    Profil: https://www.blogger.com/profile/17874808472534078412
    makasih bund, sangat membantu sekali
  • Administrator
    03 Agustus, 2021
    Profil: https://www.blogger.com/profile/16517308994321252766
    Terima kasih infonya kak
  • Karlina
    02 Agustus, 2020
    Profil: https://www.blogger.com/profile/09112368890672057648
    mba tolong dong, saya pakai template seo-boost dari gooyaabi theme, uda nyoba segala macem cara juga tetep gamau yak
  • Sang Prabu
    20 Februari, 2019
    Profil: https://www.blogger.com/profile/04443004242282164886
    gimana caranya merubah type iklan dari yang pake ukuran costum, ke responsive, apakah bisa diedit atau buat unit iklan baru???
    • Hallo Banua
      15 April, 2021
      Profil: https://www.blogger.com/profile/14426752731444738169
      Bisa,pengaturan tinggal pada Adsensenya saja
  • Syafiq
    13 November, 2018
    Profil: https://www.blogger.com/profile/04007798583952663891
    Kak, bisakah saya request kode untuk 4 unit iklan dalam post? Bentuknya jadi kurang lebih :

    --- (Iklan 1) ---

    Tulisan Artikel

    --- (Iklan 2) ---

    Tulisan Artikel

    --- (Iklan 3) ---

    Tulisan Artikel

    --- (Iklan 4) ---

    Saya pernah coba buat seperti ini, tapi hasilnya malah rusak.
    • Igniel
      15 November, 2018
      Profil: https://www.blogger.com/profile/09199170379661896200
      Enjoy.
      https://www.igniel.com/2018/11/multiple-iklan-dalam-post.html