AEM Livefyre 指南

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

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

媒体涂鸦墙将社交和本机Livefyre内容流式传输到实时社交涂鸦墙中。 根据您的用例和要求，可以通过多种方法在AEM中实施媒体涂鸦墙。

AEM Livefyre包提供了现成的实施，而传统集成则提供创建自定义Livefyre AEM组件的功能。

AEM集成

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

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

传统实施(用于自定义AEM组件)

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

方法1:Designer应用程序实施

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

• 如何： 创建、预览、发布和嵌入媒体涂鸦墙应用程序

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

方法2:SDK实施

• 内容： Livefyre. jsis是可为网站上的应用程序和身份验证提供支持的核心库。它定义了全局​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显示准则。

媒体墙身份验证集成

对于需要身份验证的Media Wall集成，请参阅：

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

用例概述

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

实施步骤：

1. 入门
2. 配置AEM以使用Livefyre
3. 将AEM Media Wall组件拖放到页面上
4. 配置流并添加规则以策划UGC并在媒体墙组件上显示

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

客户示例

• CNN媒体之墙
• PGA巡回赛媒体墙

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

对于需要进行身份验证的Livefyre应用程序，请参阅适用于第三方身份验证平台的Identity Integration 。

• PGA巡回赛媒体墙
• 超时

使用AEM组件或传统Livefyre集成集成Livefyre评论

AEM集成

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

传统实施(用于自定义AEM组件)

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

方法1:Designer应用程序实施

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

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

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

方法2:SDK实施

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

• 操作方法：

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

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

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

方法3:API实施

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

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

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

客户示例

• 普瓦斯（金伯利·克拉克）

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

Livefyre设置(用于UGC管理和Rights Management):

1. 配置流并添加规则，以将UGC策划到Livefyre资产库文件夹。

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

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

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

3. 使用Livefyre Studio请求针对策划的UGC的权限。

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

1. 入门
2. 配置AEM以使用Livefyre
3. 将由Livefyre策划的UGC导入AEM Assets

• 澳大利亚旅游

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

AEM集成

Livefyre Adobe Experience Manager包适用于AEM 6.1、6.2 SP1、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. jsis是可为网站上的应用程序和身份验证提供支持的核心库。它定义了全局​window.Livefyre​对象和单个公共方法​Livefyre.require，该方法可用于加载其他Livefyre JavaScript库，这些库有助于嵌入Livefyre应用程序并与第三方用户身份验证平台集成。

• 操作方法：

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

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

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

方法2:API实施

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

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

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

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

客户示例

• 超时
• myripeds

Business.Adobe.com资源

Content Insights Style System Cms Cloud Personalized Communications Responsive Forms Dynamic Media