Se usó la API de Cloud Translation para traducir esta página.

Implementación web

Nota: Solo realice una solicitud de anuncio por página, independientemente de la cantidad de bloqueos que haya.

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

Si desea usar este código, debe tener una cuenta de AdSense con permiso activo para usar anuncios de búsqueda personalizados de AdSense.

Descripción general

Implementar anuncios de búsqueda personalizados de AdSense en su sitio es un proceso de 3 pasos:

Paso 1: Cree su estilo del anuncio de búsqueda personalizado en AdSense

Después de acceder, expanda la opción Anuncios para búsqueda y haga clic en Estilos de búsqueda. Aquí puedes crear un estilo nuevo o actualizar uno existente.

Paso 2: Configure el código

Haz clic en Get Code . Configure sus contenedores de anuncios para que coincidan con los contenedores de anuncios de su página de búsqueda.

Paso 3: Implementa el código

Copia el código del generador de códigos y pégalo en tu página. Recuerda actualizar el parámetro query. El código generado en la etiqueta de encabezado debe colocarse en la etiqueta de encabezado de su sitio para que los anuncios se carguen correctamente. El código para el bloque de anuncios 1 contendrá la configuración de todos los bloques de anuncios de la página. Los bloques de anuncios adicionales solo requerirán colocar el bloque de anuncios correspondiente <div> en la página donde deben aparecer los anuncios.

Las funciones más usadas se proporcionan en el generador de códigos, 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 de la página, así como todas las opciones a nivel del bloque, que se aplican a bloques de anuncios individuales.

Código de muestra

Carga de anuncios asíncrona

El código generado es asíncrono. A continuación, se muestra un ejemplo funcional de carga de anuncios asíncronos. Puedes abrir este ejemplo en una pestaña nueva. Recuerde ingresar su 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>

La búsqueda relacionada 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
  '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 búsqueda relacionada en la red de contenido ofrece términos de búsqueda 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 en sitios. No utilice el parámetro 'query' para la búsqueda relacionada en las páginas de contenido, ya que se producirán resultados inesperados.

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

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 determinados métodos de implementación que puedan interferir en el procesamiento de los anuncios y generar resultados inesperados o un rendimiento inferior al óptimo.

No realice varias llamadas de anuncios desde una página, a menos que se realice una implementación de desplazamiento infinito.
No ocultar los bloques de anuncios antes o después de que se dibujen los anuncios
No mueva los bloques de anuncios por la página
No solicite más bloques de anuncios de los que desea mostrar en la página
No manipule el DOM de los bloques de anuncios.
No implemente su propia carga diferida (en su lugar, use la carga diferida de Google).
No almacenes en caché los recursos de JS de Google en tu sitio
No utilice el parámetro 'query' para la búsqueda relacionada en las páginas de contenido, ya que se producirán resultados inesperados.

Implementación web

Descripción general

Código de muestra

Carga de anuncios asíncrona

Búsqueda relacionada en las páginas de búsqueda

Búsqueda relacionada en las páginas de contenido

Cosas que deben evitarse