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

• O que: a maneira mais simples e rápida de integrar um aplicativo Livefyre. Você pode projetar, configurar e gerar um código incorporado JavaScript personalizado para integrar um aplicativo Media Wall em uma página em minutos.

• Como: criar, Pré-visualização, 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. 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: Use o pacote simplificado do Livefyre JavaScript SDK

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

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:

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

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

• CNN Media Wall
• Mídia de tour PGA

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.

• Mídia de tour PGA
• Tempo limite

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

• O que: a maneira mais simples e rápida de integrar um aplicativo Livefyre. Você pode projetar, configurar e gerar um código incorporado JavaScript personalizado para integrar um aplicativo Media Wall em uma página em minutos.

• Como: criar, Pré-visualização, 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. 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 uma coleção/aplicativo usando CollectionMeta token.
  • Integre Aplicativo de comentários em sites usando a estrutura de código incorporada 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 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

• Personalizar o 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)

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

• Turismo Austrália

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

• Personalizar o 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
• minhas receitas