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, voir Intégration à Livefyre.

Pour savoir quelles applications Livefyre sont prises en charge, consultez la Matrice de prise en charge AEM des 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 (en anglais).

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 à suivre les Twitter, Facebook et Instagram directives d’affichage lors de la création de l’interface utilisateur pour le contenu généré 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 (lien en anglais)
  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 sur la diffusion en continu de contenu créé par l’utilisateur, voir Création de flux de contenu automatique 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, voir Intégration d’identités 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, voir 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, voir 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 clients

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 sur la diffusion en continu de contenu créé par l’utilisateur, voir Création de flux de contenu automatique 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 (lien en anglais).

    1. Pour visionner des vidéos de formation sur la création et la gestion de dossiers dans la bibliothèque de ressources de Livefyre Studio, voir Utilisation de 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 (lien en anglais)
  3. Importation du contenu créé par l’utilisateur traité par Livefyre vers AEM Assets (lien en anglais)

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, voir 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, voir 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.

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

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

Exemples de clients

Sur cette page