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 Livefyre应用程序支持列表.

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

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

方法1:Designer应用程序实施

• 什么： 最简单、最快速的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.

确保跟进 Twitter, Facebook和 Instagram 为UGC构建UI时显示准则。

Media Wall身份验证集成

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

• 自定义单点登录集成 for 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应用程序，请参阅 身份集成 适用于第三方身份验证平台。

• 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.js 是网站上支持应用程序和身份验证的核心库。 它定义了 window.Livefyre 对象和单一公共方法， Livefyre.require，可用于加载其他Livefyre JavaScript库，这些库有助于嵌入Livefyre应用程序并与第三方用户身份验证平台集成。

• 操作方法：

  • 使用创建收藏集/应用程序 CollectionMeta令牌.
  • 集成 评论应用程序 使用Livefyre.js嵌入代码结构将内容放入网站中。

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

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

方法3:API实施

• 要创建自定义体验和数据可视化图表，可以使用 Bootstrap和流API.

评论应用程序身份验证集成

• 自定义单点登录集成 for AEM Identity Management
• 身份集成 适用于第三方身份验证平台

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

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

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

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

2. 在Livefyre Asset Library文件夹中收集、组织和管理策划的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支持的组件。请检查 AEM所有Livefyre应用程序的支持列表.

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

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

方法1:SDK实施

• 什么： Livefyre.js 是网站上支持应用程序和身份验证的核心库。 它定义了 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可以找到 此处.

评论应用程序身份验证集成

• 自定义单点登录集成 for AEM Identity Management
• 身份集成 适用于第三方身份验证平台

客户示例

• 超时
• myripeds

Business.Adobe.com 资源

Multichannel Communication Ecommerce Integrations Embedded Charts Mobile Forms Theme Editor Content As A Service