Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Pasang Artikel Terkait dan Iklan Adsense Sekaligus di Tengah Postingan

 

POS Terkait dan Iklan Adsense bersamaan

Tengah Postingan

tengah postingan merupakan salah satu posisi terbaik untuk menempatkan iklan selain dari posisi di atas dan dibawah, jadi  tidak jarang web atau blog yang menjadi publisher adsense yang memasang iklan di tengah postingan artikel.

selain posisi yang jelas bisa dengan mudah dilihat karena posisinya ditengah, iklan ditengah artikel akan memberikan sedikit perbedaan warna dari sekian banyak lautan kata dalam artikel. perbedaan ini mungkin akan membuat pengunjung tertarik dengan iklan yang dipasang.

karena tengah artikel postingan memiliki peluang yang baik dalam hal promosi, terkadang ada baiknya juga menyisipkan ditengah postingan dengan related post atau artikel terkait, postingan terkait atau yang lebih kita kenal dengan "baca juga" sambil menyisipkan link artikel yang lain yang berkaitan.

lalu bagaimanakah cara supaya memasang Artikel Terkait dan Iklan Adsense Sekaligus di tengah postingan.

catatan ; sebelum melakukan perubahan edit html ada baiknyanya menyimpan terlebih dahulu theme bloge sebelumnya guna mencegah kemungkinan hal yang tidak diinginkan

Cara Pasang Artikel Terkait dan Iklan Adsense Sekaligus di Tengah Postingan

berikut cara pasang postingan terkait "baca juga" bersamaan dengan iklan adsense di tengah postingan blog:
1. log in blogger
2. pilih theme / tema
3. pada anak panah samping customize pilih edit html
4. simpan kode dibawah sebelum </head>
<script async='async' type='text/javascript'>
//<![CDATA[
var relatedTitles = new Array(); var relatedTitlesNum = 0; var relatedUrls = new Array(); function related_results_labels(json) { for (var i = 0; i < json.feed.entry.length; i++) { var entry = json.feed.entry[i]; relatedTitles[relatedTitlesNum] = entry.title.$t; for (var k = 0; k < entry.link.length; k++) { if (entry.link[k].rel == 'alternate') {relatedUrls[relatedTitlesNum] = entry.link[k].href; relatedTitlesNum++; break;}}}} function removeRelatedDuplicates() { var tmp = new Array(0); var tmp2 = new Array(0); for(var i = 0; i < relatedUrls.length; i++) { if(!contains(tmp, relatedUrls[i])) { tmp.length += 1; tmp[tmp.length - 1] = relatedUrls[i]; tmp2.length += 1; tmp2[tmp2.length - 1] = relatedTitles[i];}} relatedTitles = tmp2; relatedUrls = tmp;} function contains(a, e) { for(var j = 0; j < a.length; j++) if (a[j]==e) return true; return false;} function printRelatedLabels() { var r = Math.floor((relatedTitles.length - 1) * Math.random()); var i = 0; document.write('<ul>'); while (i < relatedTitles.length && i < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script>

5. Cari Kode <data:post.body/> ganti dengan kode berikut ini.
untuk mempermudah pencarian gunakan ctrl+f  pastekam <data:post.body/> kemudian enter. ganti<data:post.body/> dengan kode berikut dibawah ini
<div expr:id='&quot;ads1&quot; + data:post.id'/>
<div class='separator' style='clear: both; text-align: center; '>
KODE IKLAN DISINI 
</div>
    <div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='post-terkait'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<h4>Baca Juga</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<div expr:id='&quot;ads2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;ads1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;ads2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot; &quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>
    

6. ganti KODE IKLAN DISINI  dengan kode iklan adsense kamu yang sudah kamu salin sebelumnya.
untuk mendapatkan kode iklan masuk ke adsense kemudian, pilih iklan, menurut unit iklan lalu copikan unit iklan yang sudah dibuat.

7. simpan css berikut sebelum ]]></b:skin>

.post-terkait a{color:#0633d4;font-size:16px;margin:0 0 0 5px;}.post-terkait a:hover{color:#021454;text-decoration:underline}.post-terkait ul li:nth-child(n+4) {display:none;}}

css post terkait diatas merupakan gaya sederhana untuk memperindah tampilan nya bisa dikreasikan sendiri

demikianlah  Cara Pasang Artikel Terkait dan Iklan Adsense Sekaligus di Tengah Postingan, semiga bermanfaat

Posting Komentar untuk "Cara Pasang Artikel Terkait dan Iklan Adsense Sekaligus di Tengah Postingan"

data-ad-format="auto">
data-ad-format="auto">

Berlangganan via Email