Set up Adobe Livefyre to work in Adobe Experience Manager so that you can add Livefyre components to articles that appear in AEM Mobile apps.

Adobe Livefyre is a social media service that offers solutions for user-generated content curation and audience engagement. Livefyre is part of Adobe Experience Manager (AEM) and integrated across Adobe Marketing Cloud solutions. By configuring Livefyre to work in AEM, you can add Livefyre components to articles that appear in AEM Mobile apps.

 

Requirements

  • AEM 6.1 or later
  • AEM Mobile Master Admin account
  • API Keys for AEM Mobile
  • Livefyre Studio account

Setting up Livefyre to work with AEM and AEM Mobile

To use Livefyre in AEM Mobile apps, you configure AEM to work with both AEM Mobile and with Livefyre. Articles you create in AEM can then include Livefyre components.

  1. Configure AEM to work with AEM Mobile.

    Use the API key information that you obtain from Adobe to configure AEM to work with AEM Mobile. Then create an app in AEM that is configured to work with a project in AEM Mobile On-Demand Services.

  2. Use Tools > Deployment > Package Share to download and install the AEM Communities Livefyre Feature Pack.

    livefyre_aem_pack

    Then configure AEM to use your Livefyre license credentials.

    livefyre_aem_configure

    See Set up Livefyre for Adobe Experience Manager in Livefyre documentation.

  3. Go to Livefyre Studio to set up the App and the content for your App.

    For more information on how to set up Apps in Livefyre Studio, see Apps in Livefyre Help.

    Common components include Media Wall, Carousel, Mosaic, and Single Card. Maps and authentication-required experiences such as Chat, Comments, and LiveBlog have not been fully tested.

Creating articles that use Livefyre components

Once you configure AEM to work with Livefyre and AEM Mobile, you can create articles in AEM that include Livefyre components.

  1. In AEM, use the Apps Dashboard to create an article.

    In AEM 6.2, click Adobe Experience Manager > Navigation (icon) > Mobile. Click the AEM Mobile app you're editing to display the App Dashboard. Then use the Manage Articles sections to create an article. Specify the metadata and the image for the article.

    livefyre_aem_article

    See information about Content Management Actions in AEM Help.

  2. Edit the article to create content in AEM. You can do this by clicking Edit Article when you finish creating the article or by clicking the article in the Dashboard and choosing Edit.

  3. While editing the article, choose Design from the menu in the top right, and then click the Page Information icon in the top left and choose Open Properties.

    livefyre_aem_article_edit
  4. In Page Properties, click Cloud Services, and then select your Livefyre configuration. Then click the checkmark icon in the top right to save.

    livefyre_aem_article_configure
  5. In your article, click the area where you want to enable Livefyre components (such as Drag Component Here), and then click the Configure icon. Scroll down and select Livefyre to make those components available, and then click OK.

     

    livefyre_aem_article_configure_more
  6. Choose Edit from the menu in the top right. Then add Livefyre components to your article.

    livefyre_aem_article_component
  7. Upload the article to AEM Mobile On-Demand Services, add it to a collection, and preview the article.

    If necessary, go to Livefyre Studio to set up the App for your chosen component. For information on how to set up Apps in Livefyre Studio, see Apps in Livefyre Help.

For information about adding authentication to use with Livefyre Chat and Livefyre Comments, see Adding Authentication and Your Identity Service in Livefyre documentation.

This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License  Twitter™ and Facebook posts are not covered under the terms of Creative Commons.

Legal Notices   |   Online Privacy Policy