AEM Livefyre方法

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

使用现成的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组件）

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

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

• 什么： 集成Livefyre应用程序的最简单、最快的方法。 您可以设计、配置和生成自定义的JavaScript嵌入代码，在几分钟内将媒体墙应用程序集成到页面上。

• 操作方法： 创建、预览、发布和嵌入媒体墙应用程序

• 示例： https://codepen.io/dharafyre/pen/bvGrLo

方法2: SDK实施

• 什么： Livefyre.js是 核心库，可为站点上的应用程序和身份验证提供支持。 它定义了全 局窗口。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应用 程序和社交数据。

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

媒体墙身份验证集成

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

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

用例概述

作为AEM客户，我希望使用现成的Livefyre AEM组件来策划UGC，并使用Livefyre媒体墙进行显示：

实施步骤：

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

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

客户示例

• CNN Media Wall
• PGA巡回媒体墙

要创建自定义体验和数据可视化，可以使用Bootstrap和流API从头开始创建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组件）

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

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

• 什么： 集成Livefyre应用程序的最简单、最快的方法。 您可以设计、配置和生成自定义的JavaScript嵌入代码，在几分钟内将媒体墙应用程序集成到页面上。

• 操作方法： 创建、预览、发布和嵌入注释应用程序

• 示例： https://codepen.io/dharafyre/pen/oYoJdP

方法2: SDK实施

• 什么： Livefyre.js是 核心库，可为站点上的应用程序和身份验证提供支持。 它定义了全 局窗口。Livefyre 对象和单个公共方法 Livefyre.require，该方法可用于加载其他Livefyre JavaScript库，这些库有助于嵌入Livefyre应用程序并与第三方用户身份验证平台集成。

• 操作方法：

  • 使用CollectionMeta令牌创建集合/ 应用程序。
  • 使用 Livefyre .js嵌入代码结构将注释应用程序集成到站点中。

• 示例： https://codepen.io/dharafyre/pen/oYoJdP

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

方法3: API实施

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

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

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

客户示例

• 波因（金伯利·克拉克）

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

Livefyre设置（针对UGC特选和权限管理）:

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

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

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

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

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不支持“审阅组件”。请检查所有Livefyre 应用程序的AEM支持列表。

传统实施（针对自定义AEM组件）

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

方法1: SDK实施

• 什么： Livefyre.js是 核心库，可为站点上的应用程序和身份验证提供支持。 它定义了全 局窗口。Livefyre 对象和单个公共方法 Livefyre.require，该方法可用于加载其他Livefyre JavaScript库，这些库有助于嵌入Livefyre应用程序并与第三方用户身份验证平台集成。

• 操作方法：

  • 创建Reviews CollectionMeta 令牌 ，以指定要存储在Reviews Collection中的元数据。
  • 使用 Livefyre .js嵌入代码结 构，将审阅应 用程序集成到站点中

• 示例： https://codepen.io/dharafyre/pen/GXgvvd

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

方法2: API实施

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

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

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

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

客户示例

• 超时
• myrepies