与 Livefyre 集成

了解如何将Livefyre业界领先的管理功能与您的AEM 6.5实例相集成,从而在几分钟内将用户生成的有价值的内容(UGC)从社交网络发布到您的网站。

快速入门

安装适用于AEM的Livefyre包

AEM 6.5预安装了Livefyre功能包1.2.6。 此包仅包含与AEM Sites的有限Livefyre集成,在安装更新的包之前,必须先卸载该包。 通过最新的产品包,您可以体验到Livefyre与AEM的完整集成,包括Sites、Assets和Commerce。

注意

AEM-LF包的某些功能取决于社交组件框架(SCF)。 如果您将Livefyre功能包用作非社区站点的一部分,则必须声明 cq.social.scf 作为网站作者clientlibs中的依赖项。 如果您将LF功能包用作社区网站的一部分,则应该已声明此依赖项。

  1. 在AEM主页上,单击 工具 图标。

  2. 导航到 部署>包.

  3. 在包管理器中,滚动直到您看到预安装的Livefyre功能包,然后单击包标题 cq-social-livefyre-pkg-1.2.6.zip 以展开选项。

  4. 单击 更多>卸载.

    livefyre-aem-uninstall-64

  5. 从下载Livefyre包 Software Distribution.

  6. 从包管理器中,安装下载的包。 请参阅 如何使用包 有关在AEM中使用Software Distribution和包的更多信息

    livefyre-aem4-6-4

    您的Livefyre-AEM包现已安装完成。 您必须先配置AEM以使用Livefyre,然后才能开始使用集成功能。

    有关功能包的更多信息和发行说明,请参阅 功能包.

配置AEM以使用Livefyre:创建配置文件夹

  1. 在AEM主页上,单击 工具 图标,然后导航到 常规>配置浏览器.

  2. 单击 创建 打开创建配置对话框。

  3. 命名您的配置并检查 云配置 复选框。

    这将在下创建文件夹 工具>部署> Livefyre配置 ,并提供名称。

    livefyre-aem-create-config-folder

配置AEM以使用Livefyre:创建Livefyre配置

配置AEM以使用贵组织的Livefyre许可证凭据,从而允许Livefyre与AEM之间进行通信。

  1. 在AEM主页上,单击 工具 图标,然后导航到 部署> Livefyre配置.

  2. 选择要在其中创建新Livefyre配置的配置文件夹,然后单击 创建.

    create-livefyre-configuration1

    注意

    文件夹的属性中必须启用云配置,然后才能向其添加Livefyre配置。 配置文件夹在 配置浏览器。

    不能为配置创建名称,该配置由其所在文件夹的路径引用。 每个文件夹只能有一个配置。

  3. 选择新创建的Livefyre配置卡,然后单击 属性.

    create-livefyre-configuration2

  4. 输入贵组织的Livefyre凭据,然后单击 确定.

    configure-aem2

    要访问此信息,请打开Livefyre Studio并导航到 设置>集成设置>凭据.

    您的AEM实例现已配置为使用Livefyre,并且您可以使用集成功能。

自定义单点登录集成

Livefyre for AEM包中包含AEM Communities配置文件与Livefyre的SSO服务之间的现成集成。

当用户登录您的AEM网站时,他们也会登录到Livefyre社交组件。 当注销的用户尝试使用需要身份验证的Livefyre组件功能(如上传照片)时,Livefyre组件会启动用户身份验证。

默认身份验证集成可能并非适用于每个网站。 为了最好地匹配网站模板中的身份验证流程,您可以覆盖默认的Livefyre身份验证委托以满足您的需求。 使用以下步骤:

  1. 使用CRXDE Lite,复制 /libs/social/intergations/livefyre/components/authorizablecomponent/authclientlib to /apps/social/intergations/livefyre/components/authorizablecomponent/authclientlib.

  2. 编辑和保存 /apps/social/integrations/livefyre/components/authorizablecomponent/authclientlib/auth.js 以实施满足您需求的Livefyre Auth委托。

    有关自定义身份验证委托的更多信息,请参阅 身份集成.

    有关AEM Clientlibs的更多信息,请参阅 使用客户端库.

将Livefyre与AEM Sites结合使用

将Livefyre组件添加到页面

在将Livefyre组件添加到Sites中的页面之前,您必须通过从父页面继承Livefyre云配置或直接将配置添加到页面来为页面启用Livefyre。 有关如何在您的网站上包含云服务的信息,请参阅您的实施。

为页面启用Livefyre后,必须将容器配置为允许使用Livefyre组件。 请参阅 在设计模式下配置组件 以了解有关如何启用不同组件的说明。

注意

