Ingin tahu bagian mana dari situs atau blog yang akan membawa anda mendapatkan keuntungan lebih banyak?. Tambahkan AdSense dalam posting dan kemudian periksa heat map Google AdSense yang terkenal.
Studi terbaru, bagaimanapun penempatannya, menunjukkan bahwa menempatkan AdSense setelah paragraf pertama dari sebuah situs atau blog merupakan salah satu penempatan AdSense terbaik.
 |
| Menyisipkan Adsense Setelah Paragraf Pertama |
Sayangnya, platform default Blogger yang ditawarkan oleh Google tidak mengizinkan penempatan iklan setelah paragraf pertama. Tapi karena sudah menjadi salah satu daerah yang paling menguntungkan, banyak webmaster telah mencoba untuk mengambil keuntungan dari penempatan AdSense terbaik.
Bagaimana kita dapat menikmati keuntungan yang sama?
Untuk mengatasi masalah tersebut, kita hanya akan memindahkan lokasi iklan yang akan ditampilkan dengan menambahkan JavaScript dan DIV. Dengan script berikut, anda dapat dengan mudah memilih paragraf atau heading yang ingin kita tempatkan iklan setelahnya.
Dengan cara ini, anda tidak perlu mengubah setiap posting secara manual seperti tutorial sebelumnya yang harus kita sisipkan anotasinya.
Cara Menampilkan Iklan AdSense setelah Paragraf Pertama di Blogger
Langkah 1. Masuk ke akun Blogger anda, pilih blog anda dan klik tab "Template" di sisi kiri. Buka Template Editor menggunakan tombol "Edit HTML".
Langkah 2. Setelah editor template terbuka, klik di mana saja di dalam area kode dan tekan tombol CTRL + F (atau Command + F) pada keyboard anda untuk membuka kotak pencarian.
Cari tag berikut (tekan Enter untuk menemukannya):
<data:post.body/>
Catatan: Anda akan menemukan 2 atau 3, yang pasti lebih dari 1, tetapi kita berhenti pada baris yang kedua, atau jika anda tidak melihat perubahan apapun, uji pada baris yang terakhir.
Langkah 3. Tambahkan tag DIV dibawah ini yang berwarna merah sebelum dan setelah baris yang kita temukan, seperti ini:
<div id='adsense-target'><data:post.body/></div>
Langkah 4. Salin kode AdSense yang ingin anda tampilkan dan parse code adsense terlebih dahulu dari html ke xml atau menjadi teks biasa. Setelah konversi, tambahkan HTML dibawah ini dan ganti teks "KODE ADSENSE DISINI" dengan kode iklan yang sudah dikonversi tepat di atas garis yang baru saja kita temukan:
<b:if cond='data:blog.pageType == "item"'>
<div id='adsense-content' style="display:block;text-align: center">KODE ADSENSE DISINI</div></b:if>
Ingat: Element diatas ditambahkan di atas tag div .
Menyelaraskan AdSense Kiri atau Kanan
Secara default, unit iklan Google AdSense akan muncul di tengah-tengah setelah paragraf pertama. Jika anda tidak puas dengan hasil tersebut dan ingin untuk membungkus teks di sekitar iklan, Anda dapat memilih salah satu opsi di bawah ini:
a) Sejajarkan AdSense di sebelah kiri - ubah <div
id='adsense-content' style="display:block;text-align: center"> dengan:
<div id='adsense-content' style="display: inline-block;float: left;margin:15px 15px 15px 0px">
Setelah modifikasi, iklan akan terlihat seperti ini:
 |
| Adsense sejajar di sebelah kiri |
b) Sejajarkan iklan AdSense di sebelah kanan konten - ubah <div id='adsense-content' style="display:block;text-align: center"> dengan:
<div id='adsense-content' style="display:inline-block;float:right;margin:15px 0px 15px 15px">
Setelah modifikasi, iklan akan terlihat seperti ini:
 |
| Adsense sejajar di sebelah kiri |
Langkah 5. Akhirnya, tepat setelah <div id='adsense-target'><data:post.body/></div> pada langkah 2, tambahkan script ini:
<script type='text/javascript'>
function insertAfter(addition,target) {
var parent = target.parentNode;
if (parent.lastChild == target) {
parent.appendChild(addition);
} else {
parent.insertBefore(addition,target.nextSibling);
}
}
var adscont = document.getElementById("adsense-content");
var target = document.getElementById("adsense-target");
var linebreak = target.getElementsByTagName("br");
if (linebreak.length > 0){
insertAfter(adscont,linebreak[0]);
}
</script>
- Untuk menyisipkan iklan setelah paragraf kedua, ubah"0" pada baris merah dengan "2".
- Jika Anda ingin menempatkan AdSense tepat di bawah post h2 atau h3, ganti br dari " br " dengan h2 atau h3 .
Langkah 6. Klik Tombol "Simpan template" untuk menyimpan perubahan dan selesai.
Dengan trik ini, anda dapat memasukkan AdSense setelah paragraf pertama secara otomatis di Blogger dengan mudah. Sekarang giliran anda untuk memutuskan format yang bekerja dengan baik atau terbaik di situs anda itu gimana, silahkan beritahu kami di kotak Komentar.
0 komentar