Implementasi Web

Catatan: Hanya buat satu panggilan iklan per halaman, berapa pun jumlah blok 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 adalah proses 3 langkah:

Langkah 1: Buat gaya penelusuran khusus di AdSense

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

Langkah 2: Konfigurasi kode

Klik Dapatkan Kode Penyematan. Konfigurasi penampung iklan agar cocok dengan penampung iklan di halaman penelusuran Anda.

Langkah 3: Terapkan kode

Salin kode dari pembuat kode dan tempelkan di halaman Anda, jangan lupa untuk memperbarui parameter query. Kode yang dihasilkan di tag head harus ditempatkan di tag head di situs Anda agar iklan dimuat dengan benar. Kode untuk unit iklan 1 akan berisi setelan untuk semua unit iklan di halaman. Unit iklan tambahan hanya memerlukan penempatan unit iklan <div> yang sesuai di halaman tempat iklan harus muncul.

Fitur yang paling umum digunakan disediakan di pembuat 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 setiap unit iklan.

Kode contoh

Pemuatan iklan asinkron

Kode yang dihasilkan bersifat asinkron. Contoh lengkap pemuatan iklan asinkron yang berfungsi ditampilkan di bawah. Anda dapat membuka contoh ini di tab baru. Jangan lupa untuk memasukkan 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 di unit ini akan mengarah ke 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 Halaman Konten

Penelusuran Terkait di Konten menyediakan istilah penelusuran untuk pengguna yang terkait dengan konten halaman. Hal ini memungkinkan pengguna menjelajahi topik yang relevan, berinteraksi dengan iklan penelusuran atau navigasi situs. Jangan gunakan parameter 'query' untuk Penelusuran Terkait di Halaman Konten karena akan menyebabkan hasil yang tidak terduga.

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 agar tidak di-crawl (misalnya oleh robots.txt) oleh crawler Mediapartners-Google, kami tidak akan menampilkan istilah Penelusuran Terkait yang disarankan yang Anda berikan kepada Google.

Produk Penelusuran Terkait di Konten mengandalkan sistem crawling konten Google untuk mengindeks halaman dan membuat 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 mengevaluasi konten utama halaman dan dapat menyebabkan istilah penelusuran terkait yang tidak akurat atau tidak relevan. Gunakan parameter 'ignoredPageParams' untuk mengidentifikasi parameter yang tidak penting ini, guna memastikan pengindeksan konten yang tepat dan mengurangi beban crawl yang tidak perlu. Hal ini memungkinkan Google lebih baik mengenali halaman yang sudah di-crawl 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 comes from a source you control;
                                           // 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 panduan kami untuk menerapkan Iklan Penelusuran Khusus AdSense, dan menghindari metode penerapan tertentu yang dapat mengganggu rendering iklan dan menyebabkan hasil yang tidak terduga atau performa yang tidak optimal.

  • Jangan membuat beberapa panggilan iklan dari halaman kecuali untuk penerapan scrolling tanpa batas
  • Jangan menyembunyikan blok iklan sebelum atau setelah iklan dirender
  • Jangan memindahkan blok iklan di sekitar halaman
  • Jangan meminta lebih banyak unit iklan daripada yang ingin Anda tampilkan di halaman
  • Jangan memanipulasi DOM blok iklan
  • Jangan menerapkan lazy loading Anda sendiri (andalkan lazy loading Google)
  • Jangan menyimpan resource JS Google dalam cache di situs Anda
  • Jangan gunakan parameter 'query' untuk Penelusuran Terkait di Halaman Konten karena akan menyebabkan hasil yang tidak terduga.