Cara Memasang Iklan di Tengah Postingan

Cara Memasang Iklan Adsense di Tengah Posting Secara Otomatis
oleh Gee Jhon266 komentar

Sebenarnya saya sudah pernah menulis tentang cara memasang iklan Adsense di tengah posting ini, yaitu di artikel: Cara Memasang Iklan Adsense di Tengah-tengah Postingan.

Di artikel tersebut saya menyarankan menggunakan table untuk menempatkan iklan Adsense di manapun di dalam posting blog. Cara ini saya anggap efektif, karena kita bisa menentukan dimana iklan ditempatkan.

Tapi, karena banyak juga yang menanyakan cara memasang iklan Adsense di tengah artikel secara otomatis, maka saya coba mengulasnya kali ini.

Dan inilah yang perlu Anda lakukan:

1. Masuklah ke Edit Template, cari kode <data:post.body/>. Jika ada beberapa tag <data:post.body/>, cari yang diapit oleh tag kondisional <b:if cond=’data:blog.pageType == "item"’>.

2. Setelah itu, ganti kode <data:post.body/>, dengan kode berikut:

<div expr:id='"ads1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
SCRIPT IKLAN ADSENSE YANG TELAH DIPARSE
</div>
<div expr:id='"ads2" + data:post.id'><data:post.body/></div>
<script type="text/javascript">
var obj0=document.getElementById("ads1<data:post.id/>");
var obj1=document.getElementById("ads2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>
3. Simpan template Anda, dan lihat hasilnya.

Perlu diperhatikan, script di atas akan menempatkan iklan persis di tengah-tengah postingan, atau dengan kata lain, script akan menghitung seluruh kata pada artikel Anda lalu membaginya menjadi 2 (lihat baris kode var t=s.substr(0,s.length/2);), kemudian menyisipkan iklan pada titik tersebut.

Note: Untuk mem-parse kode Adsense, bisa menggunakan Tool Parse ini.

Jadi bila artikel Anda cukup panjang, maka iklan akan muncul agak jauh ke bawah.

Jika Anda mau, Anda bisa merubah angka pembagi ‘2’ dengan angka lain, misalnya ‘6’. Maka artikel akan dibagi menjadi 6 bagian, dan iklan disisipkan di bagian 1/6 yang pertama. Silakan bereksperimen.

Bagaimana kalau saya ingin menempatkan iklan secara bebas di tengah postingan dimanapun saya mau?

Sekali lagi, jika itu yang Anda inginkan, Anda harus mengatur melalui edit posting. Namun, berbeda dengan metode yang pernah saya jelaskan sebelumnya, yaitu dengan menggunakan table, kali ini saya beri cara yang jauh lebih praktis dan mudah.

Anda tinggal merubah sedikit kode script di atas, yaitu pada baris var t=s.substr(0,s.length/2); dan 2 baris di bawahnya, dengan kode:

var r=s.search(/x3C!– adsense –x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r); obj1.innerHTML=s.substr(r+16);}
Jadi seluruhnya akan tampak seperti ini:

<div expr:id='"ads1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">

SCRIPT IKLAN ADSENSE YANG TELAH DIPARSE

</div>

<div expr:id='"ads2" + data:post.id'><data:post.body/></div>
<script type="text/javascript">
var obj0=document.getElementById("ads1<data:post.id/>");
var obj1=document.getElementById("ads2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/x3C!-- adsense --x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);
obj1.innerHTML=s.substr(r+16);}
</script>
Selanjutnya, pada saat Anda membuat posting, atau juga mengeditnya, tempatkan tag <!– adsense –> di mana pun Anda ingin menempatkan iklan Adsense. Ingat, untuk menyisipkan tag <!– adsense –> pada mode HTML.

Silakan pilih cara mana yang lebih sesuai bagi Anda. Kedua cara di atas, sama-sama menempatkan iklan adsense dengan mengambil space di tengah-tengah artikel, jika Anda menginginkan iklan di sebelah kanan artikel misalnya (dengan text-wrapping), Anda dapat menambahkan kode tambahan pada script iklan yang telah diparse tadi.

