Fórmulas de AEM Livefyre

Instrucciones paso a paso sobre casos de uso común de Adobe Experience Manager Livefyre.

Depure UGC con los componentes de AEM de Livefyre listos para usar y muestre con el muro de medios de Livefyre

Media Wall transmite contenido social y nativo de Livefyre a un muro social en tiempo real. Existen varias formas de implementar el muro de medios en AEM según el caso de uso y los requisitos.

El paquete AEM Livefyre proporciona una implementación predeterminada, mientras que la integración tradicional permite crear componentes personalizados de AEM de Livefyre.

Integración AEM

El paquete Adobe Experience Manager de Livefyre está disponible para AEM 6.1, 6.2SP1, 6.3, ,6.4 y 6.4 SP1. AEM 5.x y 6.0 no son compatibles. Para obtener instrucciones detalladas, consulte Integración con Livefyre.

Para ver qué aplicaciones de Livefyre son compatibles, consulte la Matriz de soporte AEM para aplicaciones de Livefyre.

Implementación tradicional (para componentes de AEM personalizados)

Existen tres maneras de implementar Livefyre en un componente de AEM personalizado u otros CMS como WordPress, SiteServer o DemandWare. Una integración tradicional de Livefyre es independiente de CMS.

Método 1: Implementación de aplicación de Designer

• Qué: La forma más sencilla y rápida de integrar una aplicación Livefyre. Puede diseñar, configurar y generar un código incrustado de JavaScript personalizado para integrar una aplicación de muro de medios en una página en cuestión de minutos.

• Cómo: Crear, previsualizar, publicar e incrustar una aplicación de muro de medios

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

Método 2: Implementación del SDK

• Qué: Livefyre.js es la biblioteca principal que alimenta las aplicaciones y la autenticación en un sitio. Define el window.Livefyre y un único método público, Livefyre.required, que se puede utilizar para cargar otras bibliotecas JavaScript de Livefyre que ayuden a incrustar aplicaciones de Livefyre e integrarse con plataformas de autenticación de usuarios de terceros.

• Cómo: Utilice el paquete streamhub-wallpackage del SDK de JavaScript de Livefyre

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

Para personalizaciones avanzadas con el SDK, consulte SDK de StreamHub.

Método 3: Implementación de API

• Para crear experiencias personalizadas y visualizaciones de datos, las aplicaciones de Livefyre se pueden crear desde cero consumiendo datos sociales y de Livefyre utilizando la variable API de Bootstrap y flujo.

Asegúrese de seguir Twitter, Facebooky Instagram mostrar directrices al crear la interfaz de usuario para UGC.

Integración de autenticación de Media Wall

Para integraciones de muro de medios que requieran autenticación, consulte:

• Personalizar la integración del inicio de sesión único para AEM Identity Management
• Integración de identidad para plataformas de autenticación de terceros

Información general de caso de uso

Como cliente AEM, quiero depurar UGC usando los componentes de AEM de Livefyre listos para usar y mostrarlos usando el muro de medios de Livefyre:

Pasos para implementar:

1. Introducción
2. Configuración de AEM para utilizar Livefyre
3. Arrastre y suelte AEM componente Muro de medios en su página
4. Configurar flujos y agregar reglas para depurar UGC y mostrar en el componente de muro de medios

Para ver vídeos de formación sobre la transmisión de UGC, consulte Crear flujos de contenido automáticos y buscar contenido social en Adobe Experience Manager Livefyre.

Ejemplos de clientes

• Muro de medios CNN
• Pared de medios Tour PGA

Para crear experiencias personalizadas y visualizaciones de datos, las aplicaciones de Livefyre se pueden crear desde cero consumiendo datos sociales y de Livefyre utilizando la variable API de Bootstrap y flujo.

Para las aplicaciones de Livefyre que requieren autenticación, consulte Integración de identidad para plataformas de autenticación de terceros.

• Pared de medios Tour PGA
• Tiempo de expiración

Integración de comentarios de Livefyre mediante componentes AEM o integración tradicional de Livefyre

Integración AEM

El paquete Adobe Experience Manager de Livefyre está disponible para AEM 6.1, 6.2SP1, 6.3, ,6.4 y 6.4 SP1. AEM 5.x y 6.0 no son compatibles. Para obtener instrucciones detalladas, consulte Integración con Livefyre.

Implementación tradicional (para componentes de AEM personalizados)

Existen tres maneras de implementar la aplicación de comentarios de Livefyre en un componente de AEM personalizado u otros CMS como WordPress, SiteServer o DemandWare. Una integración tradicional de Livefyre es independiente de CMS.

Método 1: Implementación de aplicación de Designer

