Top Blogger Gallery atau Blogger Public Gallery adalah kumpulan tutorial tentang blogger, youtober, seo, optimalisasi blog serta web yang dikumpulkan jadi 1 dalam blog ini

Jasa Pengiriman

Trik Memasang Adsense Versi Mobile di 3 Lokasi yang diinginkan

Salah satu trik untuk meningkatkan pendapatan dollar dari google adsense yakni dengan cara meletakan arahan unit iklan adsense di lokasi-lokasi strategis pada blog baik blog berflatform blogspot, wordpress dll.
Lokasi-lokasi terbaik untuk memasang unit iklan adsense dikenal juga dengan sebutan heatmap, yaitu lokasi-lokasi pada halaman blog yang di sinyalir banyak menerima perhatian pengunjung, tujuannya yakni semoga setiap iklan adsense yang kita pasang berpeluang untuk menerima banyak klik dari pengunjung blog.

Lokasi-lokasi yang sudah terbukti dapat meningkatkan klick terhadap iklan adsense yang sudah banyak dibuktikan oleh para publisher adsense diantaranya adalah:

a. lokasi di atas artikel postingan setelah judul postingan.
b. Di tengah-tengah artikel postingan.
c. lokasi di bawah artikel postingan sempurna setelah postingan berakhir
d. Di sidebar

Untuk memasang atau meletakan iklan adsense di lokasi-lokasi tertentu pada blog memang tidaklah terlalu sulit, kalau anda tau caranya, namun untuk ketika ini, ketika anda memutuskan untuk memasang iklan adsense pada halaman blogspot anda, anda harus bisa memastikan bahwa iklan adsense yang anda pasang dapat bekerja dengan baik, baik itu ketika blog diakses melalui komputer PC maupun ketika blog diakses melalui perangkat mobile menyerupai hp tablet dan perangkat mobile lainnya yang notabene memiliki lebar layar yang terbatas dan sempit.

ALASAN HARUS MEMASANG IKLAN ADSENSE VERSI MOBILE

Perkembangan dunia teknolgi terutama teknolgi perangkat mobile ternyata bisa merubah gaya hidup pengguna ketika mereka mengakses internet, bahkan ketika ini dominasi pengguna perangkat mobile hampir mengalahkan pengguna perangkat PC.

Sebagai publisher google adsense tentu saja kesempatan tersebut harus bisa kita manfaatkan sebaik-baiknya, terutama untuk meningkatkan pendapatan google adsense menjadi lebih baik, salah satu caranya yakni mengupayakan semoga iklan google adsense bisa bekerja dengan baik dan iklan adsense bisa muncul di lokasi yang diinginkan, terutama ketika blog diakses melalui perangkat mobile.

Jika kesempatan tersebut kita abaikan, penelitian menunjukan anda akan kehilangan pendapatan adsense anda sebesar 40%-50%, sungguh sangat disayangkan bukan!, oleh alasannya yakni itu iklan adsense for mobile harus benar-benar kita perhatikan.

