Probar en una pantalla pequeña
El GPT pide una pantalla de al menos 1200 por 650 píxeles. En ventanas más pequeñas, el anuncio no aparece.
Guía de implementación
Anuncio de barra lateral
Side rail ads
Anuncio fijo en el lado izquierdo o derecho de la pantalla en computadoras de pantalla ancha, en el espacio vacío junto al contenido.
Escritorio
Celular
Entiéndelo en 1 minuto
Qué es el anuncio de barra lateral
El anuncio de barra lateral queda pegado al lado izquierdo o derecho de la pantalla, en el espacio vacío que sobra junto al texto. Imagina un salón de clases con un mural en la pared del costado: los alumnos miran el pizarrón al frente, y el mural está ahí, sin estorbar. La barra lateral es ese mural. La persona se desplaza por la página y el anuncio sigue quieto en el mismo lugar.
Está pensado para pantallas anchas, como las de computadora. Muchos sitios tienen el texto en el centro y dos franjas vacías a los lados, y la barra lateral usa ese espacio sin empujar ni cubrir el contenido. En AdSense, forma parte de los anuncios automáticos, en el grupo de formatos superpuestos, con el nombre Anuncios de columna lateral. Lo activas con un clic y eliges a la izquierda y a la derecha, solo a la izquierda o solo a la derecha.
En Ad Manager, quien muestra la barra lateral es el GPT, la Google Publisher Tag, que es el código de Google que solicita anuncios. Creas un slot, que es el espacio del anuncio, de tipo barra lateral izquierda o derecha. El propio GPT crea el recuadro del anuncio y lo coloca cerca del contenido, a una distancia de entre 5 y 25 píxeles. Si la ventana se reduce y el espacio desaparece, el anuncio se oculta hasta que el espacio vuelva.
Vale la pena cuando tu sitio tiene bastante espacio libre a los lados en pantallas grandes. El GPT pide una pantalla de al menos 1200 por 650 píxeles y un espacio vacío de al menos 120 por 500 píxeles junto al contenido. Si tu diseño ocupa toda la pantalla de lado a lado, no queda lugar y el anuncio simplemente no aparece.
Paso a paso
Cómo implementarlo
- Pon el código en todas las páginasEl código de AdSense debe estar en todas las páginas. Después de activarlo, los anuncios pueden tardar hasta una hora en aparecer.
- Actívalo en AdSenseHaz clic en Anuncios y en Editar junto al sitio. Activa Anuncios automáticos y, en Formatos superpuestos, marca Anuncios de columna lateral. Haz clic en Aplicar al sitio y elige Aplicar ahora o Hacer un experimento primero.
- Elige el ladoEn la configuración avanzada, usa Seleccionar la posición del anuncio de columna lateral: A la izquierda y a la derecha, Solo a la izquierda o Solo a la derecha.
- En Ad Manager, crea los slots en el headEn el GPT, define slots fuera de la página de tipo barra lateral izquierda y barra lateral derecha. Revisa que ninguno haya devuelto vacío antes de usarlo.
- Usa los tamaños correctosPara reservas y para programática, los tamaños de la barra lateral en computadora son 180x500, 160x600 y 120x600.
- Prueba con la demostraciónAgrega al final de la dirección de la página el código de demostración que se muestra en el ejemplo para ver una barra lateral de prueba sin cambiar el código.
Ejemplo implementado
El código y cómo se ve en pantalla
<!-- AdSense: parte da página onde a barra lateral não deve sobrepor -->
<div google-side-rail-overlap="false">
... conteúdo ...
</div>
<!-- Ad Manager (GPT), 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(() => {
const leftSideRail = googletag.defineOutOfPageSlot(
"/1234567/exemplo",
googletag.enums.OutOfPageFormat.LEFT_SIDE_RAIL,
);
const rightSideRail = googletag.defineOutOfPageSlot(
"/1234567/exemplo",
googletag.enums.OutOfPageFormat.RIGHT_SIDE_RAIL,
);
// Volta null se a página ou o aparelho não aceitar barra lateral
if (leftSideRail) leftSideRail.addService(googletag.pubads());
if (rightSideRail) rightSideRail.addService(googletag.pubads());
googletag.enableServices();
if (leftSideRail) googletag.display(leftSideRail);
if (rightSideRail) googletag.display(rightSideRail);
});
</script>
<!-- Teste: acrescente no fim do endereço da página -->
<!-- #gamLeftSideRailDemo ou #gamRightSideRailDemo -->Lo que recomienda Google
Qué se puede y qué no
Sí se puede
- Elegir a la izquierda y a la derecha, solo a la izquierda o solo a la derecha en AdSense.
- Proteger una parte de la página con el atributo oficial, para que la barra lateral no quede sobre esa sección.
- Probar antes con un experimento en el 50% del tráfico por hasta 90 días.
- En Ad Manager, vender la barra lateral en reservas y en programática, con los tamaños 180x500, 160x600 y 120x600.
- Medir el resultado en AdSense con un informe personalizado, filtrando Formato del anuncio por Anuncios de columna lateral.
No se puede
- No pidas barra lateral en páginas donde no quieres que aparezca.
- No ejecutes el GPT dentro de un iframe: la barra lateral necesita el GPT en la ventana principal.
- No ocupes todo el espacio de los lados con otros elementos si quieres este anuncio: sin al menos 120 por 500 píxeles vacíos, no aparece.
- No pongas enlaces, menús ni botones de descarga pegados a los anuncios: Google advierte que eso puede generar clics accidentales.
- No modifiques el código de AdSense más allá de los cambios que Google acepta, y no incentives los clics en el anuncio.
Consejos
Para hacerlo bien
- Si la persona reduce la ventana y el espacio desaparece, el anuncio se oculta solo hasta que el espacio vuelva; no necesitas programar eso.
- En el GPT, las solicitudes de actualización se ignoran cuando el slot está oculto o fuera de la pantalla.
- Con la solicitud única (SRA), haz la primera llamada de visualización solo después de que existan los espacios fijos de la página.
- En Ad Manager, compara el rendimiento con el de otros formatos usando la dimensión Formato de inventario.
Cuidado
Errores comunes
Diseño de lado a lado
Si el contenido ocupa todo el ancho, no queda el espacio vacío de 120 por 500 píxeles y la barra lateral no tiene dónde ubicarse.
No verificar si el slot volvió vacío
El GPT devuelve null cuando la página o el dispositivo no admite barra lateral. El código debe revisar eso antes de usar el slot.
Código solo en algunas páginas
En AdSense, el código debe estar en todas las páginas para que los anuncios automáticos funcionen.
Preguntas frecuentes
¿La barra lateral aparece en el celular?
No. En AdSense es solo para computadora, y en Ad Manager es un formato de computadora que necesita una pantalla ancha.
¿Necesito crear un div para ella en el GPT?
No. La barra lateral crea su propio recuadro y lo coloca lo más cerca posible del contenido.
¿Puedo usar solo un lado?
Sí. En AdSense están las opciones solo a la izquierda y solo a la derecha, y en el GPT puedes definir solo el slot del lado que quieras.
¿Cuál es la distancia entre el anuncio y el contenido?
En Ad Manager, el slot queda entre 5 y 25 píxeles del contenido principal.
Biblioteca
Fuente oficial de Google
Todo en esta página sigue la documentación oficial de Google. Léela directo en la fuente:
- Acerca de los anuncios de columna lateralsupport.google.com/adsense/answer/16531757
- Configuración de anuncios automáticossupport.google.com/adsense/answer/9305577
- Programar anuncios ancla en la Websupport.google.com/admanager/answer/10452255
- Mostrar un anuncio de columna lateraldevelopers.google.com/publisher-tag/samples/display-side-rail-ad
- Políticas de posición de anunciossupport.google.com/adsense/answer/1346295
¿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.