Adicionar ativos do Dynamic Media às páginas

Para adicionar a funcionalidade Dynamic Media aos ativos que você usa nos sites, é possível adicionar o componente Dynamic Media ou Mídia interativa diretamente na página. Entre no modo Design e habilite os componentes do Dynamic Media. Em seguida, adicione esses componentes à página e adicionar ativos ao componente. A Dynamic Media e os componentes de mídia interativa são inteligentes - eles sabem se você está adicionando uma imagem ou um vídeo e as opções disponíveis mudam de acordo.

Você adiciona ativos do Dynamic Media diretamente à página se estiver usando o Adobe Experience Manager como WCM.

OBSERVAÇÃO

Os mapas de imagem estão disponíveis imediatamente para banners de carrossel.

Adicionar um componente Dynamic Media a uma página

Adicionar o componente Dynamic Media ou Mídia interativa a uma página é o mesmo que adicionar um componente a qualquer página. Os componentes Dynamic Media e Mídia interativa são descritos detalhadamente nas seções a seguir.

Para adicionar um componente/visualizador de mídia dinâmica a uma página:

  1. No Experience Manager, abra a página onde deseja adicionar o componente Dynamic Media.

  2. Se nenhum componente Dynamic Media estiver disponível, selecione a régua no Sidekick para entrar no modo Design.

  3. Selecione Edit parsys.

  4. Selecione Dynamic Media para que possa disponibilizar os componentes do Dynamic Media.

    OBSERVAÇÃO

    Para obter mais informações, Consulte Configuração dos componentes no modo de Design.

  5. Retorne ao modo Editar clicando no ícone de lápis no Sidekick.

  6. Arraste o componente Dynamic Media ou Mídia interativa do grupo Outro no sidekick para a página no local desejado.

  7. Selecione Editar para que o componente seja aberto.

  8. Edite os componentes necessários.

  9. Selecione OK para que as alterações sejam salvas.

Componentes de mídia dinâmica

Dynamic ​ Media e Mídia ​ interativa estão disponíveis no Sidekickem Dynamic Media. Você usa o componente Mídia interativa para quaisquer ativos interativos, como vídeo interativo, imagens interativas ou conjuntos de carrossel. Para todos os outros componentes do Dynamic Media, use o componente Dynamic Media.

chlimage_1-71

OBSERVAÇÃO

Esses componentes não estão disponíveis por padrão e devem ser selecionados no modo Design antes de serem usados. Depois que eles forem disponibilizados no modo Design, você poderá adicionar os componentes à sua página como faria com qualquer outro componente do Experience Manager.

Componente Mídia dinâmica

O componente Dynamic Media é inteligente — dependendo de você adicionar uma imagem ou um vídeo, você terá várias opções. O componente oferece suporte a predefinições de imagem, visualizadores baseados em imagem, como conjuntos de imagens, conjuntos de rotação, conjuntos de mídia mista e vídeo. Além disso, o visualizador é responsivo. Ou seja, o tamanho da tela muda automaticamente com base no tamanho da tela. Todos os visualizadores são visualizadores baseados em HTML5.

OBSERVAÇÃO

Ao adicionar o componente Dynamic Media e Configurações do Dynamic Media estiver em branco ou não for possível adicionar um ativo corretamente, verifique o seguinte:

  • Você ativou a Mídia dinâmica. As mídias dinâmicas são desativadas por padrão.
  • A imagem tem um arquivo tiff de pirâmide. As imagens importadas antes da ativação do Dynamic Media não têm um arquivo tiff de pirâmide.

Ao trabalhar com imagens

O componente Dynamic Media permite adicionar imagens dinâmicas, incluindo conjuntos de imagens, conjuntos de rotação e conjuntos de mídia mista. Você pode ampliar, reduzir e, se aplicável, transformar uma imagem em um conjunto de giro ou selecionar uma imagem de outro tipo de conjunto.

Você também pode configurar a predefinição do visualizador, a predefinição da imagem ou o formato da imagem diretamente no componente. Para tornar uma imagem responsiva, você pode definir os pontos de interrupção ou aplicar uma predefinição de imagem responsiva.

chlimage_1-72

Você pode editar as seguintes configurações do Dynamic Media clicando em Editar no componente e clicando na guia Configurações do Dynamic Media.

chlimage_1-73

OBSERVAÇÃO

Por padrão, o componente de imagem do Dynamic Media é adaptável. Se quiser torná-lo de um tamanho fixo, defina-o no componente na guia Avançado com as propriedades Largura e Altura.

Predefinição do visualizador - Selecione uma predefinição do visualizador existente no menu suspenso. Se a predefinição do visualizador que você está procurando não estiver visível, você deve torná-la visível. Consulte Gerenciar predefinições do visualizador. Não é possível selecionar uma predefinição do visualizador se você estiver usando uma predefinição de imagem e vice-versa.

Essa opção só estará disponível se você exibir conjuntos de imagens, conjuntos de rotação ou conjuntos de mídia mista. As predefinições do visualizador exibidas são inteligentes. Ou seja, somente as predefinições relevantes do visualizador são exibidas.

Predefinição de imagem - Selecione uma predefinição de imagem existente no menu suspenso. Se a predefinição de imagem que você está procurando não estiver visível, você deve torná-la visível. Consulte Gerenciar predefinições de imagens. Não é possível selecionar uma predefinição do visualizador se você estiver usando uma predefinição de imagem e vice-versa.

Essa opção não estará disponível se você estiver visualizando conjuntos de imagens, conjuntos de rotação ou conjuntos de mix de mídia.