Pada artikel kali ini saya akan coba bahas secara lengkap mengenai cara memasang arahan unit iklan adsense pada blog berflatform blogspot untuk tampilan versi mobile, sehingga iklan bisa muncul dengan baik di lokasi-lokasi yang diinginkan ketika blog diakses melalui perangkat mobile (HP, tablet, dan perangkat mobile lainnya.

Baca Juga: Cara memasang iklan adsense pada blog untuk komputer PC

CARA MENAMPILKAN IKLAN ADSENSE DI PERANGKAT MOBILE (HP, TABLET Dll)

Sebenarnya untuk meletakan iklan adsense semoga tampil di perangkat mobile, berbagai cara yang bisa kita tempuh, ada yang tanpa koding (otomatis) dan ada yang dengan koding (secara manual), ada yang menggunakan template responsive pribadi, ada juga yang tanpa template responsive,  anda bisa memilih salah satu dari kedua cara diatas, tentunya dengan kelebihan dan kekurangan masing-masing, sebagai berikut:

#A. UNTUK TEMPLATE BLOG RESPONSIVE

Salah satu cara terbaik memasang iklan adsense semoga bisa muncul sesuai dengan lokasi yang diinginkan di tampilan blog versi mobile, anda harus menggunakan template blog responsive, template blog responsive akan membuat tampilan blog bisa menyesuaikan dengan besar kecilnya layar perangkat mobile yang digunakan, dan lebih mudah untuk memasang iklan adsense sesuai dengan lokasi yang diinginkan.

Syarat Yang harus Diperhatikan:

Adapaun syarat utama yang harus diperhatikan untuk memasang arahan unit iklan adsense semoga bisa tampil pada tampilan blog versi mobile pada lokasi-lokasi yang diinginkan yakni sebagai berikut:

#1. Gunakan template blog responsive
Silahkan gunakan template responsive untuk blog anda, berbagai template blog responsive yang bisa anda pilih dan download, atau anda juga bisa menyajikan sendiri template blog responsive untuk blog anda, dengan template blog responsive maka halaman blog akan bisa menyesuaikan tanpa scroll horizontal dengan lebar layar perangkat mobile yang digunakan.

#2. Aktifkan Template Responsive pada blog anda dengan memilih CUSTOM.
Langkah kedua silahkan anda aktifkan template responsive untuk blog anda, semoga ketika blog diakses menggunakan perangkat mobile tampilan blog bisa menyesuaikan dengan ukuran layar perangkat mobile tersebut, langkah-langkahnya yakni sebagai berikut:

a. Masuk ke akun blogspot anda, kemudian pilih salah satu blog anda.

b. Pada bilah menu sebelah kiri, pilih menu Template, kemudian klik pengaturan untuk seluler

cara menampilkan iklan adsense untuk versi mobile


 c. Kemudian pada pengaturan pilih "Ya Tampilkan template seluler di perangkat seluler", kemudian pilih template :"Khusus" atau "Custom", kalau anda memilih cara ini maka perintah arahan template blogspot untuk mengatur hal-hal yang berkaitan dengan template seluler akan ikut diaktifkan.

Di tahap ini bekerjsama ada yang menganjurkan untuk memilih "Tidak Tampilkan template seluler di perangkat seluler", kalau anda memilih cara ini, maka perintah arahan template khusus untuk pengaturan versi mobile menjadi tidak aktif.

Setelah syarat diatas anda lakukan, langkah berikutnya yakni memasang iklan adsense pada blog anda semoga bisa muncul pada tampilan versi mobile.

#1. Cara Memasang Iklan Adsense versi mobile semoga tampil di atas artikel postingan dibawah judul

Untuk memasang iklan adsense semoga muncul di tampilan blog versi mobile atau seluler  sempurna di atas artikel postingan di bawah judul artikel

cara memasang adsense versi mobile di atas artikel setelah judul
 

Langkah-langkahnya yakni sebagai berikut:


a.  Masuk ke halaman utama akun adsense anda, kemudian copi arahan unit iklan adsense anda.

b. Parse arahan unit iklan adsense anda, silahkan parse di sini biarkan hasil parse terparkir disana.

c. Sekarang Masuk ke halaman utama akun blogspot anda, kemudian pilih salah satu blog anda.

d. pada bilah menu sisi kiri, pilih menu template kemudian tekan tombol Edit HTML

e. Pada arahan temlate blog tekan tombol Ctrl+ F, untuk mengaktifkan akomodasi pencarian, kemudian cari arahan <data:post.body/>

f. Silahkan letakan arahan dibawah ini sempurna di atas kode <data:post.body/>,

<div>
 --KODE IKLAN ADSENSE HASIL PARSE--
</div>
 
CATATAN: 
Jika Anda menghendaki tampilan iklan adsense untuk versi mobile dan versi PC ingin kelihatan  berbeda satu sama lain, anda bisa menggunakan arahan di bawah ini:

<b:if cond='data:blog.isMobile'>
<div>
 --KODE IKLAN ADSENSE HASIL PARSE UNTUK TAMPILAN MOBILE--
</div>
<b:else/>
<div>
 --KODE IKLAN ADSENSE HASIL PARSE UNTUK TAMPILAN PC--
</div>
</b:if>
Ingat arahan diatas dengan menggunakan control flow (<b:if cond='data:blog.isMobile'>) hanya akan bekerja kalau anda memilih template Khusus atau Custom di pengaturan template seluler blog anda, kalau tidak fungsi arahan di atas tidak akan berkerja. 

g. simpan template anda.

Sampai tahap diatas anda sudah berhasil memasang iklan adsense anda pada blog yang menggunakan template  responsive, untuk melihat kesannya anda bisa mengakses salah satu url postingan anda dalam mode tampilan mobile dengan cara menambahkan ?m=1 di ujung url tersebut, misal menyerupai rujukan berikut:
nama_blog_anda.blogspot.com/2015/02/contoh-adsense-for-mobil.html?m=1
Untuk mengatur posisi iklan (Kiri, Kanan atau tengah) lebih detail anda bisa baca: Cara memasang iklan adsense di atas samping artikel postingan

#2. Cara Memasang Iklan Adsense versi mobile semoga tampil di bawah setelah artikel postingan

Untuk memasang iklan adsense versi mobile atau seluler semoga muncul sempurna dibawah  artikel postingan setelah artikel postingan berakhir

cara meletakan dan memasang adsense versi mobile di bawah artikel

Langkah-langkahnya yakni sebagai berikut:

a.  Masuk ke halaman utama akun adsense anda, kemudian copi arahan unit iklan adsense anda.

b. Parse arahan unit iklan adsense anda, silahkan parse di sini biarkan hasil parse terparkir disana.

c. Sekarang Masuk ke halaman utama akun blogspot anda, kemudian pilih salah satu blog anda.

d. pada bilah menu sisi kiri, pilih menu template kemudian tekan tombol Edit HTML

e. Pada arahan temlate blog tekan tombol Ctrl+ F, untuk mengaktifkan akomodasi pencarian, kemudian cari arahan <data:post.body/>

f. Silahkan letakan arahan dibawah ini sempurna dibawah kode <data:post.body/>.

<div>
 --KODE IKLAN ADSENSE HASIL PARSE--
</div> 
 
CATATAN: 
Jika Anda menghendaki tampilan iklan adsense untuk versi mobile dan versi PC ingin menggunakan format  berbeda satu sama lain, anda bisa menggunakan arahan di bawah ini:

<b:if cond='data:blog.isMobile'>
<div>
 --KODE IKLAN ADSENSE HASIL PARSE UNTUK TAMPILAN MOBILE--
</div>
<b:else/>
<div>
 --KODE IKLAN ADSENSE HASIL PARSE UNTUK TAMPILAN PC--
</div>
</b:if>

Ingat arahan diatas dengan menggunakan control flow (<b:if cond='data:blog.isMobile'>) hanya akan bekerja kalau anda memilih template Khusus atau Custom di pengaturan template seluler blog anda, kalau tidak fungsi arahan di atas tidak akan berkerja. 

g. simpan template anda.

Sampai tahap diatas anda sudah berhasil memasang iklan adsense anda pada blog yang menggunakan template  responsive, untuk melihat kesannya anda bisa mengakses salah satu url postingan anda dalam mode tampilan mobile dengan cara menambahkan ?m=1 di ujung url tersebut, misal menyerupai rujukan berikut:
nama_blog_anda.blogspot.com/2015/02/contoh-adsense-for-mobil.html?m=1
Untuk mengatur posisi iklan (Kiri, Kanan atau tengah) lebih detail anda bisa baca: Cara memasang iklan adsense di bawah artikel postingan

#3. Cara Memasang Iklan Adsense versi mobile semoga tampil di Tengah artikel postingan

Untuk memasang iklan adsense versi mobile semoga muncul di tengah-tengah artikel postingan,

Cara memasang dan melatekan adsense di tengah artikel postingan versi mobile

Langkah-langkahnya yakni sebagai berikut:

a.  Masuk ke halaman utama akun adsense anda, kemudian copi arahan unit iklan adsense anda.

b. Parse arahan unit iklan adsense anda, silahkan parse di sini biarkan hasil parse terparkir disana.

c. Sekarang Masuk ke halaman utama akun blogspot anda, kemudian pilih salah satu blog anda.

d. pada bilah menu sisi kiri, pilih menu template kemudian tekan tombol Edit HTML

e. Pada arahan temlate blog tekan tombol Ctrl+ F, untuk mengaktifkan akomodasi pencarian, kemudian cari arahan <data:post.body/>

f. Silahkan kode <data:post.body/> dengan arahan dibawah ini:

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
--Letakan arahan unit adsense hasil parse disini--
</center>
</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(0,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>


CATATAN: 
Jika Anda menghendaki tampilan iklan adsense ditengah artikel postingan untuk versi mobile dan versi PC ingin kelihatan  tampil berbeda satu sama lain, anda bisa menggunakan arahan di bawah ini:

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='ads' style='margin:20px 0'>
<center>
<b:if cond='data:blog.isMobile'>
<div>
 --KODE IKLAN ADSENSE HASIL PARSE UNTUK TAMPILAN MOBILE--
</div>
<b:else/>
<div>
 --KODE IKLAN ADSENSE HASIL PARSE UNTUK TAMPILAN PC--
</div>
</b:if>
</center>
</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(0,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>
Untuk Kode unit iklan versi mobile sebaiknya anda pilih iklan responsive, arahan diatas akan membuat iklan bisa kita pasang dengan format berbeda ketika diakses melalui versi mobile dan PC.


Ingat arahan diatas dengan menggunakan control flow (<b:if cond='data:blog.isMobile'>) hanya akan bekerja kalau anda memilih template Khusus atau Custom di pengaturan template seluler blog anda, kalau tidak fungsi arahan di atas tidak akan berkerja. 

g. simpan template anda.

Sampai tahap diatas anda sudah berhasil memasang iklan adsense anda pada blog yang menggunakan template  responsive, untuk melihat kesannya anda bisa mengakses salah satu url postingan anda dalam mode tampilan mobile dengan cara menambahkan ?m=1 di ujung url tersebut, misal menyerupai rujukan berikut:
nama_blog_anda.blogspot.com/2015/02/contoh-adsense-for-mobil.html?m=1

Baca Juga: Cara Memasang iklan adsense di tengah artikel postingan untuk PC

#B. UNTUK BLOG DENGAN TEMPLATE NON RESPONSIVE

Jika kebetulan anda sudah terlanjur menggunakan template blog responsive silahkan gunakan cara ini semoga iklan muncul ketika diakses menggunakan perangkat mobile, namun Jika anda menggunakan cara ini kelemahannya yakni iklan adsense hanya muncul pada lokasi-lokasi tertentu saja dan untuk beberapa template, iklan adsense tidak bisa kita ubah, bahkan iklan adsense tidak muncul, namun anda bisa mencobanya pada blog anda,

Adapun langkah-langkah untuk meletakan iklan adsense pada blog dengan template non responsive semoga iklan adsense muncul di tampilan versi mobile yakni sebagai berikut:


Langkah #1: 
Aktifkan template seluler pada blogspot anda
Untuk mengaktifkan template blog versi seluler di blogspot langkah-langkahnya yakni sebagai berikut:

a. Masuk ke akun blogspot anda, pilih dan klik satu blog adsense anda

b. Dibilah menu sisi kiri, pilih menu Template, kemudian klik pengaturan untuk seluler, menyerupai terlihat pada gambar dibawah ini:

cara menampilkan iklan adsense untuk versi mobile

c. Pada dialog pengaturan seluler, silahkan anda pilih salah satu template versi mobile bawaan blogspot, sebagai rujukan kita pilih "PT. Keren Sekali" terlihat menyerupai gambar dibawah ini:

Cara mengaktifkan template blog versi seluler

d. Silahkan pilih "Ya Tampilkan template seluler di perangkat seluler", kemudian pilih salah satu pilihan template seluler,  kalau sudah tekan tombol Simpan.

Langkah #2: 
Aktifkan iklan adsense pada template seluler anda
Langakah kedua setelah anda mengaktifkan tampilan blog untuk versi seluler adalah, mengaktifkan iklan adsense anda semoga bisa muncul di template seluler yang anda pilih, langkah-langkahnya yakni sebagai berikut:

a. Pada blog anda, pilih menu Tata Letak, pada tata letak area posting tekan tombol edit, menyerupai terlihat pada gambar dibawah ini:

cara meletakan iklan adsense pada blog versi seluler


b. Pada pengaturan blog post, silahkan scroll kebawah kemudian cari dan centang pilihan "Tampilkan iklan diantara posting", menyerupai terlihat pada gambar dibawah ini:

cara meletakan dan memasang iklan adsense di templete blog versi seluler

c. Silahkan lakukan pengaturan, pilih format iklan adsense yang anda buat, silahkan atur sesuai dengan pengaturan yang anda inginkan, kalau sudah scroll ke bawah kemudian tekan tombol Simpan.

Catatan:
Dengan cara di atas iklan adsense pada umunya hanya akan muncul di bab paling atas dan paling bawah setiap halaman blog anda.

Sampai tahap diatas anda sudah berhasil memasang iklan adsense anda pada blog non responsive yang anda miliki, untuk membuktikannya anda bisa mengakses salah satu url postingan anda dalam mode tampilan mobile dengan cara menambahkan ?m=1 di ujung url tersebut, misal menyerupai rujukan berikut:
nama_blog_anda.blogspot.com/2015/02/contoh-adsense-for-mobil.html?m=1

Demikian artikel lengkap perihal Trik cara Memasang Adsense Versi Mobile di 3 Lokasi yang diinginkan, sehingga diperlukan bisa meningkatkan jumlah klik dan meningkatkan penghasilan google adsense anda, semoga bermanfaat.

No comments:

Post a Comment