5 Cara Menempel Kode Adsense ke html, Simak dan Praktikkan!

clarysports – Banyaknya keuntungan saat memasang Adsense pada website menjadi faktor semakin banyak yang mendaftar ke Google Adsense. Namun, untuk meraih keuntungan tersebut harus melalui beberapa tahap dahulu. Salah satunya adalah cara menempel kode Adsense ke html.

Pemasangan kode ini wajib dilakukan, karena jika tidak terpasang iklan tidak akan muncul pada halaman website atau tidak ada connectivitas antara Google Adsense dan website. Pemasangan ini biasanya dilakukan pada saat pertama kali mendaftar dan telah mendapat persetujuan. Berikut penjelasan cara menempel kode Adsense ke html!

5 Cara Menempel Kode Adsense ke html

Cara Menempel Kode Adsense ke html yang Mudah Untuk Pemula

Cara mudah menempel kode Adsense ke html bisa dilakukan siapa saja yang telah memiliki website. Syarat yang harus dipenuhi tentu saja adalah mendaftar ke Google Adsense terlebih dahulu. Perlu diketahui bahwa pemasangan kode antara Wordpres dan Blogspot sedikit berbeda. Berikut adalah penjelasannya secara ringkas:

1. Untuk Pengguna WordPress

WordPress memiliki tingkat pengguna yang tinggi. Tingginya pengguna tersebut diiringi dengan banyaknya yang tertarik untuk menggunakan Google Adsense ke dalam website. Agar bisa menikmati keuntungan menggunakan Adsense, tentunya kode Adsense yang diterima harus berhasil terpasang. Berikut adalah langkah-langkahnya:

  1. Pada dashboard WordPress masuk ke menu appearance lalu klik theme editor
  2. Langkah cara praktis menempel kode Adsense ke html WordPress adalah masuk pada sisi kanan halaman theme tersebut lalu masuk ke file header.php
  3. Selanjutnya aktifkan fitur pencarian dengan cara klik tombol CTRL + F/Command + F. Gunakan fasilitas pencarian tersebut untuk mencari kode “</head>”.
  4. Cara menempel kode Adsense ke html bisa dilakukan pada tahap ini, yaitu dengan meletakkan kode Adsense yang diterima persis sebelum </head>.
  5. Jika sudah melakukan copy paste kode Adsense tersebut dan berhasil, klik update file untuk menyimpan perubahan file tersebut.
Baca Juga:  Mengenal Pin Google Adsense dan Detailnya, Simak Yuk

Sekarang cara menempel kode Adsense ke html telah berhasil terpasang di header website WordPress. Pada langkah ini pendaftaran Google Adsense telah selesai dilakukan dan iklan akan muncul pada WordPress. Posting artikel sesering mungkin agar peluang iklan muncul semakin besar.

2. Untuk Pengguna Blogger

Untuk pengguan blogger, cara menempel kode Adsense ke html pada Blogspot sedikit berbeda dengan pengguna WordPress. Bagi Anda yang menggunakan blog berbasis Blogspot berikut langkah pemasangan kode Adsense nya;

  1. Masuk ke dashboard blogger dan klik menu tema
  2. Selanjutnya klik tombol edit HTML agar bisa masuk dan membuka kode tema blogger milik Anda.
  3. Siapkan fitur pencarian, lalu cari kode </head>.
  4. Setelah mengcopy kode Adsense yang telah diterima, sekarang tinggal paste kode Adsense tersebut persis di atas kode </head>.
  5. Ketika kode telah berhasil menempel kode tersebut, klik simpan tema agar kode dan perubahan yang dilakukan bisa tersimpan. Sekarang kode Adsense telah tersimpan dan iklan secara otomatis akan muncul pada blog Anda.

Untuk pengguna software atau website lain selain WordPress dan Blogspot cara menempel kode Adsense ke html nantinya tinggal menyeuaikan. Intinya kode Adsensenya harus diletakkan persis di bagian header website. Khususnya di atas tag </head>.

3. Cara menempel kode Adsense ke html di Bawah Judul Postingan

Jika Anda pernah mengamati blog, baik itu WordPress atau Blogspot tentu akan melihat berbagai posisi iklan dalam blog tersebut.

Ada iklan yang muncul di atas judul artikel, di samping, di tengah atau di bawah postingan. Adapun cara menempel kode Adsense ke html agar iklan muncul di bawah judul langkahnya seperti berikut ini;

  1. Masuk ke dashboard blogger, klik template dan edit HTML.
  2. Cari dan temukan kode < data:post.body/> dengan menekan CTR + F.
  3. Pada langkah tersebut bisa terdapat 2 hingga 3 kode yang serupa pada bagian template.
  4. Pilih salah satu atau bisa dicoba satu persatu
  5. Lalu tempatkan kode di bawah ini di atas kode yang telah dipilih dan akan terlihat seperti ini