• Qué: La forma más sencilla y rápida de integrar una aplicación Livefyre. Puede diseñar, configurar y generar un código incrustado de JavaScript personalizado para integrar una aplicación de muro de medios en una página en cuestión de minutos.

• Cómo: Crear, previsualizar, publicar e incrustar una aplicación de comentarios

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

Método 2: Implementación del SDK

• Qué: Livefyre.js es la biblioteca principal que alimenta las aplicaciones y la autenticación en un sitio. Define el window.Livefyre y un único método público, Livefyre.required, que se puede utilizar para cargar otras bibliotecas JavaScript de Livefyre que ayuden a incrustar aplicaciones de Livefyre e integrarse con plataformas de autenticación de usuarios de terceros.

• Cómo:

  • Creación de una colección o aplicación mediante CollectionMeta token.
  • Integrar Aplicación de comentarios en sitios mediante la estructura de código incrustado de Livefyre.js.

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

Para personalizaciones avanzadas con el SDK, consulte SDK de StreamHub.

Método 3: Implementación de API

• Para crear experiencias personalizadas y visualizaciones de datos, las aplicaciones de Livefyre se pueden crear desde cero consumiendo datos sociales y de Livefyre utilizando la variable API de Bootstrap y flujo.

Integración de la autenticación de la aplicación de comentarios

• Personalizar la integración del inicio de sesión único para AEM Identity Management
• Integración de identidad para plataformas de autenticación de terceros

Ejemplos de clientes

• Poise (Kimberly Klark)

Utilice la integración de Livefyre AEM Assets para importar UGC en AEM Assets

Configuración de Livefyre (para Rights Management y depuración de UGC):

1. Configurar flujos y agregar reglas para depurar UGC en carpetas de la biblioteca de activos de Livefyre.

   1. Para ver vídeos de formación sobre la transmisión de UGC, consulte Crear flujos de contenido automáticos y buscar contenido social en Adobe Experience Manager Livefyre.

2. Recopile, organice y administre UGC depurado en carpetas de la biblioteca de activos de Livefyre.

   1. Para ver vídeos de formación sobre la creación y administración de carpetas en la biblioteca de activos de Livefyre Studio, consulte Trabajar con Assets en Adobe Experience Manager Livefyre.

3. Solicitar derechos para UGC depurado usando Livefyre Studio.

Configuración de AEM (para importar UGC a AEM Assets):

1. Introducción
2. Configuración de AEM para utilizar Livefyre
3. Importar UGC depurado por Livefyre en AEM Assets

• Turismo Australia

Integración de revisiones de Livefyre mediante componentes AEM o integración tradicional de Livefyre

Integración AEM

El paquete Adobe Experience Manager de Livefyre está disponible para AEM 6.1, 6.2SP1, 6.3, ,6.4 y 6.4 SP1. AEM 5.x y 6.0 no son compatibles. Para obtener instrucciones detalladas, consulte Integración con Livefyre.

El componente de revisiones no es un componente compatible para AEM 6.1. Compruebe la Matriz de soporte de AEM para todas las aplicaciones de Livefyre.

Implementación tradicional (para componentes de AEM personalizados)

Existen dos maneras de implementar la aplicación de reseñas de Livefyre en un componente de AEM personalizado u otros CMS como WordPress, SiteServer o DemandWare. Una integración tradicional de Livefyre es independiente de CMS.

Método 1: Implementación del SDK

• Qué: Livefyre.js es la biblioteca principal que alimenta las aplicaciones y la autenticación en un sitio. Define el window.Livefyre y un único método público, Livefyre.required, que se puede utilizar para cargar otras bibliotecas JavaScript de Livefyre que ayuden a incrustar aplicaciones de Livefyre e integrarse con plataformas de autenticación de usuarios de terceros.

• Cómo:

  • Crear las revisiones CollectionMeta token para especificar los metadatos que se guardarán en la colección de revisiones.
  • Integrar Aplicación de revisiones en Sitios que usan la variable Livefyre.js estructura de código incrustado

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

Para personalizaciones avanzadas con el SDK, consulte SDK de StreamHub.

Método 2: Implementación de API

• Para crear experiencias personalizadas y visualizaciones de datos, las aplicaciones de Livefyre se pueden crear desde cero consumiendo datos sociales y de Livefyre mediante el Bootstrap y la API de Stream.

Encontrará API de valoraciones y revisiones adicionales here.

Integración de la autenticación de la aplicación de comentarios

• Personalizar la integración del inicio de sesión único para AEM Identity Management
• Integración de identidad para plataformas de autenticación de terceros

Ejemplos de clientes

• Tiempo de expiración
• fórmulas

Recursos de Business.Adobe.com

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