Implementasi Web

Catatan: Hanya buat satu permintaan iklan per halaman, berapa pun jumlah pemblokiran yang mungkin 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 merupakan proses 3 langkah:

Langkah 1: Buat gaya penelusuran khusus di AdSense

Setelah login, luaskan Iklan untuk penelusuran, lalu klik Gaya penelusuran. Dari sini Anda bisa membuat gaya baru atau memperbarui gaya yang sudah ada.

Langkah 2: Konfigurasikan kode

Klik Get Code Embed. Konfigurasi penampung iklan Anda agar sesuai dengan penampung iklan di halaman penelusuran Anda.

Langkah 3: Terapkan kode

Salin kode dari generator kode dan tempelkan di halaman Anda, dengan ingat untuk memperbarui parameter query. Kode yang dihasilkan di tag head harus ditempatkan di tag head di situs Anda 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 <div> yang sesuai di halaman tempat iklan akan ditampilkan.

Fitur yang paling umum digunakan disediakan dalam generator kode, tetapi beberapa parameter tambahan tersedia di bagian referensi. Bagian referensi berisi semua opsi tingkat halaman, yang berlaku untuk semua unit iklan di halaman, serta semua opsi tingkat unit, yang berlaku untuk masing-masing unit iklan.

Kode contoh

Pemuatan iklan asinkron

Kode yang dihasilkan bersifat asinkron. Contoh kerja penuh pemuatan iklan asinkron ditampilkan di bawah ini. 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 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
  'relatedSearchTargeting': 'query', // Must use 'query' for Related Search on Search pages
  '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 Konten memberikan istilah penelusuran bagi pengguna yang terkait dengan konten halaman. Hal ini memungkinkan pengguna menjelajahi topik yang relevan, berinteraksi dengan iklan penelusuran atau navigasi situs. Jangan gunakan parameter 'kueri' untuk Penelusuran Terkait di Halaman Konten karena akan menyebabkan hasil yang tidak diharapkan.

Catatan: Sebelum istilah penelusuran terkait dapat muncul di situs Anda, Google perlu meng-crawl halaman Anda untuk memastikan istilah tersebut relevan secara kontekstual. Jika halaman belum di-crawl atau diblokir dari crawling (misalnya, oleh robots.txt) oleh crawler AdSense, kami tidak akan menampilkan saran istilah Penelusuran Terkait yang Anda berikan kepada Google.

Penelusuran Terkait pada produk Konten mengandalkan sistem crawling konten Google untuk mengindeks halaman dan menghasilkan istilah penelusuran yang relevan. URL halaman konten yang berisi parameter kueri seperti variabel pelacakan, ID pengguna, ID sesi, atau ID dinamis lainnya dapat mengganggu kemampuan crawler untuk menilai konten inti halaman dan dapat menyebabkan istilah penelusuran terkait yang tidak akurat atau tidak relevan. Gunakan parameter 'ignoredPageParams' untuk mengidentifikasi parameter yang tidak penting ini, sehingga memastikan pengindeksan konten yang tepat dan mengurangi beban crawl yang tidak perlu. Dengan demikian, Google dapat mengenali halaman sebagai telah di-crawl dengan lebih baik dan mulai menampilkan istilah yang disarankan (baik Google maupun partner, jika memenuhi syarat).

<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' for Related Search on Content pages
  '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;
                                           // required when 'terms' is present.
};

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 kami untuk menerapkan Iklan Penelusuran Khusus AdSense, dan hindari metode penerapan tertentu yang dapat mengganggu rendering iklan dan menyebabkan hasil yang tidak diharapkan atau performa yang kurang optimal.

  • Jangan lakukan beberapa panggilan iklan dari satu halaman kecuali untuk penerapan scrolling tanpa batas
  • Jangan sembunyikan blok iklan sebelum atau setelah iklan ditampilkan
  • Jangan pindahkan blok iklan di sekitar halaman
  • Jangan minta blok iklan yang melebihi jumlah yang ingin Anda tampilkan di halaman
  • Jangan memanipulasi DOM blok iklan
  • Jangan menerapkan pemuatan lambat Anda sendiri (gunakan pemuatan lambat Google)
  • Jangan meng-cache resource JS Google di situs Anda
  • Jangan gunakan parameter 'query' untuk Penelusuran Terkait di Halaman Konten karena akan menyebabkan hasil yang tidak diharapkan.