Prácticas recomendadas para diseñar creatividades dinámicas

Diseñar elementos para una creatividad dinámica requiere un poco más de atención y previsión para asegurar que el diseño sea lo bastante flexible como para dar cabida a un contenido cambiante. En este artículo se incluyen trucos y consejos para planificar un concepto dinámico, con especial atención a los elementos dinámicos.

Incluso si solo está utilizando campos del perfil en su creatividad dinámica (pares clave-valor simples que únicamente tengan un valor posible en un momento dado), es importante tener estas prácticas recomendadas en mente, puesto que dichos valores pueden cambiar con el tiempo si actualiza el perfil.

Texto dinámico

Los elementos de texto de un anuncio, como el título y la CTA (llamada a la acción), suelen ser dinámicos. En otras palabras, el contenido de los campos de texto de la creatividad define su contenido mediante código. Es posible que pierda un poco de precisión en el control de la apariencia visual de la creatividad (por ejemplo, en el caso del kerning), pero, a cambio, podrá personalizar el texto de los campos de texto dinámico a audiencias específicas.

Prácticas recomendadas:

• Limite el número de fuentes. Cada una añade entre 5 y 10 kB al tamaño del archivo. Trate de usar solo una o, como máximo, dos fuentes para el texto dinámico. Cada estilo de fuente es único. Por ejemplo, Arial y Arial Bold son dos fuentes y cada una de ellas añade entre 5 y 10 kB (la cantidad exacta depende de cuántos caracteres se inserten).
• Cree títulos cortos. Todos los títulos deben caber en el mismo espacio del anuncio. Cuanto más corto sea el título, más grande podrá ser el texto, lo que hace que su mensaje sea más visible. Por ese motivo, intente elegir títulos que funcionen en todos los tamaños de anuncio. Por ejemplo, es posible que una palabra larga, como "espectáculo", no funcione en un tamaño de anuncio estrecho (como 160x600). Es posible que tenga que reducir el tamaño de la fuente para hacer que quepa toda la palabra.
• Use líneas de texto que tengan una longitud similar. Aplique una longitud relativamente parecida a todas las líneas para cada campo de texto dinámico. Cada una de las líneas de texto dinámico debe caber en el campo de texto que configure en el anuncio. De este modo, si sus elementos originales tienen un cuadro de texto en el que cabe una línea con 10 palabras, mientras que el texto dinámico del feed tiene líneas que incluyen 20 o 50 palabras, es difícil que las líneas puedan ajustarse al cuadro de texto sin tener que reducir el tamaño del texto de forma significativa.
• Evite el texto con mucho formato. Para causar cierto impacto visual, los diseñadores a veces añaden formato a palabras concretas de un título o de cualquier otra parte del texto con diferentes tamaños de fuentes, kerning, justificación, etc. Este tipo de estilos son difíciles de recrear en el texto dinámico. Más importante aún: que un estilo resulte estéticamente adecuado en un título concreto de un anuncio estático no significa que vaya a lograr el mismo resultado en los diversos títulos de un anuncio dinámico.
• Utilice pocas animaciones en el texto dinámico. Cuantos más segmentos específicos de un título anime de forma independiente, más difícil será lograr que la secuencia de animación funcione en todos los títulos posibles.

• Haga pruebas con caracteres especiales. Las hojas de cálculo de Google admiten el uso de caracteres especiales, o no latinos, en los anuncios dinámicos. Por ejemplo, los símbolos de marca registrada (®) o de derechos de autor (©). Las hojas de cálculo de Google utilizan la codificación UTF-8, que admite el uso de caracteres especiales. Los archivos CSV de Microsoft Excel, que se codifican en Latin 1, no admiten caracteres no latinos. Asegúrese de comprobar el aspecto visual de todos los caracteres especiales en su feed antes de publicar el contenido.

  En el caso de los idiomas como el chino y el japonés, debe utilizar fuentes estándar del sistema (como Arial), ya que no resulta práctico usar fuentes web para estos idiomas. Consulte la sección Limite el número de fuentes.

  En el caso de los idiomas que se escriben de derecha a izquierda, como el árabe o el hebreo, debe tener en cuenta algunos aspectos más. Si una creatividad se va a utilizar tanto en anuncios en árabe como en inglés y el título se alinea a la izquierda en inglés, ¿se debe alinear a la derecha si el anuncio se muestra a la audiencia árabe? En tal caso, añada el código correspondiente a la creatividad para cambiar la posición del título de forma dinámica.

Imágenes dinámicas

Las imágenes dinámicas pueden ser archivos JPG, JPEG, GIF o PNG que se alojan en los servidores de Google, y la creatividad las carga.

Las imágenes no pueden alojarse si exceden los siguientes límites:

• Tamaño máximo del archivo de imagen: 12.000 kB (o 12 MB).
• Número máximo de píxeles por imagen: 6.000.000.

Prácticas recomendadas:

