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功能包用作非社区站点的一部分,则必须在网站的作者clientlibs中声明 cq.social.scf 为依赖关系。 如果您将LF功能包用作社区网站的一部分,则应已声明此依赖关系。
  1. 在AEM主页中,单击左边 栏上的 “工具”图标。
  2. 导航到“部 署”>“包”
  3. 在“包管理器”中,滚动直到您看到预安装的Livefyre功能包,然后单击包标题 cq-social-livefyre-pkg-1.2.6.zip 以展开选项。
  4. 单击“ 更多”>“卸载 ”。
  5. 返回AEM主页,单击工具,然后导航到部 署>包共享
    此时会显示可供下载的功能包和修补程序列表。
  6. 在关键字搜索中,搜索“Livefyre”,然后选择与AEM版本对应的Livefyre功能包。
  7. 在功能包信息页面上,单击“下 ”,然后阅读“包许可协议”并单击“接 受”
  8. 返回“包管理器”,找到新下载的包,然后单击“安 装”
    您的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资产

请求权限并将UGC导入AEM资产

您可以使用UGC导入程序将Twitter和Instagram用户生成的内容(UGC)从Livefyre studio导入AEM资产。 选择要导入的内容后,您必须先请求对内容的权限,然后才能完成导入。
在使用资产导入UGC之前,您必须在Livefyre studio中设置社交帐户和权限请求帐户。 请参阅 设置:权限请求 ,以了解更多信息。
要将UGC导入AEM资产,请执行以下操作:
  1. 从AEM主页,导航到资产> 文件
  2. 单击 创建 ,然后单击 导入UGC。
  3. 查找内容:
    • 通过单击“UGC库”选项卡从Livefyre访问。 使用过滤器和搜索功能从UGC库中查找内容。
    • 通过单击Twitter或Instagram选项卡,从Twitter和Instagram访问。 使用搜索或筛选器查找内容。
  4. 选择要导入的资产。 您选择的资产会自动计数并保存在“选定”选 项卡下
  5. 可选 :单击“选 ”选项卡,并查看要导入的选定UGC内容。
  6. 单击​ 下一步
  7. 对于权限请求,请为每个资产选择以下选项之一:
    对于Instagram:
    • 手动请求权限 ,以获取可复制和粘贴的消息,并通过Instagram手动发送给内容所有者。
    • 手动属性内容权限 ,以覆盖单个资产的权限。
    由于更新影响来自非业务用户帐户的内容汇总,我们无法再代表您发布评论或自动检查作者的回复。 单击此处了解更多信息
    对于Twitter:
    • 消息作者 :向内容所有者发送消息,请求资产的权限。
    • 手动属性内容权限 ,以覆盖单个资产的权限。
  8. 单击​ 导入
    如果您发送了Twitter权限请求,内容所有者将在其帐户上看到权限请求消息:
    Twitter对来自同一帐户的相同请求有限制。 在导入多个资产时,请单独修改消息以避免被标记。
  9. 击右上角的 “完成”以完成Rights Request工作流。
    您可以在Livefyre studio中查看某个资产的待处理权限请求的状态。 如果内容正在等待权限请求,则在授予权限之前,资产不会显示在AEM资产中。 在授予权限请求后,资产会自动显示在AEM资产中。
    对于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