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进行显示：

实施步骤：

1. 入门
2. 将AEM配置为使用Livefyre
3. 将AEM媒体墙组件拖放到您的页面上
4. 配置流并添加规则，以创建UGC并在媒体墙组件上显示

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

客户示例

• CNN Media Wall
• PGA巡回媒体墙

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

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

• PGA巡回媒体墙
• 超时

使用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):

1. 配置流和添加规则，将UGC定制到Livefyre资产库文件夹。

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

2. 在Livefyre资产库文件夹中收集、组织和管理精选的UGC。

   1. 有关在Livefyre Studio资产库中创建和管理文件夹的培训视频，请参阅在Adobe Experience ManagerLivefyre中使用资产。

3. 使用Livefyre Studio请求精选UGC的权限。

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

1. 入门
2. 将AEM配置为使用Livefyre
3. 将Livefyre策划的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

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

方法2:API实施

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

可在此处找到其他评级和评论API。

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

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

客户示例

• 超时
• myrepies