Receitas do AEM Livefyre

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

Prepare o UGC usando os componentes prontos para uso do Livefyre AEM e a exibição usando o Livefyre Media Wall

O Media Wall transmite conteúdo social e nativo do Livefyre em um mural social em tempo real. Há várias maneiras de implementar o Mural de mídia no AEM, dependendo do caso de uso e dos requisitos.

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

Integração de AEM

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

Para saber quais aplicativos do Livefyre são compatíveis, consulte Matriz de suporte AEM para aplicativos do Livefyre.

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

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

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

Método 2: Implementação do SDK

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

Método 3: Implementação de API

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

Certifique-se de seguir Twitter, Facebooke Instagram exiba as diretrizes ao criar a interface do usuário para UGC.

Integração da autenticação do mural de mídia

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

Visão geral dos casos 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. Configurar AEM para usar o Livefyre
  3. Arraste e solte AEM componente Mural de mídia em sua página
  4. Configurar fluxos e adicionar regras para preparar o UGC e exibir o componente Mural de mídia

Para assistir a vídeos de treinamento no 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 do Livefyre podem ser criados do zero ao consumir o Livefyre e os dados sociais usando o API de fluxo e do Bootstrap.

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 componentes AEM ou a integração tradicional do Livefyre

Integração de AEM

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

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

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

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

Método 2: Implementação do SDK

  • O que: Livefyre.js é a biblioteca principal que alimenta aplicativos e o Auth em um site. Ela define o window.Livefyre objeto e um método público único, Livefyre.require, que pode ser usada para carregar outras bibliotecas JavaScript do Livefyre que ajudam a incorporar aplicativos do Livefyre e a integrar com plataformas de autenticação de usuário 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 de API

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

Comentários da integração de autenticação do aplicativo

Exemplos de cliente

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

Configuração do Livefyre (para curadoria UGC e Rights Management):

  1. Configurar fluxos e adicionar regras para preparar o UGC para as pastas da biblioteca de ativos do Livefyre.

    1. Para assistir a vídeos de treinamento no streaming de UGC, consulte Criar fluxos de conteúdo automático e Pesquisar conteúdo social no Adobe Experience Manager Livefyre.
  2. Colete, 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 Trabalhe com ativos no Adobe Experience Manager Livefyre.
  3. Direitos de solicitação para UGC preparado usando o Livefyre Studio.

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

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

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

Integração de AEM

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

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

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

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

Método 1: Implementação do SDK

  • O que: Livefyre.js é a biblioteca principal que alimenta aplicativos e o Auth em um site. Ela define o window.Livefyre objeto e um método público único, Livefyre.require, que pode ser usada para carregar outras bibliotecas JavaScript do Livefyre que ajudam a incorporar aplicativos do Livefyre e a integrar com plataformas de autenticação de usuário de terceiros.

  • Como:

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

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

Método 2: Implementação de API

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

É possível encontrar outras APIs de Classificações e Revisões here.

Comentários da integração de autenticação do aplicativo

Exemplos de cliente

Nesta página