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 Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now