Aprenda a integrar las capacidades de depuración líderes del sector de Livefyre con su instancia de AEM 6.4, lo que le permite publicar en su sitio en cuestión de minutos contenido valioso generado por el usuario (UGC) desde las redes sociales.
AEM 6.4 viene con el paquete de funciones 1.2.6 de Livefyre preinstalado. Este paquete solo incluye una integración limitada de Livefyre con AEM Sites y debe desinstalarse antes de instalar un paquete actualizado. Con el paquete más reciente, puede disfrutar de la integración completa de Livefyre con AEM, incluidos Sitios, Recursos y Comercio.
Algunas funciones del paquete AEM-LF dependen del marco de componentes de Social (SCF). Si está utilizando el paquete de funciones de Livefyre como parte de un sitio que no es de comunidades, debe declarar cq.social.scf como una dependencia en los clientes autores del sitio web. Si está utilizando el paquete de funciones de LF como parte de un sitio web de comunidades, esta dependencia ya debería ser declarada.
En la página principal de AEM, haga clic en el icono Herramientas en el carril izquierdo.
Vaya a Implementación > Paquetes.
En el Administrador de paquetes, desplácese hasta que vea el paquete de funciones de Livefyre preinstalado y, a continuación, haga clic en el título del paquete cq-social-livefyre-pkg-1.2.6.zip para ampliar las opciones.
Haga clic en Más > Desinstalar.
Descargue el paquete Livefyre de Software Distribution.
En el Administrador de paquetes, instale el paquete descargado. Para obtener instrucciones sobre el uso de Distribución de software y paquetes en AEM, consulte Cómo trabajar con paquetes.
Ya está instalado el paquete Livefyre-AEM. Para poder empezar a utilizar las funciones de integración, debe configurar AEM para utilizar Livefyre.
Para obtener más información y notas de la versión sobre los paquetes de funciones, consulte Feature Packs.
En la página principal de AEM, haga clic en el icono Herramientas en el carril izquierdo y, a continuación, vaya a General > Navegador de configuración.
Haga clic en Crear para abrir el cuadro de diálogo Crear configuración.
Asigne un nombre a la configuración y marque la casilla Configuraciones de nube.
Esto creará una carpeta en Herramientas > Implementación > Configuración de Livefyre con el nombre proporcionado.
Configure AEM para utilizar las credenciales de licencia de Livefyre de su organización, lo que permite la comunicación entre Livefyre y AEM.
En la página principal de AEM, haga clic en el icono Herramientas en el carril izquierdo y, a continuación, vaya a Implementación > Configuración de Livefyre.
Seleccione la carpeta de configuración en la que desea crear una nueva configuración de Livefyre y haga clic en Crear.
Las carpetas deben tener configuraciones de nube habilitadas en sus propiedades para poder agregarlas a las configuraciones de Livefyre. Las carpetas de configuración se crean y administran en el navegador de configuración.
No se puede crear un nombre para una configuración; se hace referencia a ella en la ruta de la carpeta en la que se encuentra. Sólo puede tener una configuración por carpeta.
Consulte la documentación del explorador de configuración para obtener más información.
Seleccione la tarjeta de configuración de Livefyre recién creada y haga clic en Propiedades.
Introduzca las credenciales de Livefyre de su organización y haga clic en Aceptar.
Para acceder a esta información, abra el estudio Livefyre y vaya a Configuración > Configuración de integración > Credenciales.
La instancia de AEM ahora está configurada para usar Livefyre y puede utilizar las funciones de integración.
El paquete Livefyre para AEM incluye una integración lista para usar entre AEM Communities perfiles y el servicio SSO de Livefyre.
Cuando los usuarios inician sesión en el sitio AEM, también inician sesión en los componentes sociales de Livefyre. Cuando un usuario que ha cerrado la sesión intenta utilizar una función de componente Livefyre que requiere autenticación (como cargar una foto), el componente Livefyre inicia la autenticación del usuario.
Es posible que la integración de autenticación predeterminada no sea perfecta para cada sitio. Para que coincida mejor con el flujo de autenticación de las plantillas de sitio, puede omitir el delegado de autenticación de Livefyre predeterminado para satisfacer sus necesidades. Siga estos pasos:
Utilizando CRXDE Lite, copie /libs/social/integrations/livefyre/components/autorizablecomponent/authclientlib en /apps/social/integrations/livefyre/components/autorizablecomponent/authclientlib.
Edite y guarde /apps/social/integrations/livefyre/components/authorizablecomponent/authclientlib/auth.js para implementar un delegado de autenticación de Livefyre que satisfaga sus necesidades.
Para obtener más información sobre cómo personalizar un delegado de autenticación, consulte Integración de identidad.
Para obtener más información sobre AEM Clientlibs, consulte Uso de bibliotecas del lado del cliente.
Antes de agregar componentes de Livefyre a una página dentro de Sitios, debe habilitar Livefyre para la página heredando una configuración de nube de Livefyre de una página principal o agregando la configuración directamente a la página. Consulte la implementación para saber cómo incluir servicios en la nube en el sitio.
Una vez Livefyre esté habilitado para la página, los contenedores deben configurarse para permitir los componentes de Livefyre. Consulte Configuración de componentes en modo diseño para obtener instrucciones sobre cómo habilitar distintos componentes.
Las aplicaciones que requieren autenticación para anunciar no funcionan hasta que la autenticación se configura en la integración del inicio de sesión único personalizada.
En el panel lateral Componentes del modo de diseño, seleccione Livefyre del menú para limitar la lista a los componentes de Livefyre disponibles.
Seleccione un componente Livefyre y arrástrelo a su posición en la página.
Seleccione si desea crear una nueva aplicación de Livefyre o incrustar una existente.
Si incrusta una aplicación existente, AEM le pedirá que seleccione la aplicación. Si se crea una aplicación nueva, la aplicación deberá rellenarse antes de que aparezca el contenido. La aplicación se creará en el sitio de Livefyre y en la red seleccionada cuando se habilitó la configuración de la nube de Livefyre para la página.
Para obtener más información sobre cómo insertar componentes, consulte Edición de contenido de página.
Solo puede configurar y editar un componente Livefyre en Livefyre Studio. De AEM:
Puede importar contenido generado por usuarios (UGC) de Twitter e Instagram de Livefyre Studio a AEM Assets mediante el importador de UGC. Después de seleccionar el contenido que se va a importar, debe solicitar derechos al contenido para poder completar la importación.
Antes de usar Recursos para importar UGC, debe configurar cuentas de cuentas de Social y solicitudes de derechos en Livefyre Studio. Consulte Configuración: Solicitudes de derechos para obtener más información.
Para importar UGC en AEM Assets:
En la página principal de AEM, vaya a Recursos > Archivos.
Haga clic en Crear y luego haga clic en Importar UGC.
Buscar contenido:
Seleccione los recursos que desee importar. Los recursos seleccionados se cuentan y guardan automáticamente en la ficha Seleccionado.
Opcional: Haga clic en la ficha Seleccionado y revise el contenido UGC seleccionado para importar.
Haga clic en Siguiente.
Para solicitudes de derechos, elija una de las siguientes opciones para cada recurso:
Para Instagram:
Debido a las actualizaciones que afectan a la agregación de contenido de cuentas de usuarios no profesionales, ya no podemos publicar comentarios en su nombre ni comprobar automáticamente las respuestas del autor. Haga clic aquí para obtener más información.
Para Twitter:
Haga clic en Importar.
Si ha enviado una solicitud de derechos de Twitter, el propietario del contenido verá el mensaje de solicitud de derechos en su cuenta:
Twitter tiene límites en solicitudes idénticas provenientes de la misma cuenta. Al importar más de un par de recursos, modifique los mensajes individualmente para evitar que se marquen.
Haga clic en Listo en la esquina superior derecha para finalizar el flujo de trabajo de Solicitud de derechos.
Puede ver el estado de una solicitud de derechos pendiente para un recurso en Livefyre Studio. Si el contenido está pendiente de una solicitud de derechos, el recurso no se mostrará en AEM Assets hasta que se concedan derechos. El recurso aparece automáticamente en AEM Assets cuando se concede una solicitud de derechos.
En Instagram, debe rastrear la respuesta del propietario del contenido y otorgar derechos manualmente si se le otorgan derechos sobre el contenido.
Los usuarios de AEM Commerce pueden integrar sin problemas su catálogo de productos existente en Livefyre para impulsar la participación del usuario en las aplicaciones de visualización de Livefyre.
Después de importar el catálogo de productos, los productos se muestran en tiempo real en la instancia de Livefyre. Si edita o elimina elementos del catálogo de productos de comercio AEM, los cambios se actualizan automáticamente en Livefrye.
Asegúrese de tener instalado el paquete Livefyre para AEM más reciente en su instancia de AEM.
En la página principal de AEM, vaya a AEM Commerce.
Cree una colección nueva o utilice una colección existente.
Pase el ratón sobre la colección y haga clic en Propiedades de la colección (icono de lápiz).
Marque Sincronizar con Livefyre.
Rellene Prefijo de página de Livefyre para vincular esta colección a una página específica de AEM.
El prefijo de página define la ruta raíz del entorno donde comienza la búsqueda de páginas de productos. Livefyre elige la primera página que tiene un producto correspondiente asociado a ella. Para obtener diferentes páginas para diferentes productos, se necesitan varias colecciones.
Aplicaciones de Livefyre | AEM 6.1 | AEM 6.2 | AEM 6.3 | AEM 6.4 |
---|---|---|---|---|
Carrusel | X | X | X | X |
Chat | X | X | X | X |
Comentarios | X | X | X | X |
Tira de película | X | X | X | |
LiveBlog | X | X | X | X |
Asignar | X | X | X | X |
Muro de los medios | X | X | X | X |
Mosaico | X | X | X | X |
Encuesta | X | X | X | |
Críticas | X | X | X | |
Tarjeta única | X | X | X | X |
Storify 2 | X | X | X | |
Tendencias | X | X | X | |
Upload Button | X | X | X |