Añadir funciones 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 realizar la vista de AEM recursos publicados en Dynamic Media Classic en varios visores:

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

Puede publicar recursos digitales directamente de AEM a Dynamic Media Classic y puede publicarlos de Dynamic Media Classic a AEM.

En esta sección se describe cómo publicar recursos digitales de AEM a Dynamic Media Classic y viceversa. Los visores también se describen en detalle. Para obtener información sobre la configuración de AEM para Dynamic Media Classic, consulte Integración de Dynamic Media Classic con AEM.

Consulte también Adición de mapas de imagen.

Para obtener más información sobre el uso de componentes de vídeo con AEM, consulte lo siguiente:

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 Assets

Puede publicar recursos digitales en Dynamic Media Classic desde la consola Recursos en la IU clásica o directamente desde el recurso.

NOTA

AEM publica en Dynamic Media Classic de forma asíncrona. Después de hacer clic en Publicar, el recurso puede tardar varios segundos en publicarse en Dynamic Media Classic.

Publicación desde la consola Recursos

Para publicar en Dynamic Media Classic desde la consola Recursos si los recursos están en una carpeta de destinatario de Dynamic Media Classic:

  1. En la IU clásica AEM, haga clic en Recursos digitales para acceder al administrador de recursos digitales.

  2. Seleccione el recurso (o los recursos) o la carpeta dentro de la carpeta de destinatario que desea publicar en Dynamic Media Classic y haga clic con el botón derecho y seleccione Publicar en Dynamic Media Classic. También puede seleccionar Publicar en Dynamic Media Classic en el menú Herramientas.

    chlimage_1-76

  3. Vaya a Dynamic Media Classic y confirme que los recursos están disponibles.

    NOTA

    Si los recursos no están en una carpeta sincronizada de Dynamic Media Classic, Publicar en Dynamic Media Classic en ambos menús estará visible pero deshabilitada.

Publicación desde un recurso

Puede publicar manualmente un recurso siempre que se encuentre dentro de la carpeta sincronizada de Dynamic Media Classic.

NOTA

Si el recurso no está ubicado en la carpeta sincronizada de Dynamic Media Classic, el vínculo a Publicar en Dynamic Media Classic no está disponible.

Para publicar en Dynamic Media Classic directamente desde un recurso digital:

  1. En AEM, haga clic en Recursos digitales para acceder al administrador de recursos digitales.

  2. Haga doble clic en dicha opción para abrir un recurso.

  3. En el panel de detalles del recurso, seleccione Publicar en Dynamic Media Classic.

    screen_shot_2012-02-22at34828pm

  4. El vínculo cambia a Publicando… y, a continuación, a Publicado. Vaya a Dynamic Media Classic y confirme que el recurso está disponible.

    NOTA

    Si el recurso no se publica correctamente en Dynamic Media Classic, el vínculo cambia a Error al publicar. Si el recurso ya se ha publicado en Dynamic Media Classic, el vínculo lee Volver a publicar en Dynamic Media Classic. La republicación le permite realizar cambios en un recurso en AEM y volver a publicarlo.

Publicación de recursos desde fuera de la carpeta de destinatario de CQ

Adobe recomienda publicar recursos en Dynamic Media Classic solo desde los recursos de la carpeta de destinatario de Dynamic Media Classic. Sin embargo, si necesita cargar recursos desde una carpeta fuera de la carpeta destinatario, puede hacerlo cargándolos en una carpeta ad-hoc de Dynamic Media Classic.

Para ello, configure la configuración de la nube para la página en la que aparecerá el recurso. A continuación, agregue un componente de Dynamic Media Classic a la página y arrastre y suelte un recurso en el componente. Una vez definidas las propiedades de página para esa página, aparece un vínculo Publicar en Dynamic Media Classic que cuando se cargan déclencheur seleccionados en Dynamic Media Classic.

NOTA

Los recursos que se encuentran en la carpeta ad-hoc no aparecen en el navegador de contenido de Dynamic Media Classic.

