Show Menu
主题×

与Livefyre集成

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

入门

安装AEM的Livefyre包

AEM 6.5附带预安装的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. 单击“ 更多”>“卸载 ”。
  5. 从“软件分发”下 载Livefyre包
  6. 从包管理器中,安装下载的包。 有关 在AEM中使用软件分发 和软件包的更多信息,请参阅如何使用软件包
    您的Livefyre-AEM包现已安装。 在开始使用集成功能之前,必须先配置AEM才能使用Livefyre。
    有关功能包的更多信息和发行说明,请参 阅功能包

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

  1. 在AEM主页上,单击左边 栏中的 “工具”图标,然后导航到“常 规”>“配置浏览器”
  2. 单击 创建 ,打开创建配置对话框。
  3. 命名您的配置并选中“云 配置”复选 框。
    这将在工具>部署> Livefyre 配置下创建一个文件夹 ,并使用提供的名称。

将AEM配置为使用Livefyre: 创建Livefyre配置

将AEM配置为使用您组织的Livefyre许可证凭据,从而允许Livefyre与AEM之间的通信。
  1. 从AEM主页,单击左边 栏中 的工具图标,然后导航到 部署> Livefyre配置
  2. 选择要在其中创建新Livefyre配置的配置文件夹,然后单击创
    在向文件夹添加Livefyre配置之前,文件夹的属性中必须启用云配置。 配置文件夹是在配置浏览器中创建和管理的。
    不能为配置创建名称——该配置由其所在文件夹的路径引用。 每个文件夹只能有一个配置。
  3. 选择新创建的Livefyre配置卡,然后单击“ 属性 ”。
  4. 输入贵组织的Livefyre凭据,然后单击“ 确定 ”。
    要访问此信息,请打开Livefyre Studio,然后导航到 设置>集成设置>凭据
    您的AEM实例现已配置为使用Livefyre,并且您可以使用集成功能。

自定义单点登录集成

适用于AEM的Livefyre包包括AEM Communities用户档案与Livefyre的SSO服务之间的现成集成。
用户登录您的AEM站点时,也会登录Livefyre社交组件。 当注销用户尝试使用需要身份验证的Livefyre组件功能(如上传照片)时,Livefyre组件会启动用户身份验证。
默认身份验证集成可能并不适合每个站点。 为了最好地匹配站点模板中的身份验证流程,您可以覆盖默认的Livefyre身份验证委托,以满足您的需求。 使用以下步骤:
  1. 使用CRXDE Lite,将 /libs/social/integrations/livefyre/components/authorizablecomponent/authclientlib复制 到/apps/social/integrations/livefyre/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组件。
  2. 选择一个Livefyre组件,然后将其拖动到页面上的位置。
  3. 选择是创建新的Livefyre应用程序还是嵌入现有应用程序。
    如果嵌入现有应用程序,AEM会要求您选择该应用程序。 如果创建新应用程序,则需要先填充该应用程序,然后才能显示任何内容。 当为页面启用Livefyre云配置时,将在选择的Livefyre站点和网络中创建应用程序。
    有关插入组件的详细信息,请参阅 编辑页面内容

编辑AEM页面的Livefyre组件。

您只能在Livefyre Studio中配置和编辑Livefyre组件。 来自AEM:
  1. 单击要配置的Livefyre组件。
  2. 单击“配 ”图标(扳手)以打开配置对话框。
  3. Click To edit this component, go to Livefyre Studio .
  4. 在Livefyre Studio中编辑应用程序。

将Livefyre与AEM Assets一起使用

请求权限并将UGC导入AEM Assets

您可以使用UGC导入程序将Twitter和Instagram用户生成的内容(UGC)从Livefyre Studio导入到AEM Assets。 选择要导入的内容后,您必须先请求对内容的权限,然后才能完成导入。
在使用资产导入UGC之前,您必须在Livefyre Studio中设置社交帐户和权限请求帐户。 请参 阅设置: Rights Requests (权限请求)以了解更多信息。
要将UGC导入AEM Assets:
  1. 从AEM主页,导航到“资产”>“ 文件”
  2. 单击 创建 ,然后单击 导入UGC。
  3. 查找内容:
    • 单击“UGC库”选项卡,即可从Livefyre访问。 使用过滤器和搜索从UGC库中查找内容。
    • 点击Twitter或Instagram选项卡,从Twitter和Instagram上访问。 使用搜索或过滤器查找内容。
  4. 选择要导入的资产。 您选择的资产会自动计数并保存在“选定” 选项卡 下。
  5. 可选 : 单击“选 ”选项卡,并查看要导入的选定UGC内容。
  6. 单击​ 下一步
  7. 对于权限请求,请为每个资产选择以下选项之一:
    对于Instagram:
    • 手动请求权限 ,以获取可复制粘贴的消息,并通过Instagram手动发送给内容所有者。
    • 手动属性内容权限 ,以覆盖单个资产的权限。
    由于更新影响来自非业务用户帐户的内容的汇总,我们无法再代表您发布评论或自动检查作者的回复。 单击此处了解更多信息
    对于Twitter:
    • 消息作者 ,向内容所有者发送请求资产权限的消息。
    • 手动属性内容权限 ,以覆盖单个资产的权限。
  8. 单击​ 导入
    如果您发送了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实例上已安装最新的AEM包Livefyre。
  2. 从AEM主页,导航到 AEM Commerce
  3. 创建新集合或使用现有集合。
  4. 将鼠标悬停在集合上,然后单 击集合属性 (铅笔图标)。
  5. 选中 同步到Livefyre
  6. 填写 Livefyre页面前缀 ,将此集合链接到AEM中的特定页面。
    页面前缀定义环境中开始搜索产品页面的根路径。 Livefyre选择与其关联的相应产品的第一个页面。 要获取不同产品的不同页面,需要多个集合。

Livefyre应用程序的AEM支持列表

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