Web Uygulaması

Not: Kaç blok bulunduğuna bakılmaksızın her sayfa için yalnızca bir reklam isteği yapın.

Önemli: Bu kodu kullanmadan önce Şartlar ve Koşullar'ı okuyun

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

Genel bakış

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

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

Oturum açtıktan sonra, Arama 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ın ve query parametresini güncellemeyi unutmayın. Reklamların doğru şekilde yüklenmesi için başlık etiketinde oluşturulan kod, sitenizdeki başlık etiketine yerleştirilmelidir. Reklam birimi 1'in kodu, sayfadaki tüm reklam birimlerinin ayarlarını içerir. Ek reklam birimleri için yalnızca reklamların gösterilmesi gereken ilgili reklam biriminin <div> yerleştirilmesi gerekir.

En sık kullanılan özellikler kod oluşturma aracında mevcuttur 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 düzeyindeki seçenekleri ve bağımsız reklam birimleri için geçerli olan tüm birim düzeyindeki seçenekleri içerir.

Örnek kod

Eşzamansız reklam yükleme

Oluşturulan kod eşzamansız. Zaman uyumsuz reklam yükleme ile ilgili eksiksiz bir örneği aşağıda bulabilirsiniz. Bu örneği yeni sekmede açabilirsiniz. Kendi istemci kimliğinizi eklemeyi 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ıya sayfanın içeriğiyle ilgili arama terimleri sağlar. Bu sayede kullanıcılar arama ağı reklamları veya sitede gezinmeye devam ederek alakalı konuları keşfedebilirler. İçerik Sayfalarında İlgili Arama için "query" parametresini kullanmayın. Bu işlem beklenmeyen 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ı uygulama yönergelerimize uymasını ve reklam oluşturma sürecini engelleyebilecek, beklenmedik sonuçlara veya yetersiz performansa yol açabilecek belirli uygulama yöntemlerinden kaçınmasını öneririz.

  • Sonsuz kaydırma uygulaması hariç, bir sayfadan birden fazla reklam çağrısı yapmayın
  • Reklam bloklarını, reklamlar oluşturulmadan önce veya oluşturulduktan sonra gizleme
  • Reklam bloklarını sayfada taşıma
  • Sayfada gösterilmesini istemediğinizden daha fazla reklam engellemesi istemeyin
  • Reklam bloklarının DOM'sini etkilemeyin
  • Kendi geç yüklemenizi uygulamayın (Google'ın geç yükleme yöntemini kullanın)
  • Google'ın JS kaynaklarını sitenize önbelleğe almayın
  • İçerik Sayfalarında İlgili Arama için "query" parametresini kullanmayın. Bu işlem beklenmeyen sonuçlara neden olur.