Documente Academic
Documente Profesional
Documente Cultură
be/drcQlbIEkik
Agregue un evento para realizar una acción, luego copie esa acción en la
vista de Código para usar en su acción personalizada (vea el ejemplo 1 a
continuación).
Use la vista Código para agregar una variable global (debajo de la línea
window.gwd = window.gwd || {};) si desea establecer un indicador y solo
desencadenar un evento cuando la condición es verdadera (vea el ejemplo 2 a
continuación).
Ejemplo 2: use eventos de la línea de tiempo para hacer un bucle del anuncio en
El anuncio recorre dos veces todas las páginas, es decir, página 1> página 2>
página 3, repite una vez más y termina en la página 3 después del segundo
ciclo. Agreguemos eventos de la línea de tiempo en cada página para ir a la
página siguiente al final de la animación.
Agregue un evento de línea de tiempo para ir a la página siguiente al final de la
animación.
Ahora tiene el archivo de trabajo que se desplaza dos veces en las 3 páginas y se
detiene en la página 3.
Cuando trabaje con texto dinámico, puede encontrar el problema donde el texto
termina más de lo esperado. Si tienes este problema, tenemos la solución! En esta
publicación del blog, aprenderá a controlar su texto dinámico manteniendo la
integridad de su diseño visual.
izquierda: 0 ;
ancho: 100% ;
Repita los pasos anteriores para los dos nuevos campos de texto.
Finalmente, copie el siguiente código y péguelo al final de los estilos CSS en el
elemento "encabezado" de su documento:
p{
margin: 0px;
}
.v-center {
posición: relativo;
superior: 49%;
transformar: traducirY (-50%);
}
.v-bottom {
posición: relativo;
Top 100%;
transformar: traducirY (-100%);
}
Ahora, cuando se obtiene una vista previa, los campos de texto deben centrarse
verticalmente como se muestra a continuación:
Tenga en cuenta que la clase v-bottom anterior se puede usar en los casos en que
el texto deba alinearse en la parte inferior de su contenedor.
Un ejemplo donde los grupos son útiles es un botón de CTA con un evento de
salida que existe en diferentes páginas de la creatividad. Otro beneficio es que los
eventos para los elementos en el grupo se retienen en todas las instancias del
grupo, siempre que la instancia del grupo tenga un ID asignado.
Para crear un grupo, haga clic con el botón derecho en el elemento en el
escenario y seleccione Crear grupo ...
Luego puede ver el grupo en el panel Biblioteca y arrastrarlo al escenario para
crear instancias adicionales.
animación
Problema : cómo crear una animación con un elemento que debe ocultarse /
mostrarse en ciertos fotogramas clave.
Solución : utilice la opacidad y la aceleración paso a paso / paso a
paso . También puede ver el video de YouTube sobre este tema aquí .
En este ejemplo, un div está oculto hasta la marca 3s. Luego se anima hasta 5s y
desaparece a los 5s. Para hacer esto, vamos a cambiar al modo Avanzado de la
línea de tiempo y luego seleccionar el primer fotograma clave. En el panel de
propiedades del elemento, establezca la opacidad en 0 para ocultar el elemento.
Agregue el segundo fotograma clave donde desea mostrar el elemento, en 3s en
este ejemplo, y establezca la opacidad del elemento en 1.
En este punto, si realiza una vista previa, verá que el elemento se anima de 0
opacidad a 1 porque el suavizado se establece en lineal por defecto.
Haga clic con el botón derecho en el intervalo entre los fotogramas clave y
cambie la aceleración de lineal a final de paso . En este punto, el elemento no se
mostrará hasta el segundo fotograma clave.
En este artículo, abordaremos uno de estos casos: agregar una función de salida
personalizada a su creatividad de remarketing dinámico, que le permite
postprocesar la URL de salida antes de salir de ella.
⚠ Cuando trabaje con una URL, tenga especial cuidado de generar una URL válida y
tenga en cuenta que algunos navegadores tienen una longitud de URL máxima
admitida.
Paso 3: agregue un nuevo evento para el área del grifo haciendo clic en el botón
"+" en el panel Eventos.
Paso 4: Seleccione Tap Area> Touch / Click como el evento.
Repita los pasos anteriores para los otros cinco productos en la creatividad,
cambiando el índice en consecuencia, por ejemplo, para el segundo producto, use
el índice 1, y así sucesivamente.
Para probar sus cambios, siga los pasos en el artículo del centro de ayuda de
lacreatividad dinámica de Bid Manager para cargar su creatividad en Bid
Manager. Luego, obtenga una vista previa de la creatividad y haga clic en los
productos para verificar que sus salidas personalizadas estén funcionando como
se esperaba.
Etiquetas: CTA , DoubleClick Bid Manager , dynamic , exit , google web designer
Nos complace presentar varias mejoras nuevas para hacer que el diseñador web
de Google sea más rápido y más fácil de usar. Ya sea que esté copiando y
pegando proyectos o arrastrando y soltando capas en la línea de tiempo, la
herramienta le permite trabajar de la forma que necesita. Hoy, estamos lanzando
las siguientes actualizaciones:
Panel de preferencias
Personalice Google Web Designer según sus preferencias de estilo y flujo de
trabajo en una ubicación central. Por ejemplo, puede establecer una serie de
valores predeterminados de Vista de código, incluido el tema de color y el mapa
de teclas preferido.
Hoy, también lanzamos una nueva ruta de aprendizaje de Google Web Designer
en Academy for Ads . Este recurso puede ayudarlo a conocer los entresijos del
Diseñador web de Google en módulos rápidos de cinco minutos o dedicar más
tiempo a trabajar a través de la ruta de aprendizaje completa.
¿Listo para comenzar? Echa un vistazo a nuestra galería de anuncios de Google
Web Designer para inspirarte. Si ya ha descargado Google Web Designer, se
actualizará automáticamente para reflejar las nuevas funciones enumeradas
anteriormente. Si aún no ha descargado la herramienta, puede descargarla gratis
aquí .
El componente Galería en carrusel crea una galería de imágenes deslizables que giran de modo
similar a un carrusel. Puede modificar las propiedades del componente para crear varias
experiencias 3D y varios tipos de carrusel. También puede usar este componente en anuncios
dinámicos.
Propiedades
Propiedad Descripción
Nombre Establece el nombre del componente Galería en carrusel.
Imágenes Le permite seleccionar las imágenes que se usan en la galería. Puede
estar vinculado con datos dinámicos.
Grupos Lista de grupos delimitada por comas para usarla en la galería. Puede
estar vinculado con datos dinámicos.
Transición El tiempo (en milisegundos) de transición entre imágenes.
Fotograma de El número de la imagen que desea mostrar al inicio.
inicio
Reproducción Con esta opción marcada, se reproducen las imágenes de la galería de forma
automática automática.
Incluir Con esta opción marcada, se incluyen iconos de navegación para desplazarse a
navegación través de la galería.
Usar miniaturas Si la casilla está marcada junto con "Incluir navegación", se muestran imágenes en
miniatura en lugar de iconos para la navegación.
Propiedades avanzadas
Para mostrar las propiedades avanzadas del componente, vaya al panel Propiedades y haga clic en el
icono de ampliar situado junto a Propiedades avanzadas.
Anchura del fotograma La anchura (en píxeles) del marco de la imagen dentro de la galería.
Altura del fotograma La altura (en píxeles) del marco de la imagen dentro de la galería.
Rotación del fotograma El valor de rotación que se aplica a los fotogramas contiguos.
contiguo
Separación del fotograma Valor de separación entre los fotogramas.
contiguo
Distancia vertical del Indica la altura con que se muestra el fotograma contiguo.
fotograma contiguo
Escala del fotograma La escala comparativa respecto a la imagen contigua.
contiguo
Direcciones URL de salida Una lista de direcciones URL separadas por comas que se corresponden
con cada uno de los fotogramas de la galería. Puede estar vinculado con
datos dinámicos.
Mostrar reflejo (Webkit) Si esta casilla está marcada, se muestra un reflejo de la imagen. Este
efecto solo es compatible con los navegadores WebKit.
Pausar la reproducción de Si esta casilla está marcada, se pone en pausa el audio o el vídeo que se
archivos multimedia al está reproduciendo en el fotograma actual cuando se cambia de
abandonar el fotograma fotograma. De este modo, se evita tener contenido indeseado
reproduciéndose en segundo plano.
Reanudar la reproducción deSi esta casilla está marcada, se reanuda el audio o el vídeo que estaba en
archivos multimedia al pausa al pasar al fotograma siguiente. De este modo, se evita tener
acceder al fotograma contenido indeseado reproduciéndose en segundo plano.
Eventos y acciones
Eventos que envía el componente Galería en carrusel
Vista previa
No se puede obtener una vista previa de este componente dentro de la interfaz de
Google Web Designer. Para ver cómo funciona, obtenga una vista previa del documento en su
https://support.google.com/webdesigner/answer/3195037?hl=es