Nota: Solo realice una solicitud de anuncio por página, independientemente de la cantidad de bloqueos que puedan haber.
Importante: Lee los Términos y Condiciones antes de usar este código.
Para utilizar este código, debe tener una cuenta de AdSense con permiso activo para usar los Anuncios de búsqueda personalizados de AdSense.
Descripción general
Implementar los Anuncios de búsqueda personalizados de AdSense en tu sitio es un proceso de 3 pasos:
Paso 1: Crea tu estilo del anuncio de búsqueda personalizado en AdSense
Después de acceder, expande Anuncios para búsquedas y haz clic en Estilos del anuncio de búsqueda. Desde aquí, puedes crear un diseño nuevo o actualizar uno existente.
Paso 2: Configura el código
Haz clic en Get Code
Paso 3: Implementa el código
Copia el código del generador de código y pégalo en tu página. Recuerda actualizar el parámetro query. El código generado en la etiqueta "head" debe colocarse en esa etiqueta de tu sitio para que los anuncios se carguen correctamente. El código de la unidad de anuncios 1 incluirá la configuración de todas las unidades de anuncios de la página. Para las unidades de anuncios adicionales, solo deberás colocar la unidad de anuncios correspondiente <div> en la página donde deberían aparecer los anuncios.
Código de muestra
Carga de anuncios asíncrona
El código generado es asíncrono. A continuación, se muestra un ejemplo en funcionamiento de la carga de anuncios asíncrona. Puedes abrir este ejemplo en una pestaña nueva. Recuerda ingresar tu propio ID de cliente.
<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>
Búsqueda relacionada en páginas de búsqueda
La búsqueda relacionada en la Búsqueda es una unidad orgánica con términos de búsqueda relacionados con el término de búsqueda actual. Los vínculos de esta unidad dirigen a los usuarios a una nueva página de resultados de búsqueda.
<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>
Búsqueda relacionada en páginas de contenido
La búsqueda relacionada en el contenido proporciona al usuario términos de búsqueda relacionados con el contenido de la página. Esto permite a los usuarios explorar temas relevantes, lo que les permite interactuar con los anuncios de búsqueda o la navegación del sitio. No uses el parámetro "query" para la búsqueda relacionada en páginas de contenido, ya que generará resultados inesperados.
Nota: Antes de que los términos de búsqueda relacionados puedan aparecer en tu sitio, Google debe rastrear tus páginas para asegurarse de que sean relevantes según el contexto. Si el rastreador de AdSense aún no rastreó una página o bloquea su rastreo (p. ej., mediante un archivo robots.txt), no mostraremos a Google los términos de búsqueda relacionada sugeridos que proporcione.
El producto Búsqueda relacionada en contenido se basa en el sistema de rastreo de contenido de Google para indexar páginas y generar términos de búsqueda relevantes. Las URLs de página de contenido que incluyan parámetros de búsqueda, como variables de seguimiento, IDs de usuario, IDs de sesión y otros identificadores dinámicos, pueden interferir en la capacidad del rastreador para evaluar el contenido principal de la página y pueden generar términos de búsqueda relacionados imprecisos o irrelevantes. Usa el parámetro "ignoredPageParams" para identificar estos parámetros no esenciales, lo que garantiza una indexación adecuada del contenido y reduce la carga de rastreo innecesaria. Esto permite que Google reconozca mejor una página como ya se rastreó y comience a mostrar los términos sugeridos (tanto de Google como los del socio, si reúne los requisitos).
<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>
Cosas que deben evitarse
Recomendamos que todos los publicadores cumplan con nuestros lineamientos para implementar anuncios de búsqueda personalizados de AdSense y que eviten ciertos métodos de implementación que puedan interferir en la renderización de anuncios y causar resultados inesperados o un rendimiento deficiente.
- No realices varias llamadas de anuncios desde una página, a menos que sea para una implementación de desplazamiento infinito
- No ocultes los bloqueos de anuncios ni antes ni después de que se rendericen los anuncios
- No muevas bloques de anuncios en la página.
- No solicites más bloques de anuncios de los que deseas mostrar en la página
- No manipules el DOM de los bloques de anuncios
- No implementes tu propia carga diferida (en cambio, utiliza la carga diferida de Google).
- No almacenes en caché los recursos de JS de Google en tu sitio
- No uses el parámetro "consulta" para la búsqueda relacionada en páginas de contenido, ya que generará resultados inesperados.