Web Uygulaması

Not: Kaç engelleme mevcut olursa olsun, hiçbir zaman sayfa başına bir reklam isteği göndermemelisiniz.

Önemli: Bu kodu kullanmadan önce Hükümler ve Koşullar'ı okuyun

Bu kodu kullanmak için AdSense Özel Arama Reklamlarını kullanmak üzere etkin izne sahip bir AdSense hesabınızın olması gerekir.

Genel bakış

AdSense Özel Arama Reklamlarını sitenizde uygulamak 3 adımlı bir işlemdir:

1. Adım: AdSense'te özel arama stilinizi oluşturun

Oturum açtıktan sonra Arama Ağı için reklamlar'ı genişletin ve Arama stilleri'ni tıklayın. Buradan yeni bir stil oluşturabilir veya mevcut bir stili güncelleyebilirsiniz.

2. Adım: Kodu yapılandırın

Kodu Al'ı tıklayın Yerleştirme. Reklam kapsayıcılarınızı, arama sayfanızdaki reklam kapsayıcılarıyla eşleşecek şekilde yapılandırın.

3. Adım: Kodu uygulayın

Kod oluşturma aracındaki kodu kopyalayıp sayfanıza yapıştırın. query parametresini güncellemeyi de unutmayın. Reklamların düzgün bir şekilde yüklenmesi için, "head" etiketinde oluşturulan kod, sitenizdeki "head" etiketine yerleştirilmelidir. Reklam birimi 1'in kodu, sayfadaki tüm reklam birimlerinin ayarlarını içerir. Ek reklam birimleri, yalnızca ilgili reklam biriminin (<div>), reklamların görüneceği sayfaya yerleştirilmesini gerektirir.

En sık kullanılan özellikler kod oluşturma aracında sağlanır, ancak bazı ek parametreler referans bölümünde mevcuttur. Referans bölümü, sayfadaki tüm reklam birimleri için geçerli olan tüm sayfa seviyesi seçeneklerinin yanı sıra tek reklam birimleri için geçerli olan tüm birim seviyesi seçeneklerini içerir.

Örnek kod

Eşzamansız reklam yükleme

Oluşturulan kod eşzamansızdır. Eşzamansız reklam yüklemenin tam bir örneği aşağıda verilmiştir. Bu örneği yeni sekmede açabilirsiniz. Kendi müşteri kimliğinizi girmeyi unutmayın.

<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>

Arama'da İlgili Arama, mevcut arama terimiyle alakalı arama terimleri içeren organik bir birimdir. Bu birimdeki bağlantılar yeni bir arama sonucu sayfasına gider.

<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>

İçerikte İlgili Arama, kullanıcı için sayfanın içeriğiyle ilgili arama terimleri sağlar. Bu, kullanıcıların alakalı konuları keşfetmelerini, arama ağı reklamlarını veya sitede gezinmeyi kullanmalarını sağlar. İçerik Sayfalarında İlgili Arama için "query" parametresini kullanmayın. Aksi halde beklenmedik sonuçlara neden olur.

<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>

Kaçınılması Gerekenler

Tüm yayıncıların, AdSense Özel Arama Reklamlarını uygulamayla ilgili yönergelerimize uymalarını ve reklam oluşturmayı engelleyebilecek ve beklenmeyen sonuçlara veya yetersiz performansa neden olabilecek belirli uygulama yöntemlerinden kaçınmalarını öneririz.

  • Sonsuz kaydırma uygulaması olmadığı sürece bir sayfadan birden fazla reklam çağrısı yapmayın
  • Reklam bloklarını, reklamlar oluşturulmadan önce veya oluşturulduktan sonra gizlemeyin
  • Reklam bloklarını sayfa içinde hareket ettirmeyin
  • Sayfada göstermek istediğinizden daha fazla reklam bloğu istemeyin
  • Reklam bloklarının DOM'sini değiştirmeyin
  • Kendi geç yüklemenizi uygulamayın (bunun yerine Google'ın geç yüklemesini kullanın)
  • Sitenizde Google'ın JS kaynaklarını önbelleğe almayın
  • İçerik Sayfalarında İlgili Arama için "query" parametresini kullanmayın. Aksi halde beklenmedik sonuçlara neden olur.