• Reduzca el tamaño del archivo. Los archivos JPG o PNG deben tener un tamaño inferior a 1 MB. Equilibre el tamaño del archivo con las dimensiones de la imagen y busque la máxima optimización posible. El tamaño de los archivos subidos de forma externa se tiene en cuenta para el límite de subida general. Es posible que su diseñador tenga que retocar algunos archivos.
• Reduzca las dimensiones de la imagen. Optimice las dimensiones en función del espacio que ocupará la imagen en el anuncio. Esto es mejor que cambiar la escala de una imagen subida que supere el tamaño en el momento de la publicación. Esto reducirá el tamaño del archivo y el tiempo de carga.
• Calcule el número de imágenes necesario para cada tamaño de anuncio. Puede que algunas imágenes funcionen bien en un tamaño, pero no en otro. Por ejemplo, una imagen ancha como un coche se mostrará bien en un tamaño de 728x90, pero no en uno de 160x600. Puede reducir la imagen para ajustarla al espacio disponible, pero, aun así, podría no conseguir el efecto visual deseado. Por tanto, debe decidir si crear o no imágenes individuales para cada tamaño de anuncio. Si lo hace, asegúrese de que tiene un campo correspondiente a cada imagen por tamaño de anuncio en el feed.  Por tanto, si ejecuta tres tamaños de anuncio y utiliza distintas imágenes para cada uno, incluya tres columnas en su feed y etiquételas como corresponda.
• Utilice el tipo de archivo adecuado. Es preferible utilizar archivos JPG debido a que su tamaño es menor. Quedan bien si el fondo de los archivos JPG es igual que el fondo del anuncio o si las imágenes se muestran en un área rectangular del anuncio. Sin embargo, si quiere que sus imágenes se muestren sin problemas sobre el fondo u otros elementos visuales del anuncio, utilice archivos PNG transparentes, ya que permiten que dichos elementos se vean de fondo.

• Las imágenes transparentes suelen acarrear más trabajo. Si sus archivos PNG transparentes incluyen sombras u otros efectos visuales, reserve tiempo de antemano para comprobar cómo se muestran con respecto al fondo del anuncio. Asegúrese también de que el tamaño de los archivos PNG sea uniforme, incluidas las áreas transparentes que haya alrededor de la imagen.

  Por ejemplo, si dos archivos PNG contienen una imagen del mismo tamaño, pero uno tiene 200x100 píxeles y el otro 600x300 y mucho espacio vacío alrededor de la imagen, ambos archivos se mostrarán de forma diferente en el anuncio. A veces, la mejor forma de controlar el posicionamiento de las imágenes individuales en un anuncio consiste en usar un archivo PNG con las mismas dimensiones que dicho anuncio. Por ejemplo, utilice un archivo PNG de 160x600 para un anuncio de 160x600. Esto le permitirá al diseñador aplicar los ajustes necesarios a cada imagen del archivo PNG sin tener que modificar el propio archivo de la creatividad.

• Utilice RGB, no CMYK. El espacio de color RGB está optimizado para pantallas digitales. CMYK está diseñado para la impresión. Studio no puede procesar imágenes con perfiles de colores CMYK.
• Quite los caracteres especiales. Es posible que las imágenes no se carguen correctamente si hay un carácter especial en su nombre o en la URL en la que se alojan.

Color dinámico

Puede configurar los colores de diferentes elementos de un anuncio, como el texto y el fondo, para que cambien de forma dinámica. Utilice los valores hexadecimales del contenido dinámico y no los nombres de los colores, como por ejemplo 0xFF0000 en vez de red (rojo). Así, se logra un mayor control y se facilita la actualización de los colores en el feed dinámico en vez de en el archivo de la creatividad.

• Color del texto. Modificar el color de determinadas palabras o frases en el texto, como "Este texto es azul", requiere algo más de trabajo, pero puede hacerse añadiendo etiquetas HTML al valor del texto dinámico en sí, por ejemplo, "Este texto es <font color='#0000FF'>azul</FONT>".
• Color de los gráficos. Los colores sólidos funcionan mejor. Los gradientes también se pueden colorear, pero conllevan más trabajo y requieren dos valores en el contenido dinámico (uno para cada extremo del gradiente). Los gradientes complicados o las estructuras complejas (máscaras, sombras, etc.) pueden ser difíciles de colorear de forma dinámica y añadir tiempo extra a la producción.

URLs dinámicas

Normalmente, las URL de las páginas de destino se hacen dinámicas. Como con cualquier anuncio de Rich Media, puede modificar la URL cambiando la creatividad, pero quizás esta opción sea más difícil. Esto es así especialmente si las modificaciones deben insertarse dentro de la URL en vez de añadirla después de la URL.

Otros puntos

Prácticas recomendadas:

• Tamaño del archivo. Como con cualquier anuncio de Rich Media, hay que tener en cuenta los límites de tamaño del archivo. El tamaño del archivo restante debe ser suficiente como para añadir el Enabler de Studio (si es que no está ya incluido), así como cualquier fuente necesaria para el texto dinámico.
• Elementos dependientes. Pruebe cómo su texto, imágenes y otros elementos dinámicos interactúan entre sí, así como con las partes estáticas del anuncio. Las variaciones dinámicas de un elemento del anuncio pueden afectar de forma inesperada al aspecto de los demás. Por ejemplo, el color de un campo de texto estático puede convertirse en un problema si está utilizando una imagen de fondo dinámica con variaciones claras y oscuras. Si el texto es blanco y una de las imágenes dinámicas del fondo presenta un color marfil, el texto resulta ilegible. En este caso, el problema podría resolverse modificando las imágenes de fondo o haciendo que el color del texto sea dinámico.
• Complejidad. El equipo de producción debe comprender la estructura de los archivos del anuncio y el código que contengan para completar este último con los fragmentos que convertirán el anuncio en dinámico. Si las creatividades son excesivamente complejas, están mal codificadas o resultan difíciles de comprender, esta conversión requerirá más tiempo.