Compatibilidad con funciones y comportamiento de anuncios de vídeo nativos

Además de los anuncios de display nativos, Google Ad Manager le permite crear experiencias de vídeo más atractivas en todas las plataformas gracias a los anuncios de vídeo nativos, como los de descarga de aplicaciones, los de contenido y otros formatos personalizados que se pueden servir en aplicaciones móviles. En los espacios publicitarios nativos, puede servir formatos de vídeo o de display.

Comportamiento de los anuncios de vídeo nativos

Los anuncios de vídeo nativos de Ad Manager le ofrecen opciones de estilo nativas completas; por ejemplo, puede usar el tamaño fluido en solicitudes de aplicaciones de ordenadores, Web para móviles y aplicaciones móviles. Los anuncios de vídeo nativos se muestran con el siguiente comportamiento:

Reproducción de vídeo

  • El vídeo se reproduce automáticamente donde el navegador no lo restringe. En los casos en los que el navegador no permite la reproducción automática, se muestra una imagen de póster y los usuarios deben hacer clic en ella para reproducir el vídeo.

    Algunos navegadores también pueden comportarse de otra forma si una reproducción de vídeo está fuera del campo de visión del usuario (por ejemplo, porque tiene abierta otra pestaña), por lo que puede haber pequeñas discrepancias entre Active View y las visualizaciones completas del vídeo.

  • La reproducción de un vídeo se detiene automáticamente cuando más del 50 % está fuera de la visión del usuario y se reanuda cuando el 50 % vuelve a estar a la vista. Sin embargo, los vídeos no se detienen de forma explícita si se abre una nueva pestaña mientras se reproducen. Este comportamiento puede variar en función del navegador.
  • Los anuncios de vídeo nativos programáticos solo se pueden servir a usuarios que tengan una conexión Wi‑Fi. Los que no son programáticos, en cambio, pueden servirse a todos los usuarios.

Sonido

  • La reproducción automática empieza con el sonido apagado.
  • El usuario debe hacer clic para reproducir el sonido.
 

Asistencia y restricciones de funciones

Los anuncios de vídeo nativos son compatibles con los emplazamientos de aplicaciones y de la Web, con todas las reservas y con los acuerdos directos, así como con la asistencia programática indirecta. Los detalles que se indican a continuación se aplican a los anuncios de vídeo nativos:

Renderizado Estilos nativos o renderizado personalizado en aplicaciones móviles
Alojamiento de vídeo

VAST alojado por Ad Manager o por terceros

En el caso de los anuncios alojados en Ad Manager, puede subir un recurso de vídeo o proporcionar una URL de origen de recursos para usarla como creatividad. El recurso debe estar en un formato compatible que Ad Manager designará automáticamente como el archivo mezzanine y que se usará para transcodificar a todos los formatos y tamaños disponibles.

Tamaño máximo de vídeo alojado 512 MB*
Registro de impresiones Las impresiones de anuncios de vídeo nativos se contabilizan una vez que el reproductor empieza a reproducir el anuncio, de acuerdo con los estándares del sector sobre vídeos. Al hacer el renderizado personalizado de plantillas nativas personalizadas en aplicaciones móviles, la aplicación debe llamar al método recordImpression.
Reproductores usados
  • Android: reproductor EXO
  • iOS: reproductor de vídeo de Google
  • Web: reproductor HTML5 incluido en WebView
SDK necesario
(en aplicaciones móviles)
Estilos nativos
  • SDK de anuncios de Google para móviles 9.0 o versiones posteriores (Android)
  • iOS 7.16.0 o versiones posteriores

Renderizado personalizado
  • SDK de anuncios de Google para móviles 10.2 o versiones posteriores (Android)
  • iOS 7.16.0 o versiones posteriores

* En las redes que no tengan una cuenta de Ad Manager 360 solo se pueden alojar vídeos de hasta 30 MB.

