與 Livefyre 整合

瞭解如何將Livefyre領先業界的組織功能與AEM 6.4執行個體整合，讓您在幾分鐘內將重要的使用者產生內容(UGC)從社交網路發佈至您的網站。

快速入門

安裝Livefyre Package for AEM

AEM 6.4隨附Livefyre功能套件1.2.6預先安裝。 此套件僅包含與AEM Sites的有限Livefyre整合，且必須先解除安裝，才能安裝更新的套件。 透過最新套件，您可體驗Livefyre與AEM的完整整合，包括網站、資產和商務。

1. 從AEM首頁，按一下左側導軌上的​Tools​圖示。

2. 導航至​部署>軟體包。

3. 在「封裝管理員」中，捲動直到您看到預先安裝的Livefyre功能封裝，然後按一下封裝標題​cq-social-livefyre-pkg-1.2.6.zip​以展開選項。

4. 按一下​更多>卸載。

   

5. 從Software Distribution下載Livefyre套件。

6. 從「套件管理器」，安裝下載的套件。 如需在AEM中使用「軟體散發」和「封裝」的指示，請參閱如何使用封裝。

   

   您的Livefyre-AEM套件現已安裝。 您必須先設定AEM，才能開始使用整合功能。

   如需功能套件的詳細資訊和發行說明，請參閱功能套件。

設定AEM以使用Livefyre:建立配置資料夾

1. 從AEM首頁，按一下左側導軌中的​Tools​圖示，然後導覽至「一般>設定瀏覽器​」。

   • 如需詳細資訊，請參閱設定瀏覽器檔案。

2. 按一下​建立​以開啟建立配置對話框。

3. 命名配置並選中​雲配置​複選框。

   這會在​工具>部署> Livefyre Configuration​下建立資料夾，並提供名稱。

   

設定AEM以使用Livefyre:建立Livefyre設定

設定AEM以使用您組織的Livefyre授權認證，允許Livefyre與AEM之間通訊。

1. 從AEM首頁，按一下左側導軌中的​Tools​圖示，然後導覽至「部署> Livefyre Configuration」。

2. 選擇您要建立新Livefyre設定的設定資料夾，然後按一下「建立​」。

   

   注意

   資料夾的屬性必須啟用雲端設定，才能將Livefyre設定新增至資料夾。 配置資料夾是在配置瀏覽器中建立和管理的。

   不能為配置建立名稱——該名稱由配置所在資料夾的路徑引用。 每個資料夾只能有一個配置。

   如需詳細資訊，請參閱設定瀏覽器檔案。

3. 選取新建立的Livefyre設定卡，然後按一下「屬性」​。

   

4. 輸入您組織的Livefyre認證，然後按一下「確定」。​

   

   若要存取此資訊，請開啟Livefyre Studio，並導覽至「設定>整合設定>認證」。

   您的AEM例項現在已設定為使用Livefyre，而且您可以使用整合功能。

自訂單一登入整合

Livefyre for AEM套件包含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 Auth委派。

   如需自訂驗證委派的詳細資訊，請參閱身分整合。

   如需AEM Clientlibs的詳細資訊，請參閱使用用戶端程式庫。

搭配AEM Sites使用Livefyre

將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. 按一下「若要編輯此元件，請前往Livefyre Studio。
4. 在Livefyre Studio中編輯應用程式。

搭配AEM Assets使用Livefyre

請求權限並將UGC匯入AEM Assets

您可以使用UGC匯入工具，將Twitter和Instagram使用者產生的內容(UGC)從Livefyre Studio匯入至AEM資產。 在選取要匯入的內容後，您必須先要求內容的權限，才能完成匯入。

若要將UGC匯入AEM資產：

1. 從AEM首頁，導覽至「資產>檔案」。

2. 按一下「建立」，然後按一下「匯入UGC」。​​​

   

3. 尋找內容：

   • 從Livefyre按一下「UGC程式庫」標籤。 使用篩選器和搜尋，從UGC程式庫尋找內容。
   • 按一下Twitter或Instagram標籤，即可從Twitter和Instagram取得。 使用搜尋或篩選器來尋找內容。

4. 選取您要匯入的資產。 您選取的資產會自動計算並儲存在​Selected​標籤下。

5. 可選:按一下「選 ​​取的」標籤，並檢視您選取的UGC內容以匯入。

6. 按一下​下一步。

   

7. 對於權限請求，請為每個資產選擇下列其中一個選項：

   對於Instagram:

   • 手動請 求權限，以取得可複製並貼上的訊息，並透過Instagram手動傳送給內容擁有者。
   • 手動屬性內 容權限，以覆寫個別資產的權限。
   注意

   由於更新會影響非商業使用者帳戶的內容匯總，因此我們無法再代表您張貼意見或自動檢查作者的回覆。 按一下這裡以進一步瞭解。

   

   針對Twitter:

   • 訊息 授權者：傳送訊息給內容擁有者，要求資產的權限。
   • 手動屬性內 容權限，以覆寫個別資產的權限。

8. 按一下​Import。

   如果您傳送Twitter的權限要求，內容擁有者會在其帳戶中看到權限要求訊息：

   

   注意

   Twitter對來自相同帳戶的相同請求有限制。 匯入多個資產時，請個別修改訊息以避免被標幟。

9. 按一下右上角的​Done​以完成「權限要求」工作流程。

   您可在Livefyre Studio中查看資產的待定權利要求狀態。 如果內容擱置中是權限請求，在授予權限之前，資產不會顯示在AEM資產中。 當授與「權限請求」時，資產會自動出現在AEM Assets中。

   若是Instagram，您必須追蹤內容擁有者的回應，並手動授與內容的權限。

搭配AEM Commerce使用Livefyre

使用AEM Commerce將產品目錄匯入Livefyre

AEM Commerce使用者可將現有的產品目錄完美整合至Livefyre，以推動使用者參與Livefyre的視覺化應用程式。

匯入產品目錄後，產品即時顯示在您的Livefyre實例中。 如果您編輯或刪除AEM Commerce產品目錄中的項目，這些變更會自動在Livefrye中更新。

1. 請確定您的AEM例項上已安裝最新的Livefyre for AEM套件。

2. 從AEM首頁，導覽至​AEM Commerce。

3. 建立新系列或使用現有的系列。

4. 將滑鼠指標暫留在系列上，然後按一下「系列屬性」（鉛筆圖示）。

5. 勾選「同步至Livefyre 」。

6. 填入​Livefyre頁面首碼，將此系列連結至AEM中的特定頁面。

   頁面首碼定義環境中開始搜尋產品頁面的根路徑。 Livefyre會選擇第一個具有與其相關聯之對應產品的頁面。 若要針對不同的產品取得不同的頁面，需要多個系列。

Livefyre應用程式的AEM支援矩陣