Cara Pasang Iklan Google Adsense di Tengah Postingan Artikel - Petrus Siahaan

www.petrussiahaan.com

Jika Anda memiliki sebuah Blog atau situs web yang memuat konten berkualitas dan ingin menghasilkan uang melalui iklan, Google AdSense adalah salah satu program monetisasi yang sangat populer.

Salah satu strategi yang efektif untuk meningkatkan pendapatan iklan Anda adalah dengan menempatkan iklan AdSense di tengah-tengah postingan artikel. Dalam artikel ini, kami akan membahas langkah-langkah untuk memasang iklan Google AdSense di tengah postingan artikel Anda.

Baca Juga: Cara Memasang Smooth Scrollbar pada Blog

Adapun Cara memasang iklan Google Adsene di tengah artikel/postingan blogger/blogspot mari ikuti tutorialnya berikut ini:

Cari Kode seperti ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
 <data:post.body/> 
</b:if>

Atau Kode seperti ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div class='artbody'><data:post.body/></div> 
</b:if>

Baca Juga: Cara Membuat Link Sumber Otomatis pada Blog

Hapus Kode tersebut, kemudian gantikan dengan kode berikut ini :

<b:if cond='data:view.isPost'> 
    <div class='middleAds middleAds1' id='middleAds1'> 
      <div style='clear:both;'> 
<p>Advertise</p> 
        <!-- Your middle ads1 here --> 
      </div> 
    </div> 
    <div class='middleAds middleAds2' id='middleAds2'> 
     <div style='clear:both;'> 
<p>Advertise</p> 
        <!-- Your middle ads2 here --> 
      </div> 
    </div> 
<div id='tgtPost'><data:post.body/></div> 
<script type='text/javascript'> 
function insertAfter(tbh,tgt) { 
  var prt = tgt.parentNode; 
  if (prt.lastChild == tgt) {prt.appendChild(tbh);} 
  else {prt.insertBefore(tbh,tgt.nextSibling);}} 
  var tgt = document.getElementById(&quot;tgtPost&quot;); 
  var midAd1 = document.getElementById(&quot;middleAds1&quot;); 
  var midAd2 = document.getElementById(&quot;middleAds2&quot;); 
  var showAd1 = tgt.getElementsByTagName(&quot;br&quot;); 
  var showAd2 = tgt.getElementsByTagName(&quot;p&gt;&quot;); 
  if (showAd1.length &gt; 0) {insertAfter(midAd1,showAd1[3]);} 
  if (showAd2.length &gt; 0) {insertAfter(midAd1,showAd2[3]);} 
  if (showAd1.length &gt; 0) {insertAfter(midAd2,showAd1[5]);} 
  if (showAd2.length &gt; 0) {insertAfter(midAd2,showAd2[5]);} 
</script> 
</b:if>

Slot iklan pertama, letakkan di bawah kode

kemudian Slot iklan kedua, letakkan di bawah kode

Baca Juga: Cara Memasang Progress Scrollbar pada Blog

lalu sesuaikan angka 3 dan 5 pada kode diatas, untuk mengatur pada (setelah) paragraf berapa iklan hendak ditampilkan:

Note: Semakin besar angka yang Anda ganti, sehingga semakin ke bawah pula posisi tempat iklan yang akan tampil.

Jangan lupa menambahkan kode CSS berikut ini, untuk mengatur letak dan ruang kedua slot iklan tersebut. Letakkan kode berikut di atas </style>

/* Middle Ads */ 
.middleAds{margin:10px auto 4px;display:block;overflow:hidden;width:100%;height:auto;text-align:center} 
.middleAds p{font-size:11px!important;font-weight:400;text-align:center;display:block;padding:0;margin:0 auto 5px!important;color:#bbb!important}

Sekarang Anda memiliki panduan langkah demi langkah untuk memasang iklan Google AdSense di tengah postingan artikel Anda. Ingatlah untuk selalu mematuhi kebijakan dan pedoman Google AdSense, serta terus memantau dan mengoptimalkan kinerja iklan Anda untuk mencapai hasil yang optimal.

Sumber Blog bungfrangki