Jadi akan menjadi seperti ini:

<div style='float:right; margin: 0px 0px 0px 10px'>
<ins class="adsbygoogle"
style="display:inline-block;width:336px;height:280px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
Nah, silakan diterapkan. Mudah-mudahan akan mampu meningkatkan CTR iklan di blog Anda. Jika ada kesulitan, atau hal yang belum jelas, jangan sungkan untuk bertanya melalui komentar.Salam.

Google Adsense
Cara Memasang Iklan Adsense di Tengah-tengah Postingan
oleh Gee Jhon79 komentar

Saya sebelumnya pernah menulis tentang cara memasang unit iklan Adsense di atas postingan, namun ternyata banyak juga yang menanyakan bagaimana cara memasang iklan di tengah-tengah artikel atau posting blog.

Memang sudah beberapa minggu yang lalu saya coba memasang beberapa unit teks link Adsense di tengah-tengah posting blog, dan ternyata hasilnya mengejutkan, karena mendapatkan nilai CTR yang cukup tinggi, hanya kalah dari unit 336×288 di bawah judul artikel.

Artinya, ternyata cukup efektif memasang unit iklan Adsense di tengah-tengah artikel. Karena itu, kali ini saya mencoba membagi cara memasang iklan di tengah posting tersebut.

Sebenarnya ada 2 cara yang bisa dilakukan untuk memasang iklan di tengah postingan. Yaitu bisa melalui edit html template dan cara manual dengan menyisipkan kode iklan langsung di dalam artikel.

Dan, saya memilih cara yang kedua (untuk cara otomatis, temukan caranya di: Cara Memasang Iklan Adsense di Tengah Artikel Otomatis).

Memang cara ini, mungkin agak sedikit merepotkan, karena berarti untuk memasangnya Anda harus mengedit artikel satu per satu. Tapi, juga cara ini menurut saya lebih bagus efektif jika dilihat dari sisi desain dan penempatan iklan, karena:

Bisa menentukan dimana posisi yang pas untuk menyisipkan iklan

Paragraf setiap artikel berbeda-beda. Ada artikel yang panjang, ada yang pendek. Ada yang berupa list, ada yang tidak. Sehingga jika dilakukan secara manual, akan lebih pas dan tampil baik.

Bisa memilih artikel mana saja yang dipasangi iklan

Seperti poin pertama tadi, panjang artikel berbeda-beda, makanya jika semua artikel, termasuk artikel pendek juga dipasangi iklan di tengah-tengahnya, maka akan tampak sesak, dan itu sangat tidak bagus secara desain.

cara memasang iklan di tengah-tengah artikel atau posting blog
Seperti Anda lihat, tidak semua artikel PortalUang terdapat iklan di tengahnya. Mengapa? Karena saya anggap tidak semua artikel cocok disisipi iklan.

Cara memasangnya?

Mudah saja, saya memakai <table>. Mungkin bagi Anda yang menguasai desain web mutakhir, berkata: ‘Hari gini masih pake table?’ Ya, biarin. Saya cuma mengambil sisi praktisnya saja. Hehe….

Nah, Anda tinggal menggunakan tag html <table>, lengkap seperti ini:

<table align=”left” style=”width: 195px;”>
<tbody>
<tr><td width=”180″>
// kode iklan Adsense
</td></tr>
</tbody></table>

Contoh kode di atas adalah untuk unit teks link berukuran 180x90px seperti yang saya gunakan. Untuk ukuran lain, Anda tinggal menyesuaikannya.

Misalnya Anda ingin memasang unit iklan ukuran 160×600, maka Anda tinggal merubah <td width=”160″> dan <table align=”left” style=”width: 165px;”> tujuannya agar ada jarak antara unit iklan dengan tulisan.

Untuk posisi, jika ingin berada di sisi kanan artikel, tinggal merubah “left” menjadi “right”.

Jika ditulis lengkap, akan seperti ini:

<table align=”left” style=”width: 195px;”>
<tbody>
<tr><td width=”180″>
<ins class=”adsbygoogle”
style=”display:inline-block;width:180px;height:90px”
data-ad-client=”ca-pub-2952107xxxxxxxxx”
data-ad-slot=”2773xxxxxx”></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</td></tr>
</tbody></table>

