Agregar características de Dynamic Media Classic a su página

Adobe Dynamic Media Classic es una solución alojada para administrar, mejorar, publicar y distribuir recursos de medios enriquecidos en pantallas e impresiones web, móviles, de correo electrónico y conectadas a Internet.

Puede ver los recursos de Experience Manager publicados en Dynamic Media Classic en varios visores:

  • Zoom
  • Flotante
  • Vídeo
  • Plantilla de imagen
  • Imagen

Puede publicar recursos digitales directamente desde el Experience Manager a Dynamic Media Classic y los recursos digitales desde Dynamic Media Classic a Experience Manager.

En este documento se describe cómo publicar recursos digitales de Experience Manager a Dynamic Media Classic y, a la inversa, cómo hacerlo. Los visores también se describen en detalle. Para obtener información sobre la configuración de Experience Manager para Dynamic Media Classic, consulte Integración de Dynamic Media Classic con el Experience Manager.

Consulte también Agregar mapas de imagen.

Para obtener más información sobre el uso de componentes de vídeo con Experience Manager, consulte Vídeo.

NOTA

Si los recursos de Dynamic Media Classic no se muestran correctamente, asegúrese de que Dynamic Media esté deshabilitado y, a continuación, actualice la página.

Publicación manual en Dynamic Media Classic desde recursos

Puede publicar recursos digitales en Dynamic Media Classic de la siguiente manera:

NOTA

Experience Manager publica en Dynamic Media Classic de forma asíncrona. Después de seleccionar Publicar, el recurso tarda varios segundos en publicarse en Dynamic Media Classic.

Componentes de Dynamic Media Classic

Los siguientes componentes de Dynamic Media Classic están disponibles en Experience Manager:

  • Zoom
  • Flotante (zoom)
  • Plantilla de imagen
  • Imagen
  • Vídeo
NOTA

Estos componentes no están disponibles de forma predeterminada y deben seleccionarse en el modo Diseño antes de utilizarse.

Una vez que estén disponibles en modo Design , puede añadir los componentes a su página como cualquier otro componente de Experience Manager. Los recursos que aún no se han publicado en Dynamic Media Classic se publican en Dynamic Media Classic si se encuentran en una carpeta sincronizada, en una página o con una configuración de nube de Dynamic Media Classic.

NOTA

Si está creando y desarrollando visores personalizados y utilizando el Buscador de contenido, debe añadir explícitamente el parámetro allowfullscreen.

Aviso de fin de vida útil para el visualizador Flash

A partir del 31 de enero de 2017, Adobe Dynamic Media Classic dejó de ser compatible con la plataforma del visor de Flash.

Añadir un componente de Dynamic Media Classic (Scene7) a una página

Añadir un componente de Dynamic Media Classic (Scene7) a una página es lo mismo que añadir un componente a cualquier página. Los componentes de Dynamic Media Classic se describen en detalle en las secciones siguientes.

Para añadir un componente de Dynamic Media Classic (Scene7) a una página:

  1. En el Experience Manager, abra la página donde desee agregar el componente Dynamic Media Classic (Scene7).

  2. Si no hay componentes de Dynamic Media Classic disponibles, seleccione el modo Diseño, seleccione cualquier componente con un borde azul, seleccione el icono Principal y, a continuación, el icono Configuración. En Parsys (Design), seleccione todos los componentes de Dynamic Media Classic para que estén disponibles y seleccione OK.

    chlimage_1-224

  3. Seleccione Editar para poder volver al modo Editar.

  4. Arrastre un componente desde el grupo de Dynamic Media Classic en la barra de tareas hasta la página en la ubicación deseada.

  5. Seleccione el icono Configuration para poder abrir el componente.

  6. Edite el componente según sea necesario y seleccione OK para guardar los cambios.

  7. Arrastre la imagen o el vídeo desde el navegador de contenido al componente Dynamic Media Classic que ha agregado a la página.

    NOTA

    Solo en la IU táctil, debe arrastrar y soltar la imagen o el vídeo en el componente de Dynamic Media Classic que haya colocado en la página. No se admite la selección y edición del componente Dynamic Media Classic y la selección del recurso.

