AEM Livefyre 指南

关于 Adobe Experience Manager Livefyre 常见用例的分步说明。

使用现成的Livefyre AEM组件创建UGC，使用Livefyre Media Wall进行显示

媒体墙将社交和本机Livefyre内容流化到实时社交墙中。根据您的用例和要求，在AEM中实施媒体墙有多种方法。

AEM Livefyre包提供开箱即用的实施，而传统集成则提供创建自定义Livefyre AEM组件的能力。

AEM集成

LivefyreAdobe Experience Manager软件包可用于AEM 6.1、6.2SP1、6.3、6.4和6.4 SP1。不支持AEM 5.x和6.0。有关详细说明，请参阅与Livefyre集成。

要了解支持哪些Livefyre应用程序，请参阅 Livefyre应用程序的AEM支持列表。

传统实施(针对自定义AEM组件)

有三种方法可将Livefyre实施到自定义AEM组件或其他CMS（如WordPress、Sitecore或DemandWare）中。传统的Livefyre集成与CMS无关。

方法1:设计人员应用程序实施

什么：最 简单、最快捷的Livefyre应用程序集成方式。您可以设计、配置和生成自定义的JavaScript嵌入代码，在几分钟内将媒体墙应用程序集成到页面上。
如何： 创建、预览、发布和嵌入媒体墙应用程序
示例： https://codepen.io/dharafyre/pen/bvGrLo

方法2:SDK实施

什么： Livefyre.js 是为站点上的应用程序和身份验证提供支持的核心库。它定义全局window.Livefyre对象和单个公共方法Livefyre.require，该方法可用于加载其他Livefyre JavaScript库，这些库有助于嵌入Livefyre应用程序并与第三方用户身份验证平台集成。
操作方式: 使用Livefyre JavaScript SDK的streamhub-wallpackage
示例: https://codepen.io/dharafyre/pen/KZKBNv?editors=1010

有关使用SDK的高级自定义，请参阅StreamHub SDK。

方法3:API实施

要创建自定义体验和数据可视化，可以使用Bootstrap和流API使用Livefyre和社交数据从头开始创建Livefyre应用程序。

在构建UGC的UI时，请确保遵循Twitter、Facebook和Instagram显示准则。

媒体墙身份验证集成

有关需要身份验证的媒体墙集成，请参阅：

为AEMIdentity Management自定义单一登录集成
第三方身份验证平台的身份集成

用例概述

作为AEM客户，我希望使用现成的Livefyre AEM组件来管理UGC，并使用Livefyre Media Wall进行显示：

实施步骤：

有关流式UGC的培训视频，请参阅在Adobe Experience ManagerLivefyre中创建自动内容流和搜索社交内容。

客户示例

要创建自定义体验和数据可视化，可以使用Bootstrap和流API使用Livefyre和社交数据从头开始创建Livefyre应用程序。

对于需要身份验证的Livefyre应用程序，请参见第三方身份验证平台的标识集成。

使用AEM组件或传统的Livefyre集成集成Livefyre注释

AEM集成

LivefyreAdobe Experience Manager软件包可用于AEM 6.1、6.2SP1、6.3、6.4和6.4 SP1。不支持AEM 5.x和6.0。有关详细说明，请参阅与Livefyre集成。

传统实施(针对自定义AEM组件)

有三种方法可将Livefyre Comments App实施到自定义AEM组件或其他CMS（如WordPress、Sitecore或DemandWare）中。传统的Livefyre集成与CMS无关。

方法1:设计人员应用程序实施

什么：最 简单、最快捷的Livefyre应用程序集成方式。您可以设计、配置和生成自定义的JavaScript嵌入代码，在几分钟内将媒体墙应用程序集成到页面上。
如何： 创建、预览、发布和嵌入注释应用程序
示例： https://codepen.io/dharafyre/pen/oYoJdP

方法2:SDK实施

什么： Livefyre.js 是为站点上的应用程序和身份验证提供支持的核心库。它定义全局window.Livefyre对象和单个公共方法Livefyre.require，该方法可用于加载其他Livefyre JavaScript库，这些库有助于嵌入Livefyre应用程序并与第三方用户身份验证平台集成。
操作方法：
- 使用CollectionMeta令牌创建集合／应用程序。
- 使用Livefyre.js嵌入代码结构将注释应用程序集成到站点中。
示例： https://codepen.io/dharafyre/pen/oYoJdP

有关使用SDK的高级自定义，请参阅StreamHub SDK。

方法3:API实施

要创建自定义体验和数据可视化，可以使用Bootstrap和流API使用Livefyre和社交数据从头开始创建Livefyre应用程序。

注释应用程序身份验证集成

为AEMIdentity Management自定义单一登录集成
第三方身份验证平台的身份集成

客户示例

波因（金伯利·克拉克）

使用LivefyreAEM Assets集成在AEM Assets导入UGC

Livefyre设置(针对UGC特选和Rights Management):

配置流和添加规则，将UGC定制到Livefyre资产库文件夹。
1. 有关流式UGC的培训视频，请参阅在Adobe Experience ManagerLivefyre中创建自动内容流和搜索社交内容。
在Livefyre资产库文件夹中收集、组织和管理精选的UGC。
1. 有关在Livefyre Studio资产库中创建和管理文件夹的培训视频，请参阅在Adobe Experience ManagerLivefyre中使用资产。
使用Livefyre Studio请求精选UGC的权限。

AEM设置(用于将UGC导入AEM Assets):

澳大利亚旅游局

使用AEM组件或传统的Livefyre集成集成Livefyre审阅

AEM集成

LivefyreAdobe Experience Manager软件包可用于AEM 6.1、6.2SP1、6.3、6.4和6.4 SP1。不支持AEM 5.x和6.0。有关详细说明，请参阅与Livefyre集成。

AEM 6.1不支持“审阅组件”。请检查AEM支持列表以了解所有Livefyre应用程序。

传统实施(针对自定义AEM组件)

有两种方法可将Livefyre Reviews应用程序实施到自定义AEM组件或其他CMS（如WordPress、Sitecore或DemandWare）中。传统的Livefyre集成与CMS无关。

方法1:SDK实施

什么： Livefyre.js 是为站点上的应用程序和身份验证提供支持的核心库。它定义全局window.Livefyre对象和单个公共方法Livefyre.require，该方法可用于加载其他Livefyre JavaScript库，这些库有助于嵌入Livefyre应用程序并与第三方用户身份验证平台集成。
操作方法：
- 创建Reviews CollectionMeta令牌以指定要存储在Reviews集合中的元数据。
- 使用Livefyre.js嵌入代码结构将审阅App集成到站点中
示例： https://codepen.io/dharafyre/pen/GXgvvd