Fórmulas de Livefyre de AEM

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

Depure UGC con los componentes de AEM de Livefyre integrados y visualícelos con Livefyre Media Wall

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

El paquete de Livefyre de AEM proporciona una implementación lista para usar, mientras que la integración tradicional ofrece la capacidad de crear componentes AEM Livefyre personalizados.

Integración de AEM

El paquete de Adobe Experience Manager 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 de AEM para aplicaciones de Livefyre.

Implementación tradicional (para componentes de AEM personalizados)

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

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

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

• Cómo: Crear, Previsualización, publicar e incrustar una aplicación de Media Wall

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

Método 2: Implementación de SDK

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

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

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

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

Método 3: Implementación de API

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

Asegúrese de seguir Twitter, Facebook e Instagram las pautas de visualización al crear la IU para UGC.

Integración de autenticación de muro de medios

Para integraciones de Media Wall que requieren autenticación, consulte:

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

Información general de caso de uso

Como cliente AEM, quiero depurar UGC usando los componentes de Livefyre integrados AEM y mostrarlos con Livefyre Media Wall:

Pasos para implementar:

1. Introducción
2. Configurar AEM para usar Livefyre
3. Arrastre y suelte AEM componente de Media Wall en la página
4. Configurar flujos y agregar reglas para conservar UGC y mostrarlas en el componente Media Wall

Para ver vídeos de capacitación sobre transmisión por secuencias UGC, consulte Creación de flujos de contenido automático y Búsqueda de contenido social en Adobe Experience Manager Livefyre.

Ejemplos de clientes

• Muro de los medios CNN
• PGA Tour Media Wall

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

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

• PGA Tour Media Wall
• Tiempo de expiración

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

Integración de AEM

El paquete de Adobe Experience Manager 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 formas 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 agnóstica con CMS.

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

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

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

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

Método 2: Implementación de SDK

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

• Cómo:

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

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

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

Método 3: Implementación de API

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

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

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

Ejemplos de clientes

• Poise (Kimberly Klark)

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

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

1. Configure flujos y Añada reglas para conservar UGC en carpetas de la biblioteca de recursos de Livefyre.

   1. Para ver vídeos de capacitación sobre transmisión por secuencias UGC, consulte Creación de flujos de contenido automático y Búsqueda de contenido social en Adobe Experience Manager Livefyre.

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

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

3. Solicitar derechos para UGC depurado mediante Livefyre Studio.

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

1. Introducción
2. Configurar AEM para usar Livefyre
3. Importar UGC depurado por Livefyre en AEM Assets

• Turismo Australia

Integrar las revisiones de Livefyre mediante componentes AEM o integración tradicional de Livefyre

Integración de AEM

El paquete de Adobe Experience Manager 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 Reseñas no es un componente admitido para AEM 6.1. Verifique 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 análisis de Livefyre en un componente de AEM personalizado u otros CMS como WordPress, SiteServer o DemandWare. Una integración tradicional de Livefyre es agnóstica con CMS.

Método 1: Implementación de SDK

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

• Cómo:

  • Cree el token de CollectionMeta de críticas para especificar los metadatos que se almacenarán en la colección de revisiones.
  • Integrar Revisa la aplicación en sitios mediante la estructura de código incrustado Livefyre.js

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

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

Método 2: Implementación de API

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

Encontrará más API de clasificaciones y revisiones aquí.

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

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

Ejemplos de clientes

• Tiempo de expiración
• micras