Questa pagina è stata tradotta dall'API Cloud Translation.

Implementazione web

Nota. Effettua sempre una sola richiesta di annuncio per pagina, indipendentemente dal numero di blocchi presenti.

Importante: leggi i Termini e condizioni prima di utilizzare questo codice

Per utilizzare questo codice devi disporre di un account AdSense con autorizzazione attiva per poter utilizzare gli annunci personalizzati AdSense associati alla ricerca.

Panoramica

L'implementazione di annunci personalizzati AdSense associati alla ricerca sul tuo sito è una procedura in tre passaggi:

Passaggio 1: crea il tuo stile di ricerca personalizzato in AdSense

Dopo aver eseguito l'accesso, espandi Annunci per la ricerca e poi fai clic su Stili di ricerca. Da qui puoi creare un nuovo stile o aggiornarne uno esistente.

Passaggio 2: configura il codice

Fai clic su Genera codice . Configura i contenitori degli annunci in modo che corrispondano a quelli nella pagina di ricerca.

Passaggio 3: implementa il codice

Copia il codice dal generatore di codice e incollalo sulla tua pagina, ricordandoti di aggiornare il parametro query. Il codice generato nel tag head deve essere inserito nel tag head del sito affinché gli annunci vengano caricati correttamente. Il codice dell'unità pubblicitaria 1 conterrà le impostazioni di tutte le unità pubblicitarie della pagina. Per le unità pubblicitarie aggiuntive sarà sufficiente posizionare l'unità pubblicitaria corrispondente <div> nella pagina in cui devono essere pubblicati gli annunci.

Le funzionalità più utilizzate sono fornite nel generatore di codice, ma alcuni parametri aggiuntivi sono disponibili nella sezione di riferimento. La sezione dei riferimenti contiene tutte le opzioni a livello di pagina, che si applicano a tutte le unità pubblicitarie nella pagina, nonché tutte le opzioni a livello di unità, che si applicano alle singole unità pubblicitarie.

Codice campione

Caricamento asincrono degli annunci

Il codice generato è asincrono. Di seguito è riportato un esempio completo di caricamento asincrono. Puoi aprire questo esempio in una nuova scheda. Ricordati di inserire il tuo ID client.

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

Ricerca correlata sulla Ricerca è un'unità organica con termini di ricerca correlati al termine di ricerca corrente. I link in questa unità rimandano a una nuova pagina dei risultati di ricerca.

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

La Ricerca correlata nei contenuti fornisce all'utente termini di ricerca correlati ai contenuti della pagina. Ciò consente agli utenti di esplorare argomenti pertinenti, interagendo con gli annunci associati ai risultati di ricerca o con la navigazione nel sito. Non utilizzare il parametro "query" per la ricerca correlata nelle pagine di contenuti perché causeresti risultati imprevisti.

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

Errori da evitare

Consigliamo a tutti i publisher di rispettare le nostre linee guida per l'implementazione degli annunci personalizzati AdSense associati alla ricerca ed evitare determinati metodi di implementazione che potrebbero interferire con la visualizzazione degli annunci e causare risultati imprevisti o un rendimento non ottimale.

Non effettuare più chiamate dell'annuncio da una pagina, a meno che non si tratti di un'implementazione a scorrimento continuo
Non nascondere i blocchi degli annunci prima o dopo la visualizzazione degli annunci
Non spostare i blocchi degli annunci nella pagina
Non richiedere più blocchi di annunci di quelli che vuoi mostrare nella pagina
Non manipolare il DOM dei blocchi degli annunci
Non implementare il tuo caricamento lento (basandoti invece sul caricamento lento di Google)
Non memorizzare nella cache le risorse JS di Google sul tuo sito
Non utilizzare il parametro "query" per la ricerca correlata nelle pagine di contenuti perché causeresti risultati imprevisti.

Implementazione web

Panoramica

Codice campione

Caricamento asincrono degli annunci

Ricerca correlata nelle pagine di ricerca

Ricerca correlata nelle pagine di contenuti

Errori da evitare