Jika Anda perhatikan, saya tidak menyertakan kode:

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>

Karena saya telah menempatkannya di html template blog. Jadi, untuk seluruh iklan yang saya pasang, tidak lagi menyertakan kode script di atas. Ini bertujuan agar script tersebut tidak diload berulang kali. Lebih lanjut mengenai hal ini, silakan baca: Cukup Satu Script Asinkron Adsense untuk Semua Unit Iklan.

ya, selain cara di atas, bisa juga dengan kode berikut:

<div style=”float: left; margin-right: 10px; margin-bottom: 5px;”>
// kode iklan
</div>

Nah, mudah bukan? Silakan dipraktekkan. Saya sendiri sangat merekomendasikan Anda untuk memasang teks link di tengah postingan, karena dari hasil uji coba saya selama ini, memiliki CTR cukup tinggi.

Salam.

kang mousir

Cara Memasang Iklan Di Tengah Artikel/Postingan
OLEH KANG MOUSIR RABU, 02 SEPTEMBER 2015
Bagikan :

Faktor penempatan posisi iklan sangat berpengaruh terhadap penghasilan seorang blogger. Oleh karena itulah Saya akan menjelaskan mengenai memasang iklan di tengah postingan pada platform blogger.

Baca : Cara Memasang Iklan Diatas Artikel/Postingan

Sebenarnya fitur memasang iklan yang berada di antara postingan sudah ada pada blogger, namun itu hanya untuk iklan Google AdSense saja. Lalu bagaimana dengan iklan lain yang ingin dipasang berada di tengan postingan ? Bagaimana dengan struktur template yang berbeda dari bawaan resmi blogger atau sudah dimodifikasi ? Tenang saja Saya punya solusinya untuk mengatasinya, jadi silakan Anda baca artikel ini sampai selesai.
Center
Cara Meletakkan Iklan Berada Di Tengah Postingan 1. Ini merupakan cara manual jadi silakan sesuaikan dengan struktur template sobat. Pertama silakan ambil dahulu kode iklan yang akan dipasang.
2. Lalu parse kode iklan agar muncul di halaman artikel blog Anda di HTML Escape
3. Kemudian silakan Anda cari kode ini
<data:post.body/>
4. Ganti kode tersebut dengan kode ini
<div expr:id='"post1" + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
Simpan Kode Iklan Disini
</center>
</div>
<div expr:id='"post2" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById("post1<data:post.id/>");
var obj1=document.getElementById("post2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf("<br>");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
5. Sebenarnya pada tahap ini sudah selesai, namun jika Anda ingin membuat posisi iklan terlihat lebih rapi bisa mencoba dan menggunakan kode dibawah ini :
a. Posisi iklan tepat berada di tengah postingan
<div expr:id='"post1" + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<div style='margin:10px auto'>
Simpan Kode Iklan Disini
</div>
</center>
</div>
<div expr:id='"post2" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById("post1<data:post.id/>");
var obj1=document.getElementById("post2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf("<br>");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
b. Posisi iklan berada di tengah postingan sebelah kanan
<div expr:id='"post1" + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<div style='float:right;margin:10px 0 10px 10px'>
Simpan Kode Iklan Disini
</div>
</center>
</div>
<div expr:id='"post2" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById("post1<data:post.id/>");
var obj1=document.getElementById("post2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf("<br>");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
c. Posisi iklan berada di tengah postingan sebelah kiri
<div expr:id='"post1" + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<div style='float:left;margin:10px 10px 10px 0'>
Simpan Kode Iklan Disini
</div>
</center>
</div>
<div expr:id='"post2" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById("post1<data:post.id/>");
var obj1=document.getElementById("post2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf("<br>");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

Ok itulah mengenai cara memasang iklan berada di tengan postingan. Selanjutnya tinggal Anda pilih posisi iklan yang menurut Anda cocok :)

Share on Facebook

Share on Twitter

Share on Google+

Share on LinkedIn