Implementación web

Nota: Realiza solo una solicitud de anuncio por página, sin importar cuántos bloques haya presentes.

Importante: Lee los Términos y Condiciones antes de usar este código.

Para usar este código, debes tener una cuenta de AdSense con permiso activo para usar los Anuncios de Búsqueda Personalizados de AdSense.

Descripción general

La implementación de 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, luego, haz clic en Estilos de búsqueda. Desde aquí, puedes crear un estilo nuevo o actualizar uno existente.

Paso 2: Configura el código

Haz clic en Obtener código Incorporar. Configura tus contenedores de anuncios para que coincidan con los de tu página de búsqueda.

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 la etiqueta <head> de tu sitio para que los anuncios se carguen correctamente. El código de la unidad de anuncios 1 contendrá la configuración de todas las unidades de anuncios de la página. Las unidades de anuncios adicionales solo requerirán la colocación de la unidad de anuncios correspondiente <div> en la página en la que deben aparecer los anuncios.

Las funciones de uso frecuente se proporcionan en el generador de código, pero algunos parámetros adicionales están disponibles en la sección de referencia. La sección de referencia contiene todas las opciones a nivel de la página, que se aplican a todas las unidades de anuncios en la página, así como todas las opciones a nivel de la unidad, que se aplican a unidades de anuncios individuales.

Código de muestra

Carga asíncrona de anuncios

El código generado es asíncrono. A continuación, se muestra un ejemplo completo de carga asíncrona de anuncios. Puedes abrir este ejemplo en una pestaña nueva. Recuerda colocar tu propio client-Id.

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

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 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 contenido proporciona términos de búsqueda para el usuario relacionados con el contenido de la página. Esto permite que los usuarios exploren temas relevantes y que interactúen con los anuncios de búsqueda o la navegación del sitio. No uses el parámetro "query" para la Búsqueda relacionada en las páginas de contenido, ya que generará resultados inesperados.

Nota: Para que los términos de búsqueda relacionada puedan aparecer en tu sitio, Google debe rastrear tus páginas para asegurarse de que los términos sean pertinentes en función del contexto. Cuando una página aún no se rastreó o se bloqueó para el rastreo (p. ej., con un archivo robots.txt) por el rastreador de Mediapartners-Google, no mostraremos los términos de la Búsqueda relacionada sugeridos que proporciones a Google.

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 pertinentes. Las URLs de las páginas de contenido que contienen parámetros de consulta, como variables de seguimiento, IDs de usuario, IDs de sesión o algún otro identificador dinámico, 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 irrelevantes o inexactos. Usa el parámetro "ignoredPageParams" para identificar estos parámetros no esenciales, lo que garantiza una indexación de contenido adecuada y reduce la carga innecesaria del rastreo. Esto permite que Google reconozca mejor que ya se rastreó una página y comience a mostrar términos sugeridos (tanto de Google como del socio, si es apto). 

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

Cosas que deben evitarse

Recomendamos que todos los publicadores cumplan con nuestros lineamientos para implementar los Anuncios de Búsqueda Personalizados de AdSense y eviten ciertos métodos de implementación que podrían interferir en la renderización de los anuncios y generar resultados inesperados o un rendimiento subóptimo.

  • No realices varias llamadas de anuncios desde una página, a menos que se trate de una implementación de desplazamiento infinito
  • No ocultes los bloques de anuncios antes ni después de que se rendericen los anuncios.
  • No muevas los bloques de anuncios por 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 su lugar, usa la de Google).
  • No almacenes en caché los recursos JS de Google en tu sitio.
  • No uses el parámetro "query" para la Búsqueda relacionada en las páginas de contenido, ya que generará resultados inesperados.