与 Livefyre 集成

了解如何将Livefyre的行业领先的特选功能与AEM 6.4实例相集成,使您能够在几分钟内将宝贵的用户生成内容(UGC)从社交网络发布到您的网站。

入门

为AEM安装Livefyre包

AEM 6.4附带预安装的Livefyre功能包1.2.6。 此包仅包括与AEM Sites的有限Livefyre集成,在安装更新的包之前必须卸载它。 通过最新的包,您可以体验到Livefyre与AEM的完全集成,包括站点、资产和商务。

注意

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

  1. 在AEM主页上,单击左边栏上的​工具​图标。

  2. 导航到​部署>包

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

  4. 单击​更多>卸载

    livefyre-aem-uninstall-64

  5. 软件分发下载Livefyre包。

  6. 从包管理器中,安装下载的包。 有关在AEM中使用软件分发和软件包的说明,请参见如何使用软件包

    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/integrations/livefyre/components/authorizablecomponent/authclientlib​复制到​/apps/social/integrations/components/authorizablecomponent/authclientlib

  2. 编辑并保存​/apps/social/integrations/livefyre/components/authorizablecomponent/authclientlib/auth.js​以实施满足您需求的Livefyre身份验证委托。

    有关自定义身份验证委托的详细信息,请参阅标识集成

    有关AEM Clientlibs的详细信息,请参阅使用客户端库

将Livefyre与AEM Sites一起使用

将Livefyre组件添加到页面

在将Livefyre组件添加到站点中的页面之前,您必须通过从父页面继承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。 选择要导入的内容后,您必须先请求对内容的权限,然后才能完成导入。

注意

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

要将UGC导入AEM Assets:

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

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

    livefyre-aem-import-ugc

  3. 查找内容:

    • 单击“UGC库”选项卡,即可从Livefyre访问。 使用过滤器和搜索从UGC库中查找内容。
    • 点击Twitter或Instagram选项卡,从Twitter和Instagram上访问。 使用搜索或过滤器查找内容。
  4. 选择要导入的资产。 您选择的资产会自动计数并保存在​Selected​选项卡下。

  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结合使用

使用AEM Commerce将产品目录导入Livefyre

AEM Commerce用户可以将他们现有的产品目录无缝集成到Livefyre中,以推动用户参与Livefyre的可视化应用程序。

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

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

  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
幻灯片 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

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now