与 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

在此页面上