在自定义单点登录集成中配置了身份验证后,需要进行身份验证的应用程序才能正常运行。

  1. 组件 在设计模式下选择侧面板 Livefyre 列表,以将列表限制为可用的Livefyre组件。

    livefyre-add

  2. 选择一个Livefyre组件,并将其拖动到页面上的位置。

  3. 选择是创建新的Livefyre应用程序还是嵌入现有应用程序。

    如果嵌入现有应用程序,则AEM会要求您选择该应用程序。 如果创建新应用程序,则需要先填充该应用程序,然后才能显示任何内容。 在为页面启用Livefyre云配置时,将在选定的Livefyre网站和网络中创建应用程序。

    有关插入组件的更多信息,请参阅 编辑页面内容.

编辑AEM页面的Livefyre组件。

您只能在Livefyre Studio中配置和编辑Livefyre组件。 从AEM:

  1. 单击Livefyre组件以进行配置。
  2. 单击 配置 图标(扳手)打开配置对话框。
  3. 单击 要编辑此组件,请转到Livefyre Studio.
  4. 在Livefyre Studio中编辑应用程序。

将Livefyre与AEM Assets结合使用

请求权限并将UGC导入AEM Assets

您可以使用UGC导入程序将Twitter和Instagram用户生成的内容(UGC)从Livefyre Studio导入AEM Assets。 选择要导入的内容后,您必须先请求内容的权限,然后才能完成导入。

注意

在使用Assets导入UGC之前,您必须在Livefyre Studio中设置Social帐户和权限请求帐户。 请参阅 设置:权限请求 以了解更多信息。

要将UGC导入AEM Assets,请执行以下操作:

  1. 从AEM主页,导航到 资产>文件.

  2. 单击 创建,然后单击 导入UGC。

    livefyre-aem-import-ugc

  3. 查找内容:

    • 单击UGC库选项卡,以从Livefyre中访问。 使用过滤器和搜索功能可从UGC库中查找内容。
    • 单击Twitter或Instagram选项卡,以从Twitter和Instagram中访问。 使用搜索或过滤器查找内容。
  4. 选择要导入的资产。 您选择的资产将在 已选择 选项卡。

  5. 可选:单击 已选择 选项卡,并查看要导入的选定UGC内容。

  6. 单击​下一步

    livefyre-aem-import-ugc2

  7. 对于权限请求,请为每个资产选择以下选项之一:

    对于Instagram:

    • 手动请求权限 以获取可复制并粘贴的消息,以及通过Instagram手动发送给内容所有者的消息。
    • 手动属性内容权限 覆盖单个资产的权限。
    注意

    由于更新影响来自非业务用户帐户的内容汇总,我们无法再代表您发布评论或自动检查作者的回复。 单击此处了解更多信息.

    livefyre-aem-import-ugc3-6-4

    对于Twitter:

    • 消息作者 向内容所有者发送消息,请求获取资产的权限。
    • 手动属性内容权限 覆盖单个资产的权限。
  8. 单击​导入

    如果您发送了Twitter权限请求,内容所有者将在其帐户中看到权限请求消息:

    livefyre-aem-rights-request-twitter

    注意

    Twitter对来自同一帐户的相同请求有限制。 导入多个资产时,请单独修改消息以避免被标记。

  9. 单击 完成 ,以完成权限请求工作流。

    您可以在Livefyre Studio中查看资产的待处理权限请求的状态。 如果内容等待权限请求,则在授予权限之前,资产将不会显示在AEM Assets中。 在授予权限请求后,资产会自动显示在AEM Assets中。

    对于Instagram,您必须跟踪内容所有者的响应,并在为内容授予权限时手动授予权限。

将Livefyre与AEM Commerce结合使用

将产品目录导入Livefyre with AEM Commerce

AEM Commerce用户可以将其现有产品目录无缝集成到Livefyre中,以提高用户对Livefyre可视化应用程序的参与度。

导入产品目录后,这些产品将实时显示在您的Livefyre实例中。 如果您编辑或删除了AEM Commerce产品目录中的项目,则所做的更改会在Livefrye中自动更新。

  1. 确保在AEM实例上安装了最新的AEM Livefyre包。

  2. 从AEM主页,导航到 AEM Commerce.

  3. 创建新收藏集或使用现有收藏集。

  4. 将鼠标悬停在收藏集上,然后单击 收藏集属性 (铅笔图标)。

  5. 检查 同步到Livefyre.

  6. 填写 Livefyre页面前缀 将此收藏集链接到AEM中的特定页面。

    页面前缀用于定义环境中开始搜索产品页面的根路径。 Livefyre会选择与其关联相应产品的第一个页面。 要为不同的产品获取不同的页面,需要多个收藏集。

AEM Livefyre应用程序支持列表

Livefyre应用程序 AEM 6.1 AEM 6.2 AEM 6.3 AEM 6.4
轮盘 X X X X
聊天 X X X X
评论 X X X X
Filmstrip X X X
LiveBlog X X X X
地图 X X X X
媒体墙 X X X X
马赛克 X X X X
轮询 X X X
审核 X X X
单卡 X X X X
Storify 2 X X X
热门 X X X
上传按钮 X X X

在此页面上