Panduan Penerapan Kode Adsense di blog

Panduan penerapan kode

Mendapatkan dan menyalin kode AdSense.



Anda mendapatkan dan menyalin kode AdSense dari halaman Iklan di akun AdSense. Cara membuat kode AdSense akan bergantung pada apakah Anda menggunakan iklan Otomatis atau unit iklan. Perhatikan bahwa untuk iklan Otomatis, Anda hanya memerlukan kode AdSense, tetapi untuk unit iklan, Anda memerlukan kode AdSense ditambah kode unit iklan.

Cara mendapatkan dan menyalin kode untuk iklan Otomatis

Agar dapat membuat kode AdSense untuk iklan Otomatis, Anda harus menyiapkan iklan Otomatis untuk seluruh situs terlebih dahulu. Jika telah melakukannya, Anda bisa mendapatkan kode AdSense dengan mengikuti langkah-langkah berikut:

  1. Login ke akun AdSense.
  2. Klik > Ringkasan.
  3. Klik Dapatkan kode.
  4. Klik Salin cuplikan kode.



Setelah membuat kode AdSense, Anda harus menempelkannya di antara tag <head> dan </head> pada situs. Sebaiknya tempatkan kode AdSense pada setiap halaman di seluruh situs Anda untuk mendapatkan hasil maksimal dari AdSense.

Anda pengguna WordPress? Dapatkan bantuan dengan menambahkan kode AdSense.


Contoh berikut menunjukkan lokasi untuk menempatkan kode AdSense:

Contoh halaman HTML sebelum kode AdSense ditambahkan

<html>
<head>
Ini adalah bagian atas laman Anda.
<title>Contoh halaman HTML</title>
</head>
<body>
Ini adalah bagian isi halaman Anda.
</body>
</html>

Contoh halaman HTML dengan kode AdSense yang ditambahkan di tag <head>

<html>
<head>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
Ini adalah bagian atas halaman Anda.
<title>Contoh halaman HTML</title>
</head>
<body>
Ini adalah bagian isi halaman Anda.
</body>
</html>

Perhatikan: Ini hanya contoh kode, jangan gunakan pada kode situs Anda.

Cara mendapatkan dan menyalin kode untuk unit iklan

Agar dapat membuat kode untuk unit iklan, Anda harus membuat unit iklan terlebih dahulu. Jika telah melakukannya, Anda bisa mendapatkan kode AdSense dan kode unit iklan dengan mengikuti langkah-langkah berikut:

  1. Login ke akun AdSense.
  2. Klik Iklan > Ringkasan.
  3. Klik Menurut unit iklan.
  4. Di tabel "Unit iklan yang ada", temukan unit iklan yang kodenya ingin Anda dapatkan.
  5. Arahkan kursor ke unit iklan, lalu klik Dapatkan kode <>.
  6. Salin semua kode unit iklan.
Tips: Setelah menyalin kode unit iklan, langkah selanjutnya adalah menempelkannya ke HTML halaman Anda.



Setelah mendapatkan dan menyalin kode unit iklan, Anda harus menempelkannya di antara tag 

<body>
 dan 
</body>
 pada halaman Anda. Jika Anda menempelkan kode iklan di luar tag 
<body>
, hal tersebut akan membuat iklan Anda tidak muncul dengan benar.

Untuk mendapatkan bantuan terkait HTML, coba telusuri referensi online menggunakan istilah seperti "dasar-dasar HTML"

Contoh halaman HTML sebelum kode unit iklan ditambahkan

<html>
<head> Ini adalah bagian atas halaman Anda.
<title>Contoh halaman HTML</title>
</head>
<body>
Ini adalah bagian isi halaman Anda.
</body>
</html>

Contoh halaman HTML dengan kode unit iklan ditambahkan di bagian isi

<html>
<head> Ini adalah bagian atas halaman Anda <title>Contoh halaman HTML</title> </head> <body> Ini adalah bagian isi halaman Anda.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

</body>
</html>
Catatan: Ini hanya contoh kode, jangan gunakan pada HTML situs Anda.

Memosisikan iklan di situs dengan HTML

Sama seperti elemen lain dari situs Anda (gambar, paragraf, dll.), Anda dapat mengubah posisi iklan Google dengan menggunakan tags HTML (<div>, <table>, dsb.). Misalnya, jika Anda mengapit kode iklan dengan tag HTML <div align="center"> dan </div>, iklan akan muncul di tengah halaman Anda.

<html>
<head> Ini adalah bagian atas halaman Anda <title>Contoh halaman HTML</title> </head> <body> Ini adalah bagian isi halaman Anda.
<div align="center">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</body>
</html>
Catatan: Ini hanya contoh kode, jangan gunakan pada HTML situs Anda.

Tujuan saya buat blog ini adalah untuk sharing sekaligus belajar.

إرسال تعليق

© HackAntBlog. All rights reserved. Developed by Jago Desain