Menampilkan Iklan Di Dalam Artikel Secara Otomatis [Work]

Jumat, 13 Januari 2017

Beberapa waktu yang kemudian ada seorang sahabat yang melontarkan pertanyaan kepada aku melalui Facebook Chat mengenai Kode JavaScript yang sanggup menampilkan Iklan Adsense di Tengah Artikel secara Otomatis.

Karena ketika itu aku belum ada tutorialnya, jadi aku sarankan untuk melaksanakan pencarian di Google dengan Keyword Memasang Iklan Ditengah Postingan.



Biasanya Mesin Pencarian Google akan memperlihatkan Puluhan Blog Tutorial berkualitas yang membahas tutorial Menampilkan Iklan di Tengah Artikel.

Nah pada artikel aku kali ini, aku akan memperlihatkan isyarat JavaScript yang aku gunakan untuk menampilkan Iklan secara otomatis berada di Tengah Artikel.

Yang aku Maksud dari kata Otomatis yaitu cara kita menampilkan Iklan tanpa harus menambahkan JavaScript Adsense kedalam Postingan.

Baca juga: Hati-hati Adsense kau kena Pinalty

Dibawah ini yaitu hasil gambar yang aku screenshot dengan menambahkan Kode Adsense ditengah Artikel secara Manual.



Cara Manual Menampilkan Iklan Adsense menyerupai gambar diatas akan menciptakan kita kewalahan ketika menciptakan sebuah artikel.

Hal sekecil ini juga lah yang menjadi penyebab Beratnya Loading Page lho teman-teman. Karena setiap kali pengunjung membuka artikel kamu, halaman artikel harus melaksanakan loading untuk memanggil Script Iklan ini Berkali-kali supaya iklan tampil.

Kenapa aku bilang berkali-kali ?

Karena seharusnya Kode iklan itu loading bersamaan dengan Template. Sedangkan bila kita meletakkan 1 Script iklan menyerupai pola gambar diatas, maka browser akan berkerja lebih keras untuk mengerjakan perintah dari script iklan yang ada dalam artikel juga.

Kamu sudah tahu kan bahwa JavaScript itu memang sanggup membebani Loading Page? Kebayang kan bila ada 3 Script iklan yang kita pasang secara manual didalam artikel?

Maka dari itu, aku memperlihatkan Script ini supaya kau tidak pusing meletakkan posisi iklan sesuai impian dan lebih fokus dalam menciptakan menulis.

Baca juga: Mengatur Posisi Iklan Adsense di Homepage

Ohya, Sebenarnya JavaScript ini bukan hanya untuk menampilkan iklan saja yah teman-teman tapi sanggup juga Related Post, atau Banner Promotion dan masih banyak lagi kegunaannya.

Script dibawah ini yaitu cara menampilkan Iklan ditengah Artikel Secara Otomatis. Cukup dengan 1 Script Otomatis ini, kau sanggup menampilkan 1-5 Unit Iklan di dalam artikel secara otomatis.

<div style="float:left; margin-left:0px;margin-right:20px;margin-bottom:15px"> UNIT IKLAN 300X250  </div> <div expr:id='&quot;post1&quot; + data:post.id'/> <div class='googlepublisherads' style='margin:20px 0'> <br/> UNIT IKLAN <br/> UNIT IKLAN <br/> </div> <div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div> <script type='text/javascript'> var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;); var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;); var s=obj1.innerHTML; var t=s.substr(1,s.length/2); var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;); if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);} </script> <br/> UNIT IKLAN <br/> UNIT IKLAN

Perhatikan pada isyarat diatas, aku menyisipkan 5 Unit iklan yang di load secara bersamaan. Kamu sanggup sesuaikan dengan jumlah kata didalam setiap artikel kamu, bila artikel yang kau buat rata-rata hanya 500 kata, maka aku sarankan hanya menampilkan 3 Unit iklan saja.

Angka 2 pada isyarat diatas membuktikan bahwa iklan akan tampil di pertengahan artikel secara otomatis. Kamu sanggup merubah angka tersebut supaya lokasi iklannya sesuai dengan impian kamu.

Kalau aku sendiri sih masih memakai JavaScript diatas. Dan hasilnya, sanggup teman-teman lihat di beberapa artikel blog ini termasuk pada artikel ini yah.

Ohya, hingga lupa aku menjelaskan cara menyisipkan Script diatas kedalam template. Perhatikan beberapa langkah dibawah ini ya teman-teman.

• Pastikan kau sudah membuka halaman EDIT HTML pada dashboard blog
• Cari Kode <data:post.body/> dengan cara klik tombol CTRL + F
• Karena pada custom template kita akan menemukan lebih dari 1 buah isyarat <data:post.body/>, jadi kau harus teliti dalam mempraktekkannya.
• Setelah itu, silahkan ganti isyarat <data:post.body/> dengan isyarat yang sudah kau salin dari kolom diatas.
• Simpan Template, kemudian lihat hasilnya.

Saran saya, jangan dulu kau masukkan Script Iklan kedalam Kode JavaScript yang aku berikan diatas. Ini gunanya supaya kau sanggup preview lebih dulu hasil dari script yang aku bagikan.

Karena tidak semua custom template akan cocok dengan JavaScript yang aku bagikan, terkadang akan muncul kode-kode HTML dari sebuah gambar yang kau sisipkan kedalam artikel hingga gambarnya jadi tidak tampil.

Baca juga: Cara Buat Random Banner ukuran 468x60

Nah bila ada kesulitan dalam mempraktekkan tutorial diatas, jangan sungkan untuk bertanya melalui kolom komentar dibawah ini. Jangan lupa untuk berlangganan artikel blog ini supaya tidak kau sanggup notifikasi ketika aku posting artikel lagi.

Semoga Bermanfaat

Share This :