AEM Livefyre Recipes

Adobe Experience Manager Livefyre常見使用案例的逐步指示。

使用現成可用的Livefyre AEM元件組織UGC,並使用Livefyre Media Wall顯示

媒體塗鴉牆將社交和原生Livefyre內容串流至即時社交塗鴉牆。 在AEM中實作媒體塗鴉牆有多種方式,視您的使用案例和需求而定。

AEM Livefyre套件提供現成可用的實作,而傳統整合則提供建立自訂Livefyre AEM元件的功能。

AEM整合

Livefyre Adobe Experience Manager套件適用於AEM 6.1、6.2SP1、6.3、6.4和6.4 SP1。 不支援AEM 5.x和6.0。 如需詳細指示,請參閱與Livefyre整合。

若要查看哪些Livefyre應用程式受支援,請參閱Livefyre應用程式的AEM支援矩陣

傳統實作(適用於自訂AEM元件)

在自訂AEM元件或其他CMS(例如WordPress、Sitecore或DemandWare)中實作Livefyre有三種方式。 傳統的Livefyre整合不受CMS限制。

方法1:設計人員應用程式實作

方法2:SDK實作

有關使用SDK的進階自訂,請參閱StreamHub SDK

方法3:API實作

  • 若要建立自訂體驗和資料視覺化,您可使用引導和串流API來使用Livefyre和社交資料,從頭開始建立Livefyre應用程式。

在建立UGC的UI時,請務必遵循TwitterFacebookInstagram顯示准則。

媒體牆身份驗證整合

如需驗證的媒體牆整合,請參閱:

使用案例概述

身為AEM客戶,我想使用現成可用的Livefyre AEM元件來組織UGC,並使用Livefyre Media Wall來顯示:

實施步驟:

  1. 快速入門
  2. 設定AEM以使用Livefyre
  3. 將AEM Media Wall元件拖放至您的頁面
  4. 設定串流並新增規則以組織UGC並顯示在「媒體塗鴉牆」元件上

如需有關串流UGC的訓練影片,請參閱「在Adobe Experience Manager Livefyre中建立自動內容串流和搜尋社交內容」。

客戶範例

若要建立自訂體驗和資料視覺化,您可使用引導和串流API來使用Livefyre和社交資料,從頭開始建立Livefyre應用程式。

對於需要驗證的Livefyre應用程式,請參閱適用於第三方驗證平台的身分整合

使用AEM元件或傳統Livefyre整合來整合Livefyre注釋

AEM整合

Livefyre Adobe Experience Manager套件適用於AEM 6.1、6.2SP1、6.3、6.4和6.4 SP1。 不支援AEM 5.x和6.0。 如需詳細指示,請參閱與Livefyre整合。

傳統實作(適用於自訂AEM元件)

在自訂AEM元件或其他CMS(例如WordPress、Sitecore或DemandWare)中實作Livefyre注釋應用程式有三種方式。 傳統的Livefyre整合不受CMS限制。

方法1:設計人員應用程式實作

方法2:SDK實作

  • 什麼: Livefyre. jsis是為網站上的Apps和Auth提供動力的核心資料庫。它定義全域​window.Livefyre​物件和單一公用方法​Livefyre.require,可用來載入其他Livefyre JavaScript程式庫,以協助內嵌Livefyre應用程式並與協力廠商使用者驗證平台整合。

  • 方式:

  • 範例: https://codepen.io/dharafyre/pen/oYoJdP

如需使用SDK的進階自訂,請參閱StreamHub SDK

方法3:API實作

  • 若要建立自訂體驗和資料視覺化,您可使用引導和串流API來使用Livefyre和社交資料,從頭開始建立Livefyre應用程式。

注釋應用程式驗證整合

客戶範例

使用Livefyre AEM Assets整合,在AEM Assets中匯入UGC

Livefyre設定(適用於UGC組織與Rights Management):

  1. 設定串流並新增規則,將UGC組織至Livefyre資產庫資料夾

    1. 如需有關串流UGC的訓練影片,請參閱「在Adobe Experience Manager Livefyre中建立自動內容串流和搜尋社交內容」。
  2. 在Livefyre資產庫資料夾中收集、組織及管理精選的UGC

    1. 如需有關在Livefyre Studio資產庫中建立和管理資料夾的訓練影片,請參閱「在Adobe Experience Manager Livefyre中使用資產」
  3. 使用Livefyre Studio申請優質的UGC的權利

AEM設定(用於將UGC匯入AEM Assets):

  1. 快速入門
  2. 設定AEM以使用Livefyre
  3. 將Livefyre組織的UGC匯入AEM Assets

使用AEM元件或傳統Livefyre整合來整合Livefyre評論

AEM整合

Livefyre Adobe Experience Manager套件適用於AEM 6.1、6.2SP1、6.3、6.4和6.4 SP1。 不支援AEM 5.x和6.0。 如需詳細指示,請參閱與Livefyre整合。

Reviews Component不是AEM 6.1支援的元件。請檢查所有Livefyre應用程式的AEM支援矩陣

傳統實作(適用於自訂AEM元件)

在自訂AEM元件或其他CMS(例如WordPress、Sitecore或DemandWare)中實作Livefyre Reviews應用程式有兩種方式。 傳統的Livefyre整合不受CMS限制。

方法1:SDK實作

  • 什麼: Livefyre. jsis是為網站上的Apps和Auth提供動力的核心資料庫。它定義全域​window.Livefyre​物件和單一公用方法​Livefyre.require,可用來載入其他Livefyre JavaScript程式庫,以協助內嵌Livefyre應用程式並與協力廠商使用者驗證平台整合。

  • 方式:

    • 建立Reviews CollectionMeta token,以指定要儲存在Reviews Collection中的中繼資料。
    • 使用​Livefyre.js​內嵌程式碼結構,將評論App整合至網站
  • 範例: https://codepen.io/dharafyre/pen/GXgvvd

如需使用SDK的進階自訂,請參閱StreamHub SDK

方法2:API實作

  • 若要建立自訂的體驗和資料視覺化,您可使用引導和串流API,從頭開始使用Livefyre和社交資料來建立Livefyre應用程式。

您可在這裡找到其他評分和評論API。

注釋應用程式驗證整合

客戶範例

本頁內容