Restricciones

  • Los anuncios de vídeo nativos no son compatibles con los vídeos VPAID.
  • De momento, Creative Preview no es compatible con anuncios de vídeo nativos.
  • Los anuncios de vídeo nativos personalizados son compatibles con las creatividades gestionadas por editores con programática garantizada. Estos no son compatibles con las creatividades proporcionadas por los anunciantes con acuerdos preferentes. Consulte información sobre los tipos de creatividades admitidos en la programática directa.
  • De momento, solo hay disponibles emplazamientos de banners e in‑feed, no intersticiales.

Todo el contenido que proporcione para su uso por parte de Google debe cumplir los Términos del Servicio.

Solicitar vídeo nativo con el SDK

Los anuncios de vídeo nativo para aplicaciones pueden llamarse con el código estándar de anuncios de banner de display.

Si quiere incluir un recurso de imagen principal en el diseño de su anuncio nativo, tiene que usar el recurso MediaView, y no el ImageView. Puedes consultar la implementación y las opciones de personalización disponibles en la guía para desarrolladores.

Requisitos de HTML y CSS

Al configurar el estilo de un anuncio de vídeo nativo, el reproductor debe colocarse dentro de un elemento HTML div con una macro #%NATIVE_VIDEO_WRAPPER%# que lo ejecute para que se mantenga la relación de aspecto del reproductor y se intente ocupar la mayor cantidad de espacio posible del elemento. Debido a esto, hay tres puntos importantes que se deben recordar al aplicar estilos al formato de vídeo nativo.

1. Especificar explícitamente el tamaño del div que contiene el contenedor del vídeo nativo

El tamaño del div que contiene la macro #%NATIVE_VIDEO_WRAPPER%# debe especificarse completamente con CSS, ya sea mediante un porcentaje o mediante píxeles.

.host-div {
   width: 300px;
   height: 200px;
}

2. Sea consciente de las relaciones del div del vídeo y del contenedor para evitar espacio interno

Si la relación del div del contenedor es diferente de la relación del reproductor de vídeo, aparece un espacio interno alrededor del vídeo. El color del espacio es transparente (en las aplicaciones móviles) o negro (en la Web para ordenadores y para móviles). El ejemplo ilustra un div contenedor con una relación ancho:alto superior a la del vídeo.

Para crear un div contenedor sin espacio, debe tener la misma relación que el vídeo. Si se conoce de antemano la relación de aspecto del vídeo, la siguiente cadena HTML y CSS funciona bien para generar un div que se ajuste perfectamente al vídeo.

Ejemplo de vídeo con efecto panorámico.

Ejemplo: relación del div mayor que la del vídeo 

HTML
<div class="video-ratio-wrapper">
  <div class="video">
    #%NATIVE_VIDEO_WRAPPER%#
  </div>
</div>
CSS
.video-ratio-wrapper {
  position: relative;
  width: 100%;
}

.video-ratio-wrapper:after {
  padding-top: 56.25%;
  /* 16:9 ratio */
  display: block;
  content: '';
}

.video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

3. Comprender cómo se superponen los elementos HTML en el reproductor de vídeo

El reproductor de vídeo implementado en las aplicaciones móviles siempre se muestra por debajo de los demás elementos HTML. Este comportamiento es intencionado y permite que elementos tales como un título se superpongan a su vídeo.

Definir el índice Z en el div contenedor no tiene ningún efecto en este comportamiento, y definir el color de fondo del div contenedor hará que el div cubra todo el reproductor de vídeo.

Los elementos div que contengan su vídeo deben ser transparentes. Si un div contenedor tiene un fondo que no es transparente, se superpondrá al vídeo.

El SDK proporciona una manera de controlar el color de cualquier espacio alrededor del vídeo y asegura al mismo tiempo que el div contenedor se mantiene transparente. Para ello, defina el parámetro background-color en el elemento del cuerpo en su CSS. El SDK utiliza este valor como color de cualquier espacio alrededor del vídeo.

body {
  background-color: aliceblue;
}

¿Te ha resultado útil esta información?

¿Cómo podemos mejorar esta página?
Búsqueda
Borrar búsqueda
Cerrar búsqueda
Menú principal
15569583920414448472
true
Buscar en el Centro de ayuda
true
true
true
true
true
148
false
false