Agregar una experiencia de visualización interactiva a un sitio interactivo

El diseño interactivo de los recursos significa que el recurso se adapta según el lugar en que se muestre. Con un diseño interactivo, los mismos recursos se pueden mostrar de forma eficaz en varios dispositivos.

Consulte también Diseño interactivo para páginas web.

Para añadir una experiencia de visualización interactiva a un sitio interactivo:

  1. Inicie sesión en Experience Manager y asegúrese de que tiene Cloud Services Dynamic Media Classic de Adobe configurados y de que los componentes de Dynamic Media Classic están disponibles.

    NOTA

    Si los componentes de Dynamic Media Classic no están disponibles, asegúrese de habilitarlos mediante el modo Diseño.

  2. En un sitio web con los componentes Dynamic Media Classic activados, arrastre un componente Imagen a la página.

  3. Seleccione el componente y el icono de configuración.

  4. En la pestaña Configuración de Dynamic Media Classic, ajuste los puntos de interrupción.

    chlimage_1-225

  5. Confirme que los visores cambian de tamaño de manera interactiva y que las interacciones están optimizadas para dispositivos de escritorio, tabletas y móviles.

Configuración común a todos los componentes de Dynamic Media Classic

Aunque las opciones de configuración varían, las siguientes son comunes para todos los componentes de Dynamic Media Classic:

  • Referencia del archivo: navegue a un archivo al que quiera hacer referencia. La referencia de archivo muestra la URL del recurso y no necesariamente la URL completa de Dynamic Media Classic, incluidos los comandos y parámetros de URL. No se pueden agregar comandos y parámetros de URL de Dynamic Media Classic en este campo. En su lugar, puede agregarlas a través de la funcionalidad correspondiente del componente.
  • Anchura: le permite definir la anchura.
  • Altura: le permite definir la altura.

Para establecer estas opciones de configuración, abra (haga doble clic en) un componente de Dynamic Media Classic, por ejemplo, al abrir un componente Zoom:

chlimage_1-226

Zoom

El componente Zoom HTML5 muestra una imagen más grande al pulsar el botón +.

El recurso dispone de herramientas de zoom en la parte inferior. Seleccione + si desea ampliar; seleccione - si desea reducir. Al pulsar x o la flecha de zoom de restablecimiento, la imagen vuelve al tamaño original que se importó como. Seleccione las flechas diagonales para que se hagan a pantalla completa. Seleccione Editar para que pueda configurar el componente. Con este componente, puede configurar opciones comunes a todos los componentes Dynamic Media Classic.

chlimage_1-227

Flotante

En el componente HTML5 Flotante, el recurso se muestra como pantalla dividida; dejó el recurso en el tamaño especificado; a la derecha se muestra la porción de zoom. Seleccione Editar para que pueda configurar el componente. Con este componente, puede configurar opciones comunes a todos los componentes de Dynamic Media Classic.

NOTA

Si el componente Flotante utiliza un tamaño personalizado, se utiliza ese tamaño personalizado y se deshabilita la configuración interactiva del componente.

Si el componente Flotante utiliza el tamaño predeterminado, tal como se establece en Vista diseño, se utilizará el tamaño predeterminado y el componente se estirará para dar cabida al tamaño del diseño de página con la configuración interactiva del componente habilitada. Existe una limitación en la configuración interactiva del componente. Cuando utilice el componente Flotante con configuración interactiva, no lo utilice con extensión de página completa. De lo contrario, el Flotante se extiende más allá del borde derecho de la página.

chlimage_1-228

Imagen

El componente Image de Dynamic Media Classic le permite añadir la funcionalidad de Dynamic Media Classic a sus imágenes, como modificadores de Dynamic Media Classic, ajustes preestablecidos de imágenes o visores, y nitidez. El componente Image de Dynamic Media Classic es similar a otros componentes de imagen en Experience Manager con la funcionalidad especial de Dynamic Media Classic. En este ejemplo, la imagen tiene el modificador URL de Dynamic Media Classic aplicado &op_invert=1.

chlimage_1-229

Título, Texto alternativo : en la ficha ​Avanzado, añada un título a la imagen y texto alternativo para los usuarios que tengan los gráficos desactivados.

URL, Abrir en : puede configurar un recurso de para abrir un vínculo. Defina la dirección URL y, en Abrir en, indique si quiere que se abra en la misma ventana o en una nueva.

chlimage_1-230

Ajuste preestablecido de visualizador : seleccione un ajuste preestablecido de visualizador existente en el menú desplegable. Si el ajuste preestablecido de visualizador que está buscando no está visible, debe hacerlo visible. Consulte Administrar ajustes preestablecidos de visor. No se puede seleccionar un ajuste preestablecido de visualizador si se utiliza un ajuste preestablecido de imagen y, a la inversa,

Configuración de Dynamic Media Classic : seleccione la configuración de Dynamic Media Classic que desee utilizar para recuperar ajustes preestablecidos de imagen activos de SPS.

Ajuste preestablecido de imagen : seleccione un ajuste preestablecido de imagen existente en el menú desplegable. Si el ajuste preestablecido de imagen que está buscando no está visible, debe hacerlo visible. Consulte Administrar ajustes preestablecidos de imagen. No se puede seleccionar un ajuste preestablecido de visualizador si se utiliza un ajuste preestablecido de imagen y, a la inversa,

Formato de salida : seleccione el formato de salida de la imagen, por ejemplo jpeg. Según el formato de salida que seleccione, hay opciones de configuración adicionales. Consulte Prácticas recomendadas para ajustes preestablecidos de imagen.

Enfoque : seleccione cómo desea enfocar la imagen. El enfoque se explica en detalle en Prácticas recomendadas para ajustes preestablecidos de imagen y en Prácticas recomendadas para el enfoque.

Modificadores de URL : puede cambiar los efectos de imagen suministrando comandos de imagen adicionales de Dynamic Media Classic. Estos comandos se describen en Ajustes preestablecidos de imagen y en la Referencia de comando.

Puntos de interrupción : si su sitio web es interactivo, desea ajustar los puntos de interrupción. Los puntos de interrupción deben separarse con comas ( , ).

Plantilla de imagen

Las plantillas de imagen de Dynamic Media Classic son contenido Photoshop en capas importado a Dynamic Media Classic, donde el contenido y las propiedades se han parametrizado para la variabilidad. El componente Image template permite importar imágenes y cambiar el texto de forma dinámica en el Experience Manager. Además, puede configurar el componente Plantilla de imágenes para utilizar valores de ClientContext, de modo que cada usuario experimenta la imagen de una forma personalizada.

Seleccione Editar si desea configurar el componente. Puede configurar las opciones comunes a todos los componentes de Dynamic Media Classic y otras opciones que se describen en esta sección.

chlimage_1-231

Referencia de archivo, Anchura y Altura : consulte la configuración común a todos los componentes de ScDynamic Media Classic7.

NOTA

Los comandos y parámetros de URL de Dynamic Media Classic no se pueden agregar directamente a la URL de referencia de archivo. Solo se pueden definir en la interfaz de usuario del componente en el panel Parámetro.

Título, Texto alternativo : en la pestaña Plantilla de imagen de Dynamic Media Classic , añada un título a la imagen y texto alternativo para los usuarios que tengan los gráficos desactivados.

URL, Abrir en : puede configurar un recurso de para abrir un vínculo. Defina la dirección URL y, en Abrir en, indique si quiere que se abra en la misma ventana o en una nueva.

chlimage_1-232

Panel de parámetros : al importar una imagen, los parámetros se rellenan previamente con información de la imagen. Si no existe contenido que se pueda cambiar de forma dinámica, esta ventana está vacía.

chlimage_1-233

Cambiar texto dinámicamente

Para cambiar el texto de forma dinámica, introduzca texto nuevo en los campos y seleccione OK. En este ejemplo, el Precio es ahora $50 y el envío cuesta 99 centavos.

chlimage_1-234

El texto de la imagen cambia. Para restablecer el texto al valor original, pulse Reset junto al campo.

chlimage_1-235

Cambiar texto para reflejar el valor de un valor de ClientContext

Para vincular un campo a un valor de ClientContext, seleccione Select para abrir el menú client-context, seleccione ClientContext y OK. En este ejemplo, el nombre cambia en función de la vinculación de valor de Nombre con el nombre con formato que consta en el perfil.

chlimage_1-236

El texto refleja el nombre del usuario de la sesión actual. Para restablecer el texto al valor original, haga clic en Restablecer junto al campo.

chlimage_1-237

  1. En la página con el componente Plantilla de imagen de Dynamic Media Classic, seleccione Editar.

  2. En el campo URL, introduzca la dirección URL a la que se dirigen los usuarios cuando toca la imagen. En el campo Open in, seleccione si desea que se abra el destino (una nueva ventana o la misma ventana).

    chlimage_1-238

  3. Seleccione OK.

Componente de vídeo

El componente Vídeo de Dynamic Media Classic (disponible en la sección Dynamic Media Classic de la barra de tareas) utiliza la detección de dispositivos y ancho de banda para ofrecer el vídeo correcto a cada pantalla. Este componente es un reproductor de vídeo HTML5; se trata de un visor único que se puede utilizar en múltiples canales.

Se puede usar para conjuntos de vídeos adaptables, un solo vídeo MP4 o un solo vídeo F4V.

Consulte Vídeo para obtener más información sobre cómo funcionan los vídeos con la integración de Dynamic Media Classic. Además, consulte el componente de vídeo de Dynamic Media Classic frente al componente de vídeo base.

chlimage_1-239

Limitaciones conocidas del componente de vídeo

Adobe DAM y WCM muestran si se ha cargado un vídeo de origen principal. No muestran estos recursos de proxy:

  • Representaciones codificadas de Dynamic Media Classic
  • Conjuntos de vídeos adaptables de Dynamic Media Classic

Al utilizar un conjunto de vídeos adaptables con el componente de vídeo de Dynamic Media Classic, debe cambiar el tamaño del componente para que se ajuste a las dimensiones del vídeo.

Navegador de contenido de Dynamic Media Classic

El navegador de contenido de Dynamic Media Classic le permite ver contenido de Dynamic Media Classic directamente en Experience Manager. Para acceder al navegador de contenido, en el Buscador de contenido, seleccione Dynamic Media Classic en la interfaz de usuario táctil o el icono S7 en la interfaz de usuario clásica. La funcionalidad es idéntica en ambas interfaces de usuario.

Si tiene varias configuraciones, el Experience Manager muestra de forma predeterminada la configuración predeterminada. Puede seleccionar diferentes configuraciones directamente en el navegador de contenido de Dynamic Media Classic en el menú desplegable.

NOTA
  • Los recursos de la carpeta bajo demanda no aparecen en el explorador de contenido de Dynamic Media Classic.

  • Cuando Previsualización segura está habilitada, tanto los recursos publicados como los no publicados en Dynamic Media Classic aparecen en el navegador de contenido de Dynamic Media Classic.

  • Si no ve Dynamic Media Classic o el icono S7 como una opción en el navegador de contenido, debe configurar Dynamic Media Classic para que funcione con el Experience Manager.

  • Para vídeo, el navegador de contenido de Dynamic Media Classic admite:

  • Conjuntos de vídeos adaptables: contenedor de todas las representaciones de vídeo necesarias para la reproducción sin errores en varias pantallas.

  • Un solo vídeo MP4

  • Vídeo F4V único

Examinar contenido en la IU táctil

Puede acceder al navegador de contenido desde la IU táctil o clásica. Actualmente, la optimizada para el tacto tiene la siguiente limitación:

  • Los recursos FXG y de Flash de Dynamic Media Classic no son compatibles.

Para examinar los recursos de Dynamic Media Classic, seleccione Dynamic Media Classic en el tercer menú desplegable. Dynamic Media Classic no aparece en la lista si no ha configurado la integración de Dynamic Media Classic/Experience Manager.

NOTA
  • El navegador de contenido de Dynamic Media Classic carga unos 100 activos y los ordena por nombre.
  • Si tiene configurado un servidor de vista previa seguro, el navegador utiliza ese servidor de vista previa para procesar miniaturas y recursos.

chlimage_1-240

Además, puede examinar la información de resolución, el tamaño, los días transcurridos desde la modificación y el nombre de archivo pasando el ratón por encima del recurso en el explorador.

chlimage_1-241

  • Para los conjuntos de vídeos adaptables y las plantillas, no se genera información de tamaño para las miniaturas.
  • Para los conjuntos de vídeos adaptables, no se genera ninguna resolución para las miniaturas.

Busque recursos de Dynamic Media Classic con el navegador de contenido

La búsqueda de recursos en Dynamic Media Classic es similar a la búsqueda de recursos en Experience Manager Assets. Sin embargo, cuando realice la búsqueda, verá una vista remota de los recursos en el sistema de Dynamic Media Classic, en lugar de importarlos directamente en el Experience Manager.

Puede utilizar la interfaz de usuario clásica o la optimizada para el uso táctil para ver y buscar recursos. Según la interfaz, la búsqueda es ligeramente diferente.

Al buscar en cualquier interfaz de usuario, puede filtrar según los criterios siguientes (aquí se muestra la IU optimizada para el uso táctil):

Escriba palabras clave : puede buscar recursos por nombre. Al buscar, las palabras clave introducidas son por lo que comienza el nombre del archivo. Por ejemplo, al escribir la palabra “natación”, el sistema buscaría cualquier nombre de archivo de recurso que comience por esas letras en ese orden. Asegúrese de pulsar Intro después de escribir el término para buscar el recurso.

chlimage_1-242

Carpeta/ruta : el nombre de la carpeta que se ve se basa en la configuración seleccionada. Para desplazarse a los niveles inferiores, toque el icono de la carpeta, seleccione una subcarpeta y, a continuación, pulse la marca de verificación para seleccionarla.

Si introduce una palabra clave y selecciona una carpeta, el Experience Manager busca esa carpeta y las subcarpetas. Sin embargo, si no introduce ninguna palabra clave al buscar, la selección de la carpeta solo muestra los recursos de esa carpeta y no incluye ninguna subcarpeta.

De forma predeterminada, el Experience Manager busca la carpeta seleccionada y todas las subcarpetas.

imagen_1-243

Tipo de recurso : seleccione Dynamic Media Classic para examinar el contenido de Dynamic Media Classic. Esta opción solo está disponible si se ha configurado Dynamic Media Classic.

chlimage_1-244

Configuración : si tiene más de una configuración de Dynamic Media Classic definida en Cloud Services, puede seleccionarla aquí. Como resultado, la carpeta cambia según la configuración elegida.

chlimage_1-245

Tipo de recurso : en el navegador Dynamic Media Classic, puede filtrar los resultados para incluir cualquiera de los siguientes elementos: imágenes, plantillas, vídeos y conjuntos de vídeos adaptables. Si no selecciona ningún tipo de recurso, el Experience Manager, de forma predeterminada, busca todos los tipos de recurso.

chlimage_1-246

NOTA
  • En la interfaz de usuario clásica; también puede buscar Flash y FXG. No se admite el filtrado para estos tipos en la IU táctil.

  • Al buscar vídeos, se busca una sola representación. Los resultados devuelven la representación original (solo *.mp4) y la representación codificada.

  • Al buscar un conjunto de vídeos adaptables, está buscando en la carpeta y en todas las subcarpetas, pero solo si ha añadido una palabra clave a la búsqueda. Si no ha añadido ninguna palabra clave, el Experience Manager no busca en las subcarpetas.

Estado de publicación : puede filtrar los recursos en función del estado de publicación: ​Sin publicar o publicado. Si no selecciona ningún Estado de publicación, el Experience Manager busca de forma predeterminada todos los estados de publicación.

chlimage_1-247

En esta página