Baca Juga:  Youtube Google Adsense Pilihan Terbaik Untuk Mendapatkan Penghasilan Dari Internet

<div style=’float:left;padding-right:10px;’>

kode iklan anda yang sudah dipaste

</div>

Jika ingin iklan muncul di bagian kiri, tambahkan left

Jika ingin iklan muncul di bagian kanan, tambahkan right

Jika ingin iklan muncul di bagian tengah, tambahkan center

  1. Jika sudah selesai, bisa lakukan pratinjau atau klik simpan agar perubahan cara menempel kode Adsense html yang dilakukan bisa tersimpan dengan baik.

4. Cara Memasang Iklan di Tengah Postingan

Selain di bawah judul, iklan juga bisa terlihat di tengah-tengah postingan yang membaur bersama dengan artikel. Setelah mengcopi kode Adsense yang telah didapat, langkah cara menempel kode Adsense ke html  harus dilakukan dengan hati-hati agar tidak bentrok dengan gambar. Berikut langkah tepatnya;

  1. Masuk ke dashboard blogger >templete> edit HTML
  2. Cari dan temukan kode <data:post.body/> , contoh kodenya adalah seperti ini

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

<data:post.body/>

</b:if>

  1. Tambahkan kode <div id=’jobmiddlenew’> di atasnya,dan kode </div> di bawahnya. Sehingga menjadi seperti ini.

<div id=’jobmiddlenew’>

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

<data:post.body/>

</b:if>

</div>

  1. Setelah itu cari kode </body> dan letakkan kode di bawah ini tepat di atas kode </body>

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

<style>

#addcodemiddle{display: none;}

</style>

<div id=’addcodemiddle’>

Kode iklan yang sudah di parse    </div>

<script type=’text/javascript’>

var str1=document.getElementById(&quot;jobmiddlenew&quot;).innerHTML;

var str2=str1.length;

var str3=str2/2;

var substr = str1.substring(str3, str2);

var n = substr.search(&quot;&lt;br&gt;&quot;);

if(n&lt;0)

{

n = substr.indexOf(&#39;.&#39;);

if(n&lt;0)

{

n=0;

}

var firsthalf = str1.substring(0, str3+n+1);

var secondhalf = str1.substring(str3+n+1, str2);

}

else

{

var firsthalf = str1.substring(0, str3+n+4);

var secondhalf = str1.substring(str3+n+4, str2);

}

var addcode=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center><br/>&quot;;

var newbody=firsthalf+addcode+secondhalf;

var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;);

strnew[0].innerHTML=newbody;

document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;;

</script>

</b:if>

4. Cara penempelan kode Adsense ke html di Bawah Postingan

Cara menempel kode Adsense html di bawah postingan bisa pula diatur dengan mudah. Bahkan pengaturannya bisa di kiri, kanan atau tengah. Langkah penempelannya adalah sebagai berikut;

  1. Masuk ke dashboard blogger > template > edit HTML
  2. Cari dan temukan kode <data:post.body/> dengan menggunakan command CTR + F
  3. Setelah itu copy kode Adsense berikut tepat di bawah kode <data:post.body/>
Baca Juga:  Cara Membuat Website Jualan Gratis Dengan Mudah dan Cepat

<b:if cond=’data:blog.pageType == &quot;item&quot;’><div style=’text-align: center;’>

Kode iklan yang sudah di parse

</div>

</b:if>

 

  1. Apabila ingin meletakkan iklan di bagian kiri, tinggal menambahkan left. Untuk bagian kanan tambahkan right dan center untuk bagian tengah.
  2. Simpan perubahan cara menempel kode Adsense ke html yang telah dilakukan dengan klik tombol simpan, sebelum itu bisa lakukan pratinjau terlebih dahulu untuk mengetahui hasil pemasangan kode Adsense tersebut.

Sekedar tips sederhana, sebelum melakukan penempelan kode Adsense html, pastikan bahwa langkah pendaftaran Google Adsense telah dilakukan dengan benar dan telah mendapat persetujuan. Dengan demikian kode Adsense akan mudah untuk didapatkan.  Kelengkapan informasi serta jumlah postingan artikel sangat berpengaruh pada saat pendaftaraan Adsense.

Itulah sekilas informasi penting tentang cara penempelan kode Adsense ke html yang perlu diketahui oleh pemilik website yang ingin mendapatkan banyak iklan. Cara penempelannya termasuk mudah karena hanya menempel kode yang telah tersedia begitu pendaftaran berhasil dilakukan. Biasanya google juga akan mendeteksi penempatan iklan scara otomatis setelah penempelan kode pertama kali mendaftar.

About admin

Check Also

cara membuat website jualan gratis

Cara Membuat Website Jualan Gratis Dengan Mudah dan Cepat

clarysports –  Zaman sekarang dengan perkembangan teknologi digital Anda dapat dengan mudah mengakses fasilitas internet …

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *