Automatiza la creación de contenidos mediante el etiquetado basado en anotaciones

Disponible en la versión Enterprise

ACCESO ANTICIPADO: Si te interesa usar esta función y tienes el plan Enterprise, ponte en contacto con tu gestor de éxito, que te la activará.

---

Aprovecha las anotaciones de PDF para automatizar la creación de contenido de productos en Publitas, ya que el etiquetado de puntos interactivos basado en anotaciones te permite crear automáticamente puntos interactivos de productos, imágenes, vídeos en la publicación con instrucciones específicas sobre la posición (en función del tamaño y la ubicación de la anotación) y la configuración de los puntos interactivos, en cuanto se suba el PDF, ya sea manualmente o a través de la API.

Cómo usar las anotaciones

Hay dos formas de añadir anotaciones. Si estás trabajando con InDesign:

Diseña un PDF a tu gusto en InDesign.
Usa la herramienta «Marco rectangular» para crear enlaces y añade el valor de la anotación como URL del enlace del marco rectangular.
Exporta el archivo PDF y súbelo a Publitas.

Si ya tienes un archivo PDF, también puedes...

Añade anotaciones en el PDF con las medidas exactas que indiquen dónde deben colocarse los puntos interactivos;
Sube ese PDF a Publitas.

Tanto si subes el PDF manualmente en la app de Publitas como si lo haces a través de la API, la publicación que se cree ahora incluirá todos los puntos interactivos descritos en las anotaciones del PDF.

Contenido de la anotación

Las anotaciones se escriben en formato JSON, con algunos valores clave que se indican a continuación para cada tipo de punto de acceso compatible.

Puntos destacados de los productos

type («producto») - Indica el tipo de anotación del punto de interés.
icon (booleano) - Indica si se muestra un icono para el punto activo del producto.
sku (cadena | matriz) - El SKU del producto al que quieres vincular; también puede ser una matriz de SKU para varios productos.
dynamic (booleano) - Indica si el punto activo del producto es dinámico.

Puntos interactivos en las imágenes

type («imagen») - Indica el tipo de anotación de punto activo.
icon (booleano) - Indica si se debe mostrar un icono para el punto activo de la imagen.
source (cadena de caracteres) - La URL de la imagen que se va a mostrar.
appearance («embed» | «interactive_embed» | «hotspot») - El aspecto del punto activo de la imagen.
altText (booleano) - Indica si se debe incluir texto alternativo para la imagen.
altTextValue (cadena) - El valor del texto alternativo de la imagen.
fillMode («crop» | «stretch») - El modo de relleno de la imagen.

Puntos de acceso de vídeo

type («vídeo») - Indica el tipo de anotación del punto de acceso.
icon (booleano) - Indica si se debe mostrar un icono para el punto activo del vídeo.
source (cadena de caracteres) - La URL del vídeo que quieres incrustar. Si la fuente es un enlace de YouTube o Vimeo, se incrustará como corresponda. De lo contrario, el vídeo se considerará un enlace directo al archivo de vídeo y se descargará.
appearance («embed» | «animatedContent» | «hotspot») - El aspecto del punto activo del vídeo.
showThumbnail (booleano) - Indica si se debe mostrar una miniatura del vídeo.
autoplay (booleano) - Indica si el vídeo debe reproducirse automáticamente al abrirlo (solo en Vimeo).
loop (booleano) - Indica si el vídeo debe reproducirse en bucle cuando termine.
showAccessibilityControls (booleano) - Indica si se deben mostrar los controles de accesibilidad del vídeo.
accessibilityText (cadena) - Establece el texto de accesibilidad del vídeo.

Puntos de interés de contenido externo

type («externalContent») - Indica el tipo de anotación del punto activo.
icon (booleano) - Indica si se debe mostrar un icono para el punto activo de contenido externo.
source (cadena de caracteres) - La URL del contenido externo al que se quiere enlazar.
maxWidth (entero) - El ancho máximo del contenido externo cuando se muestra.
maxHeight (entero) - La altura máxima del contenido externo cuando se muestra.

¿De dónde vienen los datos del producto?

Los productos se importan a Publitas a través de feeds de productos. Para saber más sobre los ficheros de productos, echa un vistazo al artículo «Cómo configurar tu fichero de productos ».

Ejemplos

La siguiente anotación creará un «hotspot» dinámico de producto (fíjate en «dynamic»: true) para un producto con el SKU indicado.

{ "type": "product", "icon": true, "dynamic": true, "sku": "WP06-29-Black" }

La siguiente anotación creará un punto de interés de producto que enlaza con un producto con el SKU indicado en un área determinada.

{ "type": "product", "icon": "true", "dynamic": "false", "sku": "WP06-29-Black" }

En este ejemplo, aparecen varias referencias, así que el hotspot dinámico de productos que se cree mostrará el primer producto de la página y, al hacer clic en él, también mostrará el resto de productos.

{ "type": "product", "icon": "true", "dynamic": "true", "sku": ["MSH05-32-Blue", "WT03-S-Red"] }

Nota: Todos los productos de la lista de referencias que aparecen en el feed se añadirán al punto de interés en el orden en que aparecen en la lista. Si no se encuentra un producto en el feed, no se añadirá al hotspot. Si no se encuentra ni un solo SKU de la matriz en el feed, entonces no se creará el hotspot.

La siguiente anotación creará un punto activo en la imagen que muestre un GIF:

{ "type": "image", "appearance": "embed", "source": "https://upload.wikimedia.org/wikipedia/commons/2/2c/Rotating_earth_%28large%29.gif"}