Abrir espacio

Guía de implementación

Anuncio nativo

Native ads

Anuncio armado con piezas (título, imagen, texto) y vestido con el aspecto de tu sitio, siempre con la etiqueta que avisa que es un anuncio.

  • Ad Manager
  • celular y escritorio
Aprender el formatoRevisar en mi sitio
Escritorio
Celular

Entiéndelo en 1 minuto

Qué es el anuncio nativo

El anuncio nativo llega en piezas sueltas, y no como una imagen lista. El anunciante envía las piezas, como el título, la imagen y un texto corto. Tu sitio es quien decide la ropa: color, letra, tamaño y lugar de cada pieza. Es como un kit para armar: la caja trae las piezas, y tú las armas de la forma que combine con tu sala. Por eso parece parte de la página, como una tarjeta más en una lista de artículos.

En Ad Manager hay dos formas de vestir este anuncio. La primera son los estilos nativos, creados dentro del propio Ad Manager, con el editor de diseño guiado, que tiene plantillas listas, o con HTML y CSS, para quien sabe código. Google dice que los estilos sirven tanto para la web como para apps. La segunda es el código de apps Android e iOS, en el que el desarrollador de la aplicación recibe las piezas por el SDK de Google Mobile Ads y dibuja todo en el código de la app. Para sitios web, el camino es el estilo nativo.

Como lo nativo parece contenido, Google es muy firme en una cosa: quien visita tiene que saber que es un anuncio. La etiqueta de atribución y el ícono de AdChoices marcan la tarjeta como publicidad. Nada puede esconder, cubrir ni disfrazar estas etiquetas, y el anuncio debe quedar claramente separado del contenido. Es como un cartel de publicidad dentro de una tienda: puede ser bonito y combinar con la decoración, pero tiene que dejar claro que es publicidad.

Google creó este formato para que el mismo anuncio pueda aparecer con visuales distintos en cada parte del sitio, sin cambiar lo que envió el anunciante. En la web, Google recomienda el tamaño Flexible (fluid), que ocupa el ancho de la columna y ajusta la altura solo. Vale la pena usarlo cuando quieres anuncios que combinen con el diseño de tus páginas, como entre los elementos de una lista de posts, siempre con la etiqueta de anuncio bien visible.

Paso a paso

Cómo implementarlo

  1. Elige el formato nativoEn Ad Manager, ve a Entrega y luego a Nativo. Usa un formato estándar con las piezas que necesitas. Para anuncios programáticos, Google solo acepta formatos estándar.
  2. Crea el estiloHaz clic en Nuevo estilo nativo y elige Editor de diseño guiado o HTML y CSS. En el editor guiado, el camino Empezar con plantillas y personalizar sirve para anuncios tradicionales y programáticos.
  3. Define el tamaño y la segmentaciónElige el mismo tamaño de los bloques de anuncios que van a recibir el nativo. Google recomienda Flexible. Si el estilo es Flexible, el bloque de anuncios también debe ser Flexible, y la segmentación del estilo debe coincidir con la del elemento de línea.
  4. Arma el aspecto con la etiquetaMuestra todas las piezas obligatorias del formato, incluida la etiqueta de anuncio.
  5. Coloca la etiqueta en la páginaDefine el slot en el GPT con el tamaño fluid y coloca el div dentro de una columna con un ancho mayor que cero.

Ejemplo implementado

El código y cómo se ve en pantalla

El script del GPT va en el head; el div con la llamada de visualización va en el body, dentro de la columna donde debe aparecer el anuncio nativo.
<!-- No <head> -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
  crossorigin="anonymous"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(() => {
    // Slot nativo com tamanho fluido.
    googletag
      .defineSlot("/1234567/exemplo", ["fluid"], "nativo-exemplo")
      .addService(googletag.pubads());
    googletag.enableServices();
  });
</script>

<!-- No <body>, dentro de uma coluna com largura -->
<div id="nativo-exemplo"></div>
<script>
  googletag.cmd.push(() => {
    googletag.display("nativo-exemplo");
  });
</script>
En el escritorioAparece como una tarjeta que combina con el sitio, con imagen, título, texto y la etiqueta de anuncio. En el tamaño Flexible (fluid), ocupa el ancho de la columna donde está.
En el celularAparece de la misma manera, ajustado al ancho de la pantalla. En los estilos programáticos, el ícono AdChoices queda visible en la esquina superior derecha.

Lo que recomienda Google

Qué se puede y qué no

Sí se puede

  • Crear estilos nativos dentro de Ad Manager, con el Editor de diseño guiado o con HTML y CSS.
  • Usar el tamaño Flexible (fluid), que Google recomienda para dar más libertad al visual.
  • Cambiar el aspecto de la etiqueta de atribución para combinar con el diseño, siempre que siga siendo fácil de leer.
  • Mostrar el mismo anuncio con diseños distintos en partes distintas del sitio.
  • Crear un formato nativo personalizado para anuncios tradicionales, sabiendo que no recibe anuncios programáticos.

No se puede

  • Ocultar, cubrir o disfrazar la etiqueta de atribución o el ícono AdChoices.
  • Hacer que el anuncio sea difícil de diferenciar del contenido. Google exige que los anuncios queden claramente separados del contenido.
  • Hacer que las piezas del anuncio imiten los botones de navegación de la página.
  • Dejar de mostrar las piezas obligatorias del formato, como la etiqueta de anuncio y el título.
  • Recortar imágenes y videos, cambiar su proporción o dejar piezas superpuestas.
  • Colocar otra parte del anuncio en la esquina reservada para AdChoices.

Consejos

Para hacerlo bien

Cuidado

Errores comunes

Tamaño del estilo distinto del bloque

Si el estilo está como Flexible, el bloque de anuncios también debe estar como Flexible. Google dice que los tamaños deben ser iguales.

Formato personalizado esperando programático

Un formato nativo personalizado no recibe anuncios programáticos. Para programático, solo valen los formatos estándar.

Caja sin ancho o con altura bloqueada

Un anuncio fluido en una columna de ancho cero, o dentro de una caja con altura fija menor que el anuncio, puede aparecer mal.

Preguntas frecuentes

¿El anuncio nativo realmente tiene que decir que es un anuncio?

Sí. La etiqueta de atribución y AdChoices sirven para que nadie confunda el anuncio con contenido, y no se pueden ocultar ni disfrazar.

¿El código de apps Android e iOS funciona en un sitio web?

No. Google describe este camino para apps Android e iOS, usando el SDK de Google Mobile Ads. En sitios web, el camino es el estilo nativo.

¿Puedo usar el tamaño fluido en otros anuncios?

Según la documentación del GPT, hoy el anuncio nativo es el único tipo fluido que acepta Ad Manager.

Biblioteca

Fuente oficial de Google

Todo en esta página sigue la documentación oficial de Google. Léela directo en la fuente:

¿Tu sitio usa este formato de la manera correcta?

La auditoría lee el sitio como un visitante, sin hacer clic en nada, y muestra qué corregir.

Hacer una auditoría