Recettes AEM Livefyre

Cette section contient des instructions détaillées sur les cas d’utilisation courants d’Adobe Experience Manager Livefyre.

Traitement et affichage du contenu créé par l’utilisateur à l’aide des composants AEM Livefyre prêts à l’emploi et du Mur multimédia Livefyre

Mur multimédia diffuse du contenu Livefyre natif et provenant des réseaux sociaux sur un mur en temps réel. Il existe plusieurs façons d’implémenter le composant Mur multimédia dans AEM, selon les cas d’utilisation et les exigences.

Le module AEM Livefyre fournit une implémentation prête à l’emploi, tandis que l’intégration classique permet de créer des composants AEM Livefyre personnalisés.

Intégration d’AEM

Le package Adobe Experience Manager Livefyre est disponible pour AEM 6.1, 6.2 SP1, 6.3, 6.4 et 6.4 SP1. AEM 5.x et 6.0 ne sont pas pris en charge. Pour obtenir des instructions détaillées, consultez Intégration à Livefyre.

Pour connaître les applications Livefyre prises en charge, reportez-vous à la Matrice de prise en charge d’AEM pour les applications Livefyre.

Implémentation classique (pour les composants AEM personnalisés)

Il existe trois manières d’implémenter Livefyre dans un composant AEM personnalisé ou d’autres systèmes de gestion de contenu tels que WordPress, Sitecore ou DemandWare. L’intégration Livefyre classique est compatible avec tous types de systèmes de gestion de contenu.

Méthode 1 : implémentation de l’application Designer

Méthode 2 : implémentation du SDK

Pour des personnalisations avancées à l’aide du SDK, consultez la page SDK streamhub.

Méthode 3 : implémentation de l’API

  • Pour des expériences et des visualisations de données personnalisées, vous pouvez créer des applications Livefyre de A à Z en utilisant des données Livefyre et des données des médias sociaux, à l’aide des API Bootstrap et Stream.

Veillez à respecter les instructions relatives à l’affichage de Twitter, Facebook et Instagram lors de la création de l’IU pour le contenu créé par l’utilisateur.

Intégration de l’authentification au mur multimédia

Pour les intégrations de murs multimédias nécessitant une authentification, consultez la page :

Cas d’utilisation

En tant qu’utilisateur AEM, je souhaite traiter le contenu créé par l’utilisateur à l’aide des composants AEM Livefyre prêts à l’emploi et afficher ce contenu avec Mur multimédia Livefyre.

Étapes de l’implémentation :

  1. Prise en main
  2. Configuration d’AEM pour utiliser Livefyre
  3. Effectuez un glisser-déposer du composant Mur multimédia d’AEM sur votre page
  4. Configurez des flux et ajoutez des règles pour traiter le contenu créé par l’utilisateur et l’afficher sur le composant Mur multimédia.

Pour visionner des vidéos de formation à la diffusion en continu de contenu créé par l’utilisateur, consultez Création de flux automatiques de contenu et recherche de contenu social dans Adobe Experience Manager Livefyre.

Exemples de clients

Pour des expériences et des visualisations de données personnalisées, vous pouvez créer des applications Livefyre de A à Z en utilisant des données Livefyre et des données des médias sociaux, à l’aide des API Bootstrap et Stream.

Pour les applications Livefyre nécessitant une authentification, consultez la page Intégration d’identité pour les plateformes d’authentification tierces.

Intégration de Livefyre Comments à l’aide des composants AEM ou de l’intégration Livefyre classique

Intégration d’AEM

Le package Adobe Experience Manager Livefyre est disponible pour AEM 6.1, 6.2 SP1, 6.3, 6.4 et 6.4 SP1. AEM 5.x et 6.0 ne sont pas pris en charge. Pour obtenir des instructions détaillées, consultez Intégration à Livefyre.

Implémentation classique (pour les composants AEM personnalisés)

Il existe trois façons d’implémenter l’application Livefyre Comments dans un composant AEM personnalisé ou dans d’autres systèmes de gestion de contenu tels que WordPress, Sitecore ou DemandWare. L’intégration Livefyre classique est compatible avec tous types de systèmes de gestion de contenu.

Méthode 1 : implémentation de l’application Designer

