Step-by-step instructions on common use cases for Adobe Experience Manager Livefyre.
Media Wall streams social and native Livefyre content into a real-time social wall. There are multiple ways to implement Media Wall in AEM depending on your use case and requirements.
The AEM Livefyre Package provides an out-of-box implementation, whereas the traditional integration provides the ability to create custom Livefyre AEM components.
The Livefyre Adobe Experience Manager Package is available for AEM 6.1, 6.2SP1, 6.3, ,6.4 and 6.4 SP1. AEM 5.x and 6.0 are not supported. For detailed instructions, see Integrating with Livefyre.
To see which Livefyre Apps are supported, see the AEM Support Matrix for Livefyre Apps.
There are three ways to implement Livefyre into a custom AEM component or other CMSs like WordPress, Sitecore, or DemandWare. A traditional Livefyre integration is CMS agnostic.
Method 1: Designer App Implementation
What: Simplest and fastest way of integrating a Livefyre App. You can design, configure, and generate a customized JavaScript embed code to integrate a Media Wall App on a page in minutes.
Method 2: SDK Implementation
What: Livefyre.js is the core library that powers Apps and Auth on a site. It defines the global window.Livefyre object and a single public method, Livefyre.require, which can be used to load other Livefyre JavaScript libraries that help with embedding Livefyre Apps and integrating with third party User Auth platforms.
How: Use the Livefyre JavaScript SDK’s streamhub-wallpackage
Example: https://codepen.io/dharafyre/pen/KZKBNv?editors=1010
For advanced customizations using the SDK, please refer to StreamHub SDKs.
Method 3: API Implementation
Make sure you follow Twitter, Facebook, and Instagram display guidelines when building the UI for UGC.
For Media Wall Integrations requiring authentication, please refer to:
As an AEM customer, I want to curate UGC using the out-of-the-box Livefyre AEM components and display using Livefyre Media Wall:
Steps to implement:
For training videos on streaming UGC, see Create Automatic Content Streams and Search Social Content in Adobe Experience Manager Livefyre.
For creating customized experiences and data visualizations, Livefyre Apps can be created from scratch by consuming Livefyre and social data using the Bootstrap and Stream API.
For Livefyre Apps requiring authentication, please see Identity Integration for third party authentication platforms.
The Livefyre Adobe Experience Manager Package is available for AEM 6.1, 6.2SP1, 6.3, ,6.4 and 6.4 SP1. AEM 5.x and 6.0 are not supported. For detailed instructions, see Integrating with Livefyre.
There are three ways to implement Livefyre Comments App into a custom AEM component or other CMSs like WordPress, Sitecore, or DemandWare. A traditional Livefyre integration is CMS agnostic.
Method 1: Designer App Implementation
What: Simplest and fastest way of integrating a Livefyre App. You can design, configure, and generate a customized JavaScript embed code to integrate a Media Wall App on a page in minutes.
Method 2: SDK Implementation
What: Livefyre.js is the core library that powers Apps and Auth on a site. It defines the global window.Livefyre object and a single public method, Livefyre.require, which can be used to load other Livefyre JavaScript libraries that help with embedding Livefyre Apps and integrating with third party User Auth platforms.
How:
For advanced customizations using the SDK, please see StreamHub SDKs.
Method 3: API Implementation
Livefyre Setup (for UGC Curation and Rights Management):
Configure Streams and Add Rules to curate UGC to Livefyre Asset Library Folders.
Gather, organize, and manage curated UGC in Livefyre Asset Library folders.
AEM Setup (for importing UGC to AEM Assets):
The Livefyre Adobe Experience Manager Package is available for AEM 6.1, 6.2SP1, 6.3, ,6.4 and 6.4 SP1. AEM 5.x and 6.0 are not supported. For detailed instructions, see Integrating with Livefyre.
Reviews Component is not a supported component for AEM 6.1. Please check the AEM support matrix for all Livefyre Apps.
There are two ways to implement Livefyre Reviews App into a custom AEM component or other CMSs like WordPress, Sitecore, or DemandWare. A traditional Livefyre integration is CMS agnostic.
Method 1: SDK Implementation
What: Livefyre.js is the core library that powers Apps and Auth on a site. It defines the global window.Livefyre object and a single public method, Livefyre.require, which can be used to load other Livefyre JavaScript libraries that help with embedding Livefyre Apps and integrating with third party User Auth platforms.
How:
For advanced customizations using the SDK, please see StreamHub SDKs.
Method 2: API Implementation
Additional Ratings and Reviews APIs can be found here.