Modificadores de imagem - Você pode alterar os efeitos de imagem fornecendo comandos de imagem adicionais. Esses comandos são descritos em Gerenciamento de predefinições de imagem e Referência de comando.

Essa opção não estará disponível se você estiver visualizando conjuntos de imagens, conjuntos de rotação ou conjuntos de mix de mídia.

Pontos de interrupção - se estiver usando esse ativo em um site responsivo, você deve adicionar os pontos de interrupção da página. Os pontos de interrupção da imagem são separados por vírgulas (,). Essa opção funciona quando não há altura ou largura definida em uma predefinição de imagem.

Essa opção não estará disponível se você estiver visualizando conjuntos de imagens, conjuntos de rotação ou conjuntos de mix de mídia.

Você pode editar as seguintes Configurações avançadas clicando em Editar no componente.

Título - Altere o título da imagem.

Texto alternativo - Adicione um título à imagem para os usuários que têm os gráficos desativados.

Essa opção não estará disponível se você estiver visualizando conjuntos de imagens, conjuntos de rotação ou conjuntos de mix de mídia.

URL, Abrir em - É possível definir um ativo de para abrir um link. Defina o URL e Abrir em para indicar se deseja que ele seja aberto na mesma janela ou em uma nova janela.

Essa opção não estará disponível se você estiver visualizando conjuntos de imagens, conjuntos de rotação ou conjuntos de mix de mídia.

Largura e altura - Insira o valor em pixels se desejar que a imagem tenha um tamanho fixo. Deixar esses valores em branco torna o recurso adaptável.

Ao trabalhar com vídeo

Use o componente Dynamic Media para adicionar vídeo dinâmico às suas páginas da Web. Ao editar o componente, você pode optar por usar uma predefinição de visualizador de vídeo predefinida para reproduzir o vídeo na página.

chlimage_1-74

Você pode editar as seguintes Configurações do Dynamic Media clicando em Editar no componente.

OBSERVAÇÃO

Por padrão, o componente de vídeo Mídia dinâmica é adaptável. Se quiser torná-lo de um tamanho fixo, defina-o no componente com a Largura e Altura na guia Avançado.

Predefinição do visualizador - Selecione uma predefinição do visualizador de vídeo existente no menu suspenso. Se a predefinição do visualizador que você está procurando não estiver visível, você deve torná-la visível. Consulte Gerenciar predefinições do visualizador.

Você pode editar as seguintes configurações Avançado clicando em Editar no componente.

Título - Altere o título do vídeo.

Largura e altura - Insira o valor em pixels se desejar que o vídeo tenha um tamanho fixo. Deixar esses valores em branco faz com ele que seja adaptável.

Fornecer vídeo seguro

No Experience Manager 6.2, ao instalar FP-13480, você pode controlar se um vídeo é entregue por uma conexão SSL segura (HTTPS) ou por uma conexão não segura (HTTP). Por padrão, o protocolo de entrega de vídeo é herdado automaticamente do protocolo da página da web de incorporação. Se a página da web for carregada via HTTPS, o vídeo também será entregue via HTTPS. E, por outro lado, se a página da Web estiver em HTTP, o vídeo será entregue via HTTP. Normalmente, esse comportamento padrão é bom e não há necessidade de fazer alterações na configuração. No entanto, você pode substituir esse comportamento padrão. Anexe VideoPlayer.ssl=on ao final de um caminho de URL ou à lista de outros parâmetros de configuração do visualizador em um trecho de código incorporado. A ação força a entrega segura de vídeos.

Para obter mais informações sobre a entrega segura de vídeos e o uso do atributo de configuração VideoPlayer.ssl no caminho do URL, consulte Entrega de vídeo seguro no Guia de referência de visualizadores. Além do visualizador de Vídeo, a entrega segura de vídeo está disponível para o visualizador de Mídia mista e o visualizador de Vídeo interativo.

Componente Mídia interativa

O componente Mídia interativa é para ativos que possuem interatividade em pontos de acesso ou mapas de imagem. Se você tiver uma imagem interativa, um vídeo interativo ou um banner de carrossel, use o componente Mídia interativa.

O componente Mídia interativa é inteligente - dependendo de você adicionar uma imagem ou um vídeo, você terá várias opções. Além disso, o visualizador é responsivo. Ou seja, o tamanho da tela muda automaticamente com base no tamanho da tela. Todos os visualizadores são visualizadores baseados em HTML5.

chlimage_1-75

É possível editar as seguintes configurações Gerais clicando em Editar no componente.

Predefinição do visualizador - Selecione uma predefinição do visualizador existente no menu suspenso. Se a predefinição do visualizador que você está procurando não estiver visível, você deve torná-la visível. As Predefinições do visualizador devem ser publicadas para poderem ser usadas. Consulte Gerenciar predefinições do visualizador.

Título - Altere o título do vídeo.

Largura e altura - Insira o valor em pixels se desejar que o vídeo tenha um tamanho fixo. Deixar esses valores em branco faz com ele que seja adaptável.

É possível editar as seguintes configurações de Adicionar ao carrinho clicando em Editar no componente.

Mostrar ativo do produto - por padrão, esse valor é selecionado. O ativo do produto mostra uma imagem do produto, conforme definido no módulo Comércio. Limpe a marca de seleção para não mostrar o ativo do produto.

Mostrar preço do produto - por padrão, esse valor é selecionado. O preço do produto mostra o preço do item, conforme definido no módulo Comércio. Limpe a marca de seleção para não mostrar o preço do produto.

Mostrar formulário do produto - por padrão, esse valor não está selecionado. O Formulário de produto inclui quaisquer variantes de produto, como tamanho e cor. Limpe a marca de seleção para não mostrar as variantes do produto.

Nesta página