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應用程式受支援，請參閱 Livefyre應用程式的AEM支援對照表.

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

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

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

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

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

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

方法2:SDK實作

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

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

Media Wall驗證整合

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

• 自訂單一登入整合 適用於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應用程式，請參閱 身分整合 適用於第三方驗證平台。

• 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.js 是核心程式庫，為網站上的應用程式和驗證提供技術支援。 它定義了全球 window.Livefyre 物件和單一公用方法， Livefyre.require，可載入其他Livefyre JavaScript程式庫，協助內嵌Livefyre應用程式並與協力廠商使用者驗證平台整合。

• 方法：

  • 使用建立集合/應用程式 CollectionMeta代號.
  • 整合 評論應用程式 內嵌程式碼結構移入網站。

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

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

方法3:API實作

• 若要建立自訂的體驗和資料視覺效果，您可以使用 Bootstrap和串流API.

Comments應用驗證整合

• 自訂單一登入整合 適用於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中使用Assets.

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整合.

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

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

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

方法1:SDK實作

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

• 方法：

  • 建立審核 CollectionMeta代號 指定要在「審閱集合」中儲存的元資料。
  • 整合 評論應用程式 使用 Livefyre.js 內嵌程式碼結構

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

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

方法2:API實作

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

您可以找到其他評等和審核API 此處.

Comments應用驗證整合

• 自訂單一登入整合 適用於AEM Identity Management
• 身分整合 適用於第三方驗證平台

客戶範例

• 逾時
• myrecipes

Business.Adobe.com 資源

Multichannel Communication Ecommerce Integrations Embedded Charts Mobile Forms Theme Editor Content As A Service