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

• O que: A maneira mais fácil e rápida de integrar um aplicativo Livefyre. Você pode projetar, configurar e gerar um código incorporado JavaScript personalizado para integrar um Aplicativo de mural de mídia em uma página em minutos.

• Como: Criar, visualizar, publicar e incorporar um aplicativo de mural de mídia

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

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.

• How: Use o pacote simplificado do SDK do JavaScript do Livefyre

• Exemplo: https://codepen.io/dharafyre/pen/KZKBNv?editors=1010

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:

• Personalizar logon único na integração para AEM Identity Management
• Integração de identidade para plataformas de autenticação de terceiros

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

• Mural de mídia CNN
• Mural de mídia de turnê PGA

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.

• Mural de mídia de turnê PGA
• Tempo limite

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

• O que: A maneira mais fácil e rápida de integrar um aplicativo Livefyre. Você pode projetar, configurar e gerar um código incorporado JavaScript personalizado para integrar um Aplicativo de mural de mídia em uma página em minutos.

• Como: Criar, visualizar, publicar e incorporar um aplicativo de comentários

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

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:

  • Criar uma coleção/aplicativo usando Token CollectionMeta.
  • Integrar Aplicativo de comentários em sites que usam a estrutura de código incorporado do Livefyre.js.

• 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

• Personalizar logon único na integração para AEM Identity Management
• Integração de identidade para plataformas de autenticação de terceiros

Exemplos de cliente

• Poise (Kimberly Klark)

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

• Turismo Austrália

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:

  • Criar as revisões Token CollectionMeta para especificar metadados a serem armazenados na Coleção de Revisões.
  • Integrar Aplicativo de revisões nos Sites usando o Livefyre.js estrutura do código incorporado

• 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

• Personalizar logon único na integração para AEM Identity Management
• Integração de identidade para plataformas de autenticação de terceiros

Exemplos de cliente

• Tempo limite
• myrecipes

Recursos do Business.Adobe.com

Content Insights Style System Cms Cloud Personalized Communications Responsive Forms Dynamic Media