AEM Livefyre 指導方針

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

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

媒體塗鴉牆可將社交和原生Livefyre內容串流至即時社交塗鴉牆中。 根據您的使用案例和需求，有多種方式可在AEM中實作Media Wall。

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

AEM整合

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

若要查看哪些Livefyre應用程式受到支援，請參閱AEM Support Matrix for Livefyre Apps。

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

有三種方式可將Livefyre實施至自訂AEM元件或其他CMS，例如WordPress、Sitecore或DemandWare。 傳統的Livefyre整合不受CMS限制。

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

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

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

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

方法2:SDK實作

• 什麼： Livefyre. jsis核心程式庫，為網站上的應用程式和驗證提供技術支援。它定義全域​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實作

• 若要建立自訂的體驗和資料視覺效果，您可使用Bootstrap和資料流API使用Livefyre和社交資料，從草稿開始建立Livefyre應用程式。

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

媒體牆身份驗證整合

若為需要驗證的媒體塗鴉牆整合，請參閱：

• 針對AEM Identity Management自訂 單一登入整合
• 協力 廠商驗證平台的身分整合

使用案例概述

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

實作步驟：

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

如需串流UGC的訓練影片，請參閱在Adobe Experience Manager Livefyre中建立自動內容資料流並搜尋社交內容。

客戶範例

• CNN傳媒城
• PGA巡迴賽媒體牆

若要建立自訂的體驗和資料視覺效果，您可使用Bootstrap和資料流API使用Livefyre和社交資料，從草稿開始建立Livefyre應用程式。

若為需要驗證的Livefyre應用程式，請參閱適用於第三方驗證平台的Identity Integration 。

• PGA巡迴賽媒體牆
• 逾時

使用AEM元件整合Livefyre意見或傳統Livefyre整合

AEM整合

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

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

有三種方式可將Livefyre意見應用程式實作至自訂AEM元件或其他CMS，例如WordPress、Sitecore或DemandWare。 傳統的Livefyre整合不受CMS限制。

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

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

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

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

方法2:SDK實作

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

• 方法：

  • 使用CollectionMeta Token建立集合/應用程式。
  • 使用Livefyre.js內嵌程式碼結構，將Comments App整合至網站。

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

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

方法3:API實作

• 若要建立自訂的體驗和資料視覺效果，您可使用Bootstrap和資料流API使用Livefyre和社交資料，從草稿開始建立Livefyre應用程式。

注釋應用驗證整合

• 針對AEM Identity Management自訂 單一登入整合
• 協力 廠商驗證平台的身分整合

客戶範例

• 普瓦斯（金伯利·克拉克）

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

Livefyre設定(針對UGC組織與Rights Management):

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

   1. 如需串流UGC的訓練影片，請參閱在Adobe Experience Manager Livefyre中建立自動內容資料流並搜尋社交內容。

2. 在Livefyre Asset Library資料夾中收集、組織及管理已組織的UGC。

   1. 如需有關在Livefyre Studio Asset Library中建立和管理資料夾的訓練影片，請參閱在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整合

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

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

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

有兩種方式可將Livefyre Reviews App實作至自訂AEM元件或其他CMS，例如WordPress、Sitecore或DemandWare。 傳統的Livefyre整合不受CMS限制。

方法1:SDK實作

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

• 方法：

  • 建立「審核CollectionMeta」標籤以指定要儲存在審核集合中的元資料。
  • 使用​Livefyre.js​內嵌程式碼結構，將Reviews App整合至Sites

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

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

方法2:API實作

• 若要建立自訂的體驗和資料視覺效果，您可使用Bootstrap和串流API來使用Livefyre和社交資料，從草稿開始建立Livefyre應用程式。

您可在此處找到其他評等和審核API。

注釋應用驗證整合

• 針對AEM Identity Management自訂 單一登入整合
• 協力 廠商驗證平台的身分整合

客戶範例

• 逾時
• myrecipes