AEM Livefyre Receita

Instruções passo a passo sobre casos de uso comuns do Adobe Experience Manager Livefyre.

Prepare o UGC usando os componentes predefinidos do Livefyre AEM e exiba usando o Livefyre Media Wall

O Media Wall transmite conteúdo social e nativo do Livefyre para um mural social em tempo real. Existem várias maneiras de implementar o Media Wall em AEM, dependendo do caso de uso e dos requisitos.

O AEM Livefyre Package fornece uma implementação predefinida, enquanto a integração tradicional fornece a capacidade de criar componentes personalizados do Livefyre AEM.

Integração AEM

O Pacote Livefyre Adobe Experience Manager está disponível para AEM 6.1, 6.2SP1, 6.3, ,6.4 e 6.4 SP1. Não há suporte para AEM 5.x e 6.0. Para obter instruções detalhadas, consulte Integração com Livefyre.

Para saber quais aplicativos Livefyre são suportados, consulte a Matriz de suporte AEM para aplicativos Livefyre.

Implementação tradicional (para componentes personalizados de AEM)

Há três maneiras de implementar o Livefyre em um componente AEM personalizado ou em outros CMSs como WordPress, Sitecore ou DemandWare. Uma integração tradicional do Livefyre é agnóstico do CMS.

Método 1: Implementação do aplicativo Designer

Método 2: Implementação do SDK

Para personalizações avançadas que usam o SDK, consulte SDKs do StreamHub.

Método 3: Implementação da API

  • Para criar experiências personalizadas e visualizações de dados, os aplicativos Livefyre podem ser criados do zero, consumindo o Livefyre e os dados sociais usando o Bootstrap e a API de fluxo.

Siga as diretrizes de exibição do Twitter, Facebook e Instagram ao criar a interface para UGC.

Integração da autenticação do Media Wall

Para integrações de mural de mídia que exigem autenticação, consulte:

Visão geral do caso de uso

Como cliente AEM, desejo preparar o UGC usando os componentes prontos para uso do Livefyre AEM e exibir usando o Livefyre Media Wall:

Etapas para implementar:

  1. Introdução
  2. Configure AEM para usar o Livefyre
  3. Arraste e solte AEM componente Media Wall na sua página
  4. Configure os fluxos e adicione regras para preparar o UGC e exibir no componente Media Wall

Para assistir a vídeos de treinamento em streaming de UGC, consulte Criar fluxos de conteúdo automático e Pesquisar conteúdo social no Adobe Experience Manager Livefyre.

Exemplos de cliente

Para criar experiências personalizadas e visualizações de dados, os aplicativos Livefyre podem ser criados do zero, consumindo o Livefyre e os dados sociais usando o Bootstrap e a API de fluxo.

Para aplicativos Livefyre que exigem autenticação, consulte Integração de identidade para plataformas de autenticação de terceiros.

Integre os comentários do Livefyre usando AEM componentes ou a integração tradicional do Livefyre

Integração AEM

O Pacote Livefyre Adobe Experience Manager está disponível para AEM 6.1, 6.2SP1, 6.3, ,6.4 e 6.4 SP1. Não há suporte para AEM 5.x e 6.0. Para obter instruções detalhadas, consulte Integração com Livefyre.

Implementação tradicional (para componentes personalizados de AEM)

Há três maneiras de implementar o aplicativo Livefyre Comments em um componente AEM personalizado ou outros CMSs como WordPress, Sitecore ou DemandWare. Uma integração tradicional do Livefyre é agnóstico do CMS.

Método 1: Implementação do aplicativo Designer

Método 2: Implementação do SDK

  • O que: Livefyre. jsis a biblioteca principal que alimenta os Aplicativos e o Auth em um site. Ele define o objeto global window.Livefyre e um único método público, Livefyre.requirements, que pode ser usado para carregar outras bibliotecas do Livefyre JavaScript que ajudam na incorporação de aplicativos Livefyre e na integração com plataformas de autenticação de terceiros.

  • Como:

  • Exemplo: https://codepen.io/dharafyre/pen/oYoJdP

Para personalizações avançadas usando o SDK, consulte SDKs do StreamHub.

Método 3: Implementação da API

  • Para criar experiências personalizadas e visualizações de dados, os aplicativos Livefyre podem ser criados do zero, consumindo o Livefyre e os dados sociais usando o Bootstrap e a API de fluxo.

Integração de autenticação de aplicativos de comentários

Exemplos de cliente

Use a integração do Livefyre AEM Assets para importar o UGC no AEM Assets

Instalação do Livefyre (para Curadoria UGC e Rights Management):

  1. Configure os fluxos e adicione regras para preparar o UGC às pastas da biblioteca de ativos do Livefyre.

    1. Para assistir a vídeos de treinamento em streaming de UGC, consulte Criar fluxos de conteúdo automático e Pesquisar conteúdo social no Adobe Experience Manager Livefyre.

  2. Reúna, organize e gerencie o UGC com curadoria nas pastas da Biblioteca de ativos do Livefyre.

    1. Para obter vídeos de treinamento sobre como criar e gerenciar pastas na Biblioteca de ativos do Livefyre Studio, consulte Trabalhar com ativos no Adobe Experience Manager Livefyre.

  3. Solicite direitos para UGC com curadoria usando o Livefyre Studio.

Configuração AEM (para importar UGC para AEM Assets):

  1. Introdução
  2. Configure AEM para usar o Livefyre
  3. Importar UGC curado pelo Livefyre para o AEM Assets

Integrar revisões do Livefyre usando AEM componentes ou a integração tradicional do Livefyre

Integração AEM

O Pacote Livefyre Adobe Experience Manager está disponível para AEM 6.1, 6.2SP1, 6.3, ,6.4 e 6.4 SP1. Não há suporte para AEM 5.x e 6.0. Para obter instruções detalhadas, consulte Integração com Livefyre.

O Componente de revisões não é um componente compatível com o AEM 6.1. Verifique a matriz de suporte AEM para todos os aplicativos Livefyre.

Implementação tradicional (para componentes personalizados de AEM)

Há duas maneiras de implementar o aplicativo Livefyre Reviews em um componente AEM personalizado ou outros CMSs como WordPress, Sitecore ou DemandWare. Uma integração tradicional do Livefyre é agnóstico do CMS.

Método 1: Implementação do SDK

  • O que: Livefyre. jsis a biblioteca principal que alimenta os Aplicativos e o Auth em um site. Ele define o objeto global window.Livefyre e um único método público, Livefyre.requirements, que pode ser usado para carregar outras bibliotecas do Livefyre JavaScript que ajudam na incorporação de aplicativos Livefyre e na integração com plataformas de autenticação de terceiros.

  • Como:

    • Crie as Revisões CollectionMeta token para especificar metadados a serem armazenados na Coleção de Revisões.
    • Integre Revisa o aplicativo nos sites usando a Livefyre.js estrutura de código incorporada

  • Exemplo: https://codepen.io/dharafyre/pen/GXgvvd

Para personalizações avançadas usando o SDK, consulte SDKs do StreamHub.

Método 2: Implementação da API

  • Para criar experiências personalizadas e visualizações de dados, os aplicativos Livefyre podem ser criados do zero, consumindo o Livefyre e os dados sociais usando a API Bootstrap e Stream.

As APIs de classificações e revisões adicionais podem ser encontradas aqui.

Integração de autenticação de aplicativos de comentários

Exemplos de cliente

Nesta 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