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:設計人員應用程式實作

• 什麼：最 簡單、最快速的Livefyre應用程式整合方式。您可以設計、設定並產生自訂的JavaScript內嵌程式碼，在幾分鐘內將媒體塗鴉牆應用程式整合在頁面上。

• 方式： 建立、預覽、發佈和內嵌媒體塗鴉牆應用程式

• 範例： https://codepen.io/dharafyre/pen/bvGrLo

方法2:SDK實作

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

• 方式: 使用Livefyre JavaScript SDK的streamhub-wallpackage

• 範例: https://codepen.io/dharafyre/pen/KZKBNv?editors=1010

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

方法3:API實作

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

在建立UGC的UI時，請務必遵循Twitter、Facebook和Instagram顯示准則。

媒體牆身份驗證整合

如需驗證的媒體牆整合，請參閱：

• 自訂AEM身分識 別管理的單一登入整合
• 協力 廠商驗證平台的身分整合

使用案例概述

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

實施步驟：

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

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

客戶範例

• CNN Media Wall
• PGA巡迴賽媒體牆

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

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

• PGA巡迴賽媒體牆
• 逾時

使用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:設計人員應用程式實作

• 什麼：最 簡單、最快速的Livefyre應用程式整合方式。您可以設計、設定並產生自訂的JavaScript內嵌程式碼，在幾分鐘內將媒體塗鴉牆應用程式整合在頁面上。

• 方式：建 立、預覽、發佈和內嵌注釋應用程式

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

方法2:SDK實作

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

• 方式：

  • 使用CollectionMeta Token建立系列／應用程式。
  • 使用Livefyre.js內嵌程式碼結構，將注釋App整合至網站。

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

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

方法3:API實作

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

注釋應用程式驗證整合

• 自訂AEM身分識 別管理的單一登入整合
• 協力 廠商驗證平台的身分整合

客戶範例

• Pose(Kimberly Klark)

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

• Tourism Australia

使用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。

注釋應用程式驗證整合

• 自訂AEM身分識 別管理的單一登入整合
• 協力 廠商驗證平台的身分整合

客戶範例

• 逾時
• myrecipes