100% Worked Cara Memasang Iklan Adsense Ditengah Postingan Blogger Tanpa Pengulangan Paragraf
Beberapa hari ini saya mencoba memasang iklan adsense di blog saya, tepatnya di tengah artikel postingan. Namun sehabis memasang dengan aba-aba tersebut dan saya check, ternyata ada beberapa paragraf yang berulang. Dan itu sangat mengganggu berdasarkan saya.
Dengan alasan tersebut, saya mencoba untuk menciptakan aba-aba javascript sendiri. Agar aba-aba adsense yang saya pasang di dalam artikel saya, tidak mempengaruhi bentuk dari artikel tersebut.
Kode ini terinspirasi dari Plugin wordpress WPQuads, yang sanggup mendefine / memilih beberapa aba-aba adsense dan meletakan aba-aba tersebut di paragraf yang di tentukan. Saya pikir ini menarik bila di terapkan di blogger.
Kelebihan
Kode javascript yang saya buat berdasarkan trial and debugging saya, meskipun ada banyak kekurangan, alasannya ialah kau harus mencar ilmu memahami aba-aba javascript nya. Dan melaksanakan setting sendiri terhadap block aba-aba adsense kamu.
Kelebihan yang di sanggup ialah postingan kau tidak berulang, tetap terstruktur layak nya tanpa adsense block. Dan juga, kau sanggup mendefine / memilih aba-aba adsense kau serta letak di paragraph mana adsense block itu harus muncul.
Kekurangan
Kode ini saya buat berdasarkan blog saya, saya memilih bahwa paragraf di tentukan oleh [enter] , hal ini alasannya ialah saya tidak menemukan tag p yang biasa di gunakan sebagai paragraph di postingan blogger.
Kamu harus memasukan aba-aba adsense manual kedalam block, dan memilih paragraph secara manual, agak ribet sih. Namun hening saja, kau hanya akan melaksanakan nya sekali saja.
Bagaimana Cara Memasang Code Tersebut
Buka themes blogger kamu, lalu cari tag <data:post.body/> yang berada di paling bawah themes, biasa nya itu ialah body yang di gunakan untuk page detail.
Setelah ketemu, ubah menjadi
<div expr:id='"post" + data:post.id'><data:post.body/></div>
<!-- define your 3 adsense code here, and you can used it for anywhere -->
<div expr:id='"ads1"' style="display:none">
--- Block Kode Adsense 1 ---
</div>
<div expr:id='"ads2"' style="display:none">
--- Block Kode Adnsese 2 ---
</div>
<div expr:id='"ads3"' style="display:none">
--- Block Kode Adnsese 3 ---
</div>
<script type='text/javascript'>
/// contributor : nurjalih
var ads = [document.getElementById("ads1").innerHTML, document.getElementById("ads2").innerHTML];
var positionAds = ["5", "10"];
/// don't touch below code
var artikel = document.getElementById("post<data:post.id/>");
var artikelEnter = artikel.innerHTML.split("<br>");
var fixArtikel = "";
for(var i = 0; i < artikelEnter.length; i++){
var artikelTemporary = "";
if(positionAds.length > 0){
for(var j = 0; j < positionAds.length; j++){
if(typeof positionAds[j] != "undefined" && positionAds[j] != ""){
if(positionAds[j] == i){
artikelTemporary += artikelEnter[i];
if(typeof ads[j] != "undefined" && ads[j] != ""){
artikelTemporary += "<br>";
artikelTemporary += "<br>";
artikelTemporary += ads[j];
artikelTemporary += "<br>";
break;
}
}
}
}
fixArtikel += artikelTemporary == "" ? artikelEnter[i] : artikelTemporary;
fixArtikel += "<br>";
} else {
fixArtikel += artikelEnter[i];
fixArtikel += "<br>";
}
}
artikel.innerHTML = fixArtikel;
</script>
Cara Setting Adsense dan Posisi Iklan
var ads di guanakan untuk memilih aba-aba blok adsense. Pada aba-aba ini document.getElementById("ads1").innerHTML mempunyai kegunaan mengambil blok adsense yang sudah di definisikan, kau sanggup mengganti dengan ads2 atau ads3 atau ads1. Silahkan kau kreasikan sendiri.
var positionAds di gunakan untuk memilih posisi berdasarkan paragraf, settingan ini bekerjasama dengan var ads. Jika kau set pada posisi pertama ialah 5 maka iklan adsense yang sudah di setting di var ads pada posisi pertama akan di tampilkan di paragraf ke 5. Begitu pun dengan setting selanjut nya.
Tips Menggunakan Kode Ini
Lakukan pengaturan posisi dari blok iklan kau dengan hati hati, alasannya ialah aba-aba ini belum di sertakan try catch, sehingga saat ada error di javascript nya, mungkin ada aba-aba javascript kalian ada yang ngga jalan.
Saat ini aba-aba ini worked di blog saya, bila tidak berfungsi di blog kamu, silahkan kirimkan komentar, saya akan mencoba memperbaiki aba-aba nya. Karena aba-aba ini masih tahap beta ya :)