Para publicar los recursos que residen fuera de la carpeta de destino de CQ:

  1. En AEM en la IU clásica, haga clic en Sitios web y navegue a la página web en la que desee agregar un recurso digital que aún no se haya publicado en Dynamic Media Classic. (Se aplican las reglas de herencia de página habituales).

  2. En la barra de tareas, haga clic en el icono Página y, a continuación, haga clic en Propiedades de la página.

  3. Haga clic en Cloud Services > Añadir servicios > Dynamic Media Classic (Scene7).

  4. En la lista desplegable Adobe Dynamic Media Classic, seleccione la configuración que desee y haga clic en Aceptar.

    chlimage_1-77

  5. En la página web, agregue un componente de Dynamic Media Classic (Scene7) a la ubicación deseada en la página.

  6. En el buscador de contenido, arrastre un recurso digital hasta el componente. Puede ver un vínculo a Comprobar el estado de publicación de Dynamic Media Classic.

    NOTA

    Si el recurso digital está en la carpeta de destinatario de CQ, no aparece ningún vínculo a Comprobar estado de publicación de Dynamic Media Classic. Los recursos simplemente se colocan en el componente.

    chlimage_1-78

  7. Haga clic en Comprobar el estado de publicación de Dynamic Media Classic. Si el recurso no está publicado, AEM publica el recurso en Dynamic Media Classic. Una vez cargado, el recurso se encuentra en la carpeta ad hoc. De forma predeterminada, la carpeta ad-hoc se encuentra en name_of_the_company/CQ5_adhoc. Puede configurarla, si es necesario.

    NOTA

    Si el recurso no está en una carpeta sincronizada de Dynamic Media Classic y no hay ninguna configuración de nube de Dynamic Media Classic asociada a la página actual, la carga fallará.

Componentes de Dynamic Media Classic (Scene7)

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

  • 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 usarlos.

Una vez que estén disponibles en el modo Diseño, puede agregar los componentes a la página como cualquier otro componente de AEM. 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 o en una página o con una configuración de nube de Dynamic Media Classic.

Aviso de fin de vida útil de los visores de Flash

A partir del 31 de enero de 2017, Adobe Dynamic Media Classic dejó de ofrecer asistencia técnica para la plataforma de visor de Flash.

Añadir un componente de Dynamic Media Classic en una página

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

Para agregar un componente o visor de Dynamic Media Classic a una página de la IU clásica:

  1. En AEM, abra la página donde desee agregar el componente Dynamic Media Classic.

  2. Si no hay componentes de Dynamic Media Classic disponibles, haga clic en la regla de la barra de tareas para entrar en el modo Diseño, haga clic en Editar parsys y seleccione todos los componentes Dynamic Media Classic para que estén disponibles.

  3. Vuelva al modo Editar haciendo clic en el lápiz de la barra de tareas.

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

  5. Haga clic en Editar para abrir el componente.

  6. Edite el componente según sea necesario y haga clic en Aceptar para guardar los cambios.

Adición de experiencias de visualización interactiva a un sitio web con capacidad de respuesta

El diseño interactivo para sus recursos implica que estos se ajustan según el lugar en que se muestren. Con el diseño interactivo, los mismos recursos se muestran de forma eficaz en varios dispositivos.

Para añadir una experiencia de visualización interactiva a un sitio interactivo en la interfaz de usuario clásica:

  1. Inicie sesión en AEM 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 WCM no están disponibles, asegúrese de habilitarlos mediante el modo **Diseño.

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

  3. Edite el componente y ajuste los puntos de interrupción en la ficha Configuración de Dynamic Media Classic.

    chlimage_1-79

  4. 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 a 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. En este campo no se pueden agregar comandos ni parámetros de URL de Dynamic Media Classic. Deben añadirse mediante la funcionalidad correspondiente del componente.
  • Anchura: le permite definir la anchura.
  • Altura: le permite definir la altura.

Estas opciones de configuración se configuran haciendo clic con el doble en un componente de Dynamic Media Classic, por ejemplo, al abrir un componente Zoom:

chlimage_1-80

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. Haga clic en + para ampliar. Haga clic en - para reducir. Al hacer clic en x o en la flecha de zoom de restablecimiento, la imagen vuelve al tamaño original que se importó. Haga clic en las flechas diagonales para pasar a pantalla completa. Haga clic en Editar para configurar el componente. Con este componente, puede configurar opciones comunes a todos los componentes de Dynamic Media Classic.

Flotante

En el componente Flotante HTML5, el recurso se muestra como una pantalla dividida: a la izquierda aparece con el tamaño especificado y a la derecha aparece la porción modificada con el zoom. Haga clic en Editar para 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 dicho tamaño y se desactiva la configuración interactiva del componente.

Si el componente Flotante utiliza el tamaño predeterminado, tal como se define en la vista Diseño, se utiliza el tamaño predeterminado y el componente se expande para adaptarse al tamaño de presentación de página con la configuración interactiva del componente activada. Sin embargo, tenga en cuenta que existe una limitación en la configuración interactiva del componente. Al utilizar el componente Flotante con la configuración interactiva, no debe usarlo con la ampliación de página completa. De lo contrario, el menú flotante puede extenderse más allá del borde derecho de la página.

chlimage_1-81

Imagen

El componente Imagen clásica de Dynamic Media le permite añadir la funcionalidad de Dynamic Media Classic a sus imágenes, como modificadores de Dynamic Media Classic, ajustes preestablecidos de imagen o visor y enfoque. El componente de imagen Dynamic Media Classic es similar a otros componentes de imagen en AEM con una funcionalidad Dynamic Media Classic especial. En este ejemplo, la imagen tiene el modificador URL de Dynamic Media Classic, &op_invert=1 aplicado.

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

URL, Abrir en : puede definir un recurso desde para abrir un vínculo. Configure las URL y Abrir en para indicar si desea que se abra en la misma ventana o en una nueva.

chlimage_1-82

Ajuste preestablecido de visor: seleccione un ajuste preestablecido de visor existente en el menú desplegable. Si el ajuste preestablecido de visor que busca no está visible, es posible que tenga que hacerlo visible. Consulte Administración de ajustes preestablecidos de visor. No es posible seleccionar un ajuste preestablecido de visor si utiliza un ajuste preestablecido de imagen, y viceversa.

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

Ajuste preestablecido de imagen: seleccione un ajuste preestablecido de imagen existente en el menú desplegable. Si el ajuste preestablecido de imagen que busca no está visible, es posible que tenga que hacerlo visible. Consulte Administración de ajustes preestablecidos de imagen. No es posible seleccionar un ajuste preestablecido de visor si utiliza un ajuste preestablecido de imagen, y viceversa.

Formato de salida: seleccione el formato de salida de la imagen, por ejemplo jpeg. En función del formato de salida que seleccione, puede tener opciones de configuración adicionales. Consulte Administración de ajustes preestablecidos de imagen.

Enfoque : seleccione cómo desea enfocar la imagen. El enfoque se explica en detalle en Calidad de imagen clásica de Dynamic Media Adobe y Optimizaciones para enfoque.

Modificadores de URL: puede cambiar los efectos de imagen proporcionando comandos de imagen adicionales de Dynamic Media Classic. Se describen en Administración de ajustes preestablecidos de imagen y en la referencia de comando.

Puntos de interrupción : si el sitio web responde, 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 de Photoshop en capas que se importó a Dynamic Media Classic, donde el contenido y las propiedades se parametrizaron para la variabilidad. El componente plantilla de imagen permite importar imágenes y cambiar el texto dinámicamente en AEM. 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.

Haga clic en Editar para configurar el componente. Puede configurar opciones comunes a todos los componentes de Dynamic Media Classic, así como otras opciones que se describen en esta sección.

chlimage_1-83

Referencia de archivo, Anchura, Altura : consulte los ajustes comunes a todos los componentes de Dynamic Media Classic.

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 alternativoEn la ficha Plantilla de imagen clásica de Dynamic Media, agregue un título a la imagen y texto alternativo para los usuarios que tengan los gráficos desactivados.

URL, Abrir enPuede definir un recurso desde 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-84

Panel ParámetrosAl 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-85

Cambio del texto de forma dinámica

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

chlimage_1-86

El texto de la imagen cambia. Para restablecer el texto al valor original, haga clic en Restablecer junto al campo.

chlimage_1-87

Cambio del texto para reflejar un valor de ClientContext

Para vincular un campo a un valor de contexto de cliente, haga clic en Seleccionar para abrir el menú cliente-contexto, seleccione el contexto de cliente y haga clic en Aceptar. 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-88

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-89

Para convertir la plantilla de imagen de Dynamic Media Classic en un vínculo:

  1. En la página con el componente de plantilla de imagen de Dynamic Media Classic, haga clic en Editar.

  2. En el campo URL, introduzca la dirección URL a la que los usuarios se dirigen al hacer clic en la imagen. En el campo Abrir en, seleccione si desea que se abra el destinatario (una ventana nueva o la misma ventana).

    chlimage_1-90

  3. Haga clic en OK.

Componente de vídeo

El componente Video de Dynamic Media Classic (disponible en la sección Dynamic Media Classic de la barra de tareas) utiliza la detección de ancho de banda y dispositivos para proporcionar el vídeo adecuado 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 Video para obtener más información sobre cómo funcionan los vídeos con la integración de Dynamic Media Classic. Además, consulte cómo el componente Dynamic Media Classic video se compara con el componente básico video.

chlimage_1-91

Limitaciones conocidas del componente de vídeo

Adobe DAM y WCM muestran si se ha cargado un vídeo maestro. 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 Dynamic Media Classic, debe cambiar el tamaño del componente para adaptarlo a las dimensiones del vídeo.

Navegador de contenido de Dynamic Media Classic

El navegador de contenido de Dynamic Media Classic le permite realizar vistas de contenido desde Dynamic Media Classic directamente en AEM. 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, AEM 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 ubicados en la carpeta ad-hoc no aparecen en el navegador de contenido de Dynamic Media Classic.

  • Cuando Previsualización segura está habilitada, los recursos publicados y no publicados en Dynamic Media Classic sí aparecen en el explorador de contenido de Dynamic Media Classic.

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

  • 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.

  • Vídeo MP4 sencillo

  • Vídeo F4V sencillo

Exploración del contenido en la interfaz de usuario clásica

Para examinar el contenido en Dynamic Media Classic, haga clic en la ficha S7.

Puede cambiar la configuración a la que accede seleccionando la configuración. Las carpetas cambian según la configuración seleccionada.

chlimage_1-92

Al igual que ocurre con el buscador de contenido para los recursos, puede buscar recursos y filtrar los resultados. Sin embargo, a diferencia del buscador de recursos, al introducir una palabra clave en la pestaña S7, el nombre del archivo comienza por la cadena introducida, en lugar de contener la palabra clave en el nombre de archivo.

De forma predeterminada, los recursos se muestran por el nombre de archivo. También puede filtrar los resultados por el tipo de recurso.

NOTA

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

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

Búsqueda de recursos de Dynamic Media Classic con el navegador de contenido

La búsqueda de recursos de Dynamic Media Classic es similar a la búsqueda de recursos de AEM, excepto que cuando realiza una búsqueda, verá una vista remota de los recursos en el sistema Dynamic Media Classic, en lugar de importarlos directamente a AEM.

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 que introduce es por lo que comienza el nombre de 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 hacer clic en Entrar después de escribir el término para buscar el recurso.

chlimage_1-93

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

Si introduce una palabra clave y selecciona una carpeta, AEM realiza la búsqueda en esa carpeta y todas las subcarpetas. Sin embargo, si no introduce ninguna palabra clave cuando realice la búsqueda, al seleccionar la carpeta solo se mostrarán los recursos de esa carpeta y no se incluirá ninguna de las subcarpetas.

De forma predeterminada, AEM realiza la búsqueda en la carpeta seleccionada y todas las subcarpetas.

chlimage_1-94

Tipo de recursoSeleccione Dynamic Media Classic para examinar el contenido de Dynamic Media Classic. Esta opción solo está disponible si ya ha configurado Dynamic Media Classic.

chlimage_1-95

​ConfiguraciónSi tiene más de una configuración de Dynamic Media Classic definida en Cloud Services, puede seleccionarla aquí. Como resultado, la carpeta cambiará según la configuración que haya elegido.

chlimage_1-96

Tipo de recursoEn el navegador de 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, AEM busca de manera predeterminada todos los tipos de recursos.

chlimage_1-97

NOTA
  • 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, busca en la carpeta y en todas las subcarpetas, pero solo si ha agregado una palabra clave a la búsqueda. Si no ha añadido ninguna palabra clave, AEM no busca en las subcarpetas.

Estado de publicaciónPuede filtrar recursos en función del estado de publicación: Publicado o No publicado. Si no selecciona ningún estado de publicación, AEM de forma predeterminada busca todos los estados de publicación.

chlimage_1-98

En esta página

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free