Catatan: Hanya buat satu permintaan iklan per halaman, berapa pun jumlah blok yang ada.
Penting: Baca Persyaratan dan Ketentuan sebelum menggunakan kode ini
Untuk menggunakan kode ini, Anda harus memiliki akun AdSense dengan izin aktif untuk menggunakan Iklan Penelusuran Khusus AdSense.
Ringkasan
Menerapkan Iklan Penelusuran Khusus AdSense di situs Anda dapat dilakukan dalam 3 langkah:
Langkah 1: Buat gaya penelusuran khusus di AdSense
Setelah login, luaskan Iklan untuk penelusuran, lalu klik Gaya penelusuran. Dari sini, Anda dapat membuat gaya baru atau memperbarui gaya yang sudah ada.
Langkah 2: Konfigurasikan kode
Klik Get Code
Langkah 3: Mengimplementasikan kode
Salin kode dari generator kode dan tempelkan di halaman Anda, dan ingat untuk memperbarui parameter query. Kode yang dibuat di tag head harus ditempatkan di tag head pada situs agar iklan dapat dimuat dengan benar. Kode untuk unit iklan 1 akan berisi setelan untuk semua unit iklan di halaman. Unit iklan tambahan hanya akan memerlukan penempatan unit iklan yang sesuai <div> di halaman tempat iklan akan muncul.
Kode contoh
Pemuatan iklan asinkron
Kode yang dihasilkan bersifat asinkron. Contoh lengkap pemuatan iklan asinkron ditampilkan di bawah. Anda dapat membuka contoh ini di tab baru. Jangan lupa untuk menempatkan client-ID Anda sendiri.
<html>
<head>
<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>
<script type="text/javascript" charset="utf-8">
(function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>
</head>
<body>
<div id="afscontainer1"></div>
<script type="text/javascript" charset="utf-8">
var pageOptions = {
'pubId' : 'test client ID', // Enter your own client-ID here
'query' : 'flowers', // User query for this page
'styleId': '7824176615' // Enter your own style ID here
};
var adblock1 = {
'container' : 'afscontainer1',
'width' : 700
};
var adblock2 = {
'container' : 'afscontainer2',
'width' : 700
};
_googCsa('ads', pageOptions, adblock1, adblock2);
</script>
<p>Search result 1</p>
<p>Search result 2</p>
<p>Search result 3</p>
<div id="afscontainer2"></div>
</body>
</html>
Penelusuran Terkait di Halaman Penelusuran
Penelusuran Terkait di Penelusuran adalah unit organik dengan istilah penelusuran yang terkait dengan istilah penelusuran saat ini. Link pada unit ini membuka halaman hasil penelusuran baru.
<html>
<head>
<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>
<script type="text/javascript" charset="utf-8">
(function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>
</head>
<body>
<div id="afscontainer1"></div>
<script type="text/javascript" charset="utf-8">
var pageOptions = {
'pubId': 'test client ID', // Enter your own client-ID here
'query': 'flowers', // User query for this page
'styleId': '1234567890', // Enter your own style ID here
'resultsPageBaseUrl': '//www.example.com/search', // Enter your own base URL here
'resultsPageQueryParam': 'query' // Enter your own query parameter here
};
var adblock = {
'container': 'afscontainer1',
'number': 3,
'width': 700
};
var rsblock = {
'container': 'afscontainer2',
'relatedSearches': 6,
'width': 500
};
_googCsa('ads', pageOptions, adblock, rsblock);
</script>
<p>Search result 1</p>
<p>Search result 2</p>
<p>Search result 3</p>
<div id="afscontainer2"></div>
</body>
</html>
Penelusuran Terkait di Halaman Konten
Penelusuran Terkait di Konten memberikan istilah penelusuran bagi pengguna yang terkait dengan konten halaman. Tindakan ini memungkinkan pengguna menjelajahi topik yang relevan, berinteraksi dengan iklan penelusuran, atau navigasi situs. Jangan gunakan parameter 'query' untuk Penelusuran Terkait pada Halaman Konten karena akan menyebabkan hasil yang tidak diharapkan.
<html>
<head>
<script async="async" src="https://www.google.com/adsense/search/ads.js"></script>
<script type="text/javascript" charset="utf-8">
(function(g,o){g[o]=g[o]||function(){(g[o]['q']=g[o]['q']||[]).push(
arguments)},g[o]['t']=1*new Date})(window,'_googCsa');
</script>
</head>
<body>
<p>Page content</p>
<div id="afscontainer1"></div>
<script type="text/javascript" charset="utf-8">
var pageOptions = {
'pubId': 'test client ID', // Enter your own client-ID here
'relatedSearchTargeting': 'content', // Must use 'content'
'hl': 'en', // The preferred language for related terms (default to 'en' if not specified)
'styleId': '1234567890', // Enter your style ID
'resultsPageBaseUrl': '//www.example.com/search', // Enter the base URL of your results page
'resultsPageQueryParam': 'query', // Specify the query parameter on your results page
'terms': 'term a,term b', // Optionally provide your own related terms in a comma-delimited list
'referrerAdCreative': 'example ad title' // Only used when a user clicked an ad to arrive here
};
var rsblock1 = {
'container': 'afscontainer1',
'relatedSearches': 6
};
_googCsa('relatedsearch', pageOptions, rsblock1);
</script>
<p>More page content</p>
</body>
</html>
Hal yang Perlu Dihindari
Sebaiknya semua penayang mematuhi pedoman untuk menerapkan Iklan Penelusuran Khusus AdSense, dan menghindari metode penerapan tertentu yang dapat mengganggu rendering iklan serta menyebabkan hasil yang tidak diharapkan atau performa yang kurang optimal.
- Jangan membuat beberapa panggilan iklan dari halaman kecuali untuk penerapan scrolling tanpa batas
- Jangan sembunyikan blok iklan sebelum atau sesudah iklan dirender
- Jangan pindahkan blok iklan di sekitar halaman
- Jangan meminta blok iklan melebihi jumlah yang ingin Anda tampilkan di halaman
- Jangan memanipulasi DOM blok iklan
- Jangan terapkan pemuatan lambat Anda sendiri (sebagai gantinya, gunakan pemuatan lambat Google)
- Jangan meng-cache resource JS Google di situs Anda
- Jangan gunakan parameter 'query' untuk Penelusuran Terkait pada Halaman Konten karena akan menyebabkan hasil yang tidak diharapkan.