ilustrasi contempo-idn
Salah satu tempat strategis untuk menampilkan iklan dengan menyisipkannya di beberapa feed artikel. Yang dimaksud dengan feed artikel yaitu berisi deretan konten artikel yang dapat anda scroll dengan ukuran yang sama, bisa ditemukan pada halaman beranda, recent post atau popular post. Tentunya feed pada sebuah blog mengikuti dari desain template/theme blog itu sendiri.
Cara Membuat Iklan InFeed
- Masuk ke akun Adsense anda.
- Lihat pada menu bar disamping kiri, klik 'Iklan > Unit Iklan > + Unit Iklan baru'.
- Ada 3 opsi untuk membuat iklan baru, pilih iklan infeed.
- Kemudian klik 'Buat gaya iklan secara manual', dari ke-4 opsi pilih sesuai/mirip dengan feed artikel blog. Gaya iklan feed yang disediakan berupa gambar diatas, gambar disamping, judul diatas dan hanya teks.
- Beri nama iklan agar mudah didalam melakukan analisa laporan pendapatan, misalnya dengan nama ads_feed_recent post.
- Klik 'Berikutnya' untuk melihat contoh iklan yang dimaksud, jika sudah selesai dan sesuai dengan keinginan anda lalu 'Simpan dan dapatkan code'.
Cara Memasang Iklan InFeed di Recent Post
- Masuk ke akun Blogger anda.
- Lihat pada menu bar disamping kiri, klik 'Layout/Tata Letak'. Maka akan ditampilkan semua penempatan dari style blog tersebut.
- Cari dimana anda meletakkan widget recent post pada blog, biasanya terdapat dikiri dan kanan atau dibawah 'main > Blog post'.
- Kemudian klik 'Add a Gadget' atau tambahkan gadget, pilih opsi 'HTML/Javascript'
- Salin dan tempelkan kode dibawah ini dikolom HTML/Javasript.
.recentpostel img{background:#fff;padding:4px;float:left;height:70px;margin-right:8px;width:70px;border:1px solid #ddd}
.recentpostel h6,.recentpostel h6 a{text-decoration:none;font-size:13px!important;font-weight:700!important;margin:0;color:#111}
.recentpostel:hover{background-color:#fefefe}
.recentpostel p{font-size:12px;text-align:left;color:#555;line-height:normal;margin:5px 0}
#recentpostload{color:#888;font-family:Tahoma;font-size:100px;letter-spacing:-10px;text-align:center;text-shadow:-5px 0 1px #444;background:url(http://2.bp.blogspot.com/-60aISBQLRY0/VFBMqzLfzGI/AAAAAAAABgM/GInmVTvEzkc/s1600/loader.gif) 50% 50% no-repeat #fff;height:470px;border:1px solid #ddd}
</style>
<script type='text/javascript'>
//<![CDATA[
var numfeed = 5;
var startfeed = 0;
var urlblog = masukkan alamat blog disini;
var charac = 0;
var urlprevious, urlnext;
function arlinafeed(e,t){for(var n=e.split("<"),r=0;r<n.length;r++)-1!=n[r].indexOf(">")&&(n[r]=n[r].substring(n[r].indexOf(">")+1,n[r].length));return n=n.join(""),n=n.substring(0,t-1)}function showrecentpostsae(e){var t,n,r,a,i,s="";urlprevious="",urlnext="";for(var l=0;l<e.feed.link.length;l++)"previous"==e.feed.link[l].rel&&(urlprevious=e.feed.link[l].href),"next"==e.feed.link[l].rel&&(urlnext=e.feed.link[l].href);for(var d=0;d<numfeed&&d!=e.feed.entry.length;d++){t=e.feed.entry[d],n=t.title.$t;for(var l=0;l<t.link.length;l++)if("alternate"==t.link[l].rel){r=t.link[l].href;break}i="content"in t?t.content.$t:"summary"in t?t.summary.$t:"",a="media$thumbnail"in t?t.media$thumbnail.url:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKZ6nwqtwRS1lyk5auEADlnbX-t9x1Fa1YUVIu9lMhE2zu-0FrbgVeQuK0tzHWYQoWzdd9X0GHuHTlAZMheNkwHgeeae2NSSu3qwHmZBY-dKJhsDMS-cL4Ikq8PuhYe0xBNaTUnwoHpJk/s1600/Background.png",s+="<div class='recentpostel'>",s+="<a href='"+r+"' target='_blank'><img src='"+a+"' /></a>",s+="<h6><a href='"+r+"'>"+n+"</a></h6>",s+="<p>"+arlinafeed(i,charac)+"</p>",s+="</div>"}document.getElementById("recentpostsae").innerHTML=s,s="",s+=urlprevious?"<a href='javascript:navigasifeed(-1);' class='previous'></a>":"<span class='noactived previous'></span>",s+=urlnext?"<a href='javascript:navigasifeed(1);' class='next'><p></p></a>":"<span class='noactived next'></span>",s+="<a href='javascript:navigasifeed(0);' class='home'></a>",document.getElementById("recentpostnavfeed").innerHTML=s}function navigasifeed(e){var t,n;-1==e?(t=urlprevious.indexOf("?"),n=urlprevious.substring(t)):1==e?(t=urlnext.indexOf("?"),n=urlnext.substring(t)):n="?start-index=1&max-results="+numfeed+"&orderby=published&alt=json-in-script",n+="&callback=showrecentpostsae",incluirscript(n)}function incluirscript(e){1==startfeed&&removerscript(),document.getElementById("recentpostsae").innerHTML="<div id='recentpostload'></div>",document.getElementById("recentpostnavfeed").innerHTML="";var t=urlblog+"/feeds/posts/default"+e,n=document.createElement("script");n.setAttribute("type","text/javascript"),n.setAttribute("src",t),n.setAttribute("id","arlinalabel"),document.getElementsByTagName("head")[0].appendChild(n),startfeed=1}function removerscript(){var e=document.getElementById("arlinalabel"),t=e.parentNode;t.removeChild(e)}onload=function(){navigasifeed(0)};
//]]>
</script>
<div class='post'>
/Paste-kan kode iklan InFeed disini/
</div>
<div id="recentpostsae"></div>
<div id="recentpostnavfeed"></div>
<div id="recentpostsae"></div>
<div id="recentpostnavfeed"></div>- Untuk kode yang diberi warna biru ganti dengan url/alamat blog anda, tambahkan tanda " diawal dan akhir penulisan url.
- Sisipkan kode iklan InFeed pada kode yang diberi warna orange (ganti dengan kode iklan).
- Jika semua sudah terpasang dengan baik, lalu klik 'Simpan'.
- Untuk dapat melihat iklan InFeed pada blog mungkin dibutuhkan beberapa menit.
Cara Memasang Iklan InFeed di halaman Beranda
- Masuk ke akun Blogger anda.
- Lihat pada menu bar disamping kiri, klik 'Theme/Template > Edit HTML'.
- Pada tampilan Edit HTML, gunakan Ctrl + F untuk melakukan pencarian kode <b:loop values='data:posts' var='post'>, dan ganti dengan kode <b:loop values='data:posts' index='x'>.
- Kemudian cari kode <div class='post-outer'>, tekan enter untuk membuat baris baru kemudian copy/paste kode dibawah ini.
<b:if cond="data:blog.pageType != "static_page" and data:blog.pageType != "item"">
<b:if cond="data:x==2">
<div class="post">
Letakkan kode iklan yang sudah diparse disini </div>
</b:if>
<b:if cond="data:x==5">
<div class="post">
Letakkan kode Iklan yang sudah diparse disini </div>
</b:if>
</b:if>
- Perhatikan angka yang terdapat di syntax <b:if cond="data:x==2"></b:if> dan <b:if cond="data:x==5"></b:if>, itu merupakan pengaturan tata letak iklan. Dapat diubah sesuai dengan keinginan anda, ganti angka 2 menjadi angka 3 misalnya.
- Sebelum anda menempatkan kode iklan InFeed harus di parse terlebih dahulu. Banyak situs yang menyediakan layanan parse secara gratis, silahkan lakukan pencarian di search engine google.
- Jika sudah yakin dengan pengaturan yang dibuat, klik 'Simpan'.
Cara Memasang Iklan InFeed dengan Iklan Otomatis
Cara yang satu ini sangat mudah sekali, anda hanya diminta menempatkan kode iklan dibawah tag <head>. Sebetulnya iklan otomatis tidak dapat kita prediksi kemunculannya, yang sering contempo-idn alami sendiri pun terkadang muncul di popular post, related post, feed artikel beranda serta popup dan banner horizontal saat diakses dengan smartphone.Bahkan jenis iklan yang muncul pun bersifat random, seperti iklan teks dan gambar, teks, native dan feed yang mirip dengan thumbnail postingan kita. Hal ini merupakan kekurangan iklan otomatis, tidak seperti cara diatas dimana posisi penempatan dan jenis iklannya dapat dipermanenkan. Berikut langkah-langkah untuk menerapkan iklan otomatis pada blog anda.
- Masuk ke akun Adsense anda.
- Pilih 'Iklan > Iklan Otomatis'. Pada Setelan Global (Iklan vinyet, Iklan anchor, Iklan teks & bergambar, Iklan InArticle, Iklan InFeed, Konten yang sesuai) pilih 'Siapkan Iklan Otomatis'.
- Kemudian akan muncul popup yang berisi kode iklan otomatis, lalu klik 'Salin cuplikan code' (kode akan ter-copy otomatis).
- Langkah selanjutnya masuk ke akun Blogger, pilih 'Theme/Template > Edit HTML'. Pastekan kode yang telah disalin dari akun adsense anda sebelumnya dibawah tag <head>.
- Jangan lupa klik 'Simpan'. Jika terdapat notifikasi error yang muncul tambahkan syntax ='async', maka akan seperti ini <script async='async' src='// ... adsbygoogle.js'/>.
loading...
0 comments:
Post a Comment