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:

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

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.

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):

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.
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.
Solicitar derechos para UGC depurado mediante Livefyre Studio.

Configuración de AEM (para importar UGC a 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