Méthode 2 : implémentation du SDK

  • Description : Livefyre.js est la bibliothèque principale qui alimente les applications et les authentifications sur un site. Celle-ci définit l’objet global window.Livefyre et une méthode publique unique, Livefyre.require, qui peuvent être utilisés pour charger d’autres bibliothèques JavaScript Livefyre. Ces bibliothèques permettent l’intégration des applications Livefyre et l’intégration aux plateformes tierces d’authentification de l’utilisateur.

  • Comment :

    • Créez une collection ou une application à l’aide du jeton CollectionMeta.
    • Intégrez l’application Comments aux sites à l’aide de la structure du code d’intégration Livefyre.js.
  • Exemple : https://codepen.io/dharafyre/pen/oYoJdP

Pour des personnalisations avancées à l’aide du SDK, consultez la page SDK streamhub.

Méthode 3 : implémentation de l’API

  • Pour des expériences et des visualisations de données personnalisées, vous pouvez créer des applications Livefyre de A à Z en utilisant des données Livefyre et des données des médias sociaux, à l’aide des API Bootstrap et Stream.

Intégration de l’authentification à l’application Comments

Exemples de client(e)s

Utilisation de Livefyre avec AEM Assets pour importer le contenu créé par l’utilisateur dans AEM Assets

Configuration de Livefyre (pour le traitement du contenu créé par l’utilisateur et la gestion des droits) :

  1. Configurez des flux et ajoutez des règles aux dossiers de la bibliothèque de fichiers Livefyre pour traiter le contenu créé par l’utilisateur.

    1. Pour visionner des vidéos de formation à la diffusion en continu de contenu créé par l’utilisateur, consultez Création de flux automatiques de contenu et recherche de contenu social dans Adobe Experience Manager Livefyre.
  2. Rassemblez, organisez et gérez le contenu créé par l’utilisateur dans les dossiers de la bibliothèque de fichiers Livefyre.

    1. Pour visionner des vidéos de formation à la création et la gestion des dossiers dans la bibliothèque de fichiers Livefyre Studio, consultez Utilisation des ressources dans Adobe Experience Manager Livefyre.
  3. Demandez des droits sur le contenu créé par l’utilisateur traité à l’aide de Livefyre Studio.

Configuration d’AEM (pour l’importation du contenu créé par l’utilisateur vers AEM Assets) :

  1. Prise en main
  2. Configuration d’AEM pour utiliser Livefyre
  3. Importation du contenu créé par l’utilisateur traité par Livefyre vers AEM Assets

Intégration de Livefyre Reviews à l’aide des composants AEM ou de l’intégration Livefyre classique

Intégration d’AEM

Le package Adobe Experience Manager Livefyre est disponible pour AEM 6.1, 6.2 SP1, 6.3, 6.4 et 6.4 SP1. AEM 5.x et 6.0 ne sont pas pris en charge. Pour obtenir des instructions détaillées, consultez Intégration à Livefyre.

Reviews n’est pas prise en charge par AEM 6.1. Veuillez consulter la grille de prise en charge d’AEM pour l’ensemble des applications Livefyre.

Implémentation classique (pour les composants AEM personnalisés)

Il existe deux façons d’implémenter l’application Livefyre Reviews dans un composant AEM personnalisé ou dans d’autres systèmes de gestion de contenu tels que WordPress, Sitecore ou DemandWare. L’intégration Livefyre classique est compatible avec tous types de systèmes de gestion de contenu.

Méthode 1 : implémentation du SDK

  • Description : Livefyre.js est la bibliothèque principale qui alimente les applications et les authentifications sur un site. Celle-ci définit l’objet global window.Livefyre et une méthode publique unique, Livefyre.require, qui peuvent être utilisés pour charger d’autres bibliothèques JavaScript Livefyre. Ces bibliothèques permettent l’intégration des applications Livefyre et l’intégration aux plateformes tierces d’authentification de l’utilisateur.

  • Comment :

    • Créez le jeton CollectionMeta pour spécifier les métadonnées à stocker dans la collection Reviews.
    • Intégrez l’application Reviews à Sites à l’aide de la structure du code d’intégration Livefyre.js.
  • Exemple : https://codepen.io/dharafyre/pen/GXgvvd

Pour des personnalisations avancées à l’aide du SDK, consultez la page SDK streamhub.

Méthode 2 : implémentation de l’API

  • Pour des expériences et des visualisations de données personnalisées, vous pouvez créer des applications Livefyre de A à Z en utilisant des données Livefyre et des données des médias sociaux, à l’aide des API Bootstrap et Stream.

Plus d’API d’évaluation et de révision sont disponibles ici.

Intégration de l’authentification à l’application Comments

Exemples de client(e)s

Sur cette page