與 Livefyre 整合

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

快速入門

安裝AEM適用的Livefyre套件

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

1. 從AEM首頁，按一下左側邊欄上的​工具​圖示。

2. 導覽至​部署>套件。

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

4. 按一下「更多>卸載」。

   

5. 從Software Distribution下載Livefyre套件。

6. 從套件管理器，安裝下載的套件。 有關在AEM中使用Software Distribution和包的說明，請參閱如何使用包。

   

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

   如需Feature Pack的詳細資訊和發行說明，請參閱Feature Pack。

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

1. 從AEM首頁，按一下左側邊欄中的​工具​圖示，然後導覽至​一般>設定瀏覽器。

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

2. 按一下​Create​以開啟「Create Configuration」對話框。

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

   這會在​Tools > Deployment > Livefyre Configuration​下建立資料夾，並提供名稱。

   

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

設定AEM以使用貴組織的Livefyre授權憑證，以便Livefyre與AEM之間通訊。

1. 從AEM首頁，按一下左側邊欄中的​Tools​圖示，然後導覽至​Deployment > Livefyre Configuration。

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

   

   注意

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

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

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

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

   

4. 輸入貴組織的Livefyre認證，然後按一下​OK。

   

   若要存取此資訊，請開啟Livefyre Studio並導覽至​Settings > Integration Settings > Credentials。

   您的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/authclientlib。

2. 編輯並儲存​/apps/social/integrations/livefyre/components/authorizablecomponent/authclientlib/auth.js​以實作符合您需求的Livefyre驗證委派。

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

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

搭配AEM Sites使用Livefyre

將Livefyre元件新增至頁面

在將Livefyre元件新增至Sites內的頁面之前，您必須從上層頁面繼承Livefyre雲端組態，或直接將組態新增至頁面，才能為頁面啟用Livefyre。 如需在網站上納入雲端服務，請參閱您的實作。

為頁面啟用Livefyre後，容器必須設定為允許Livefyre元件。 有關如何啟用不同元件的說明，請參閱在設計模式下配置元件。

1. 在設計模式下，從​Components​側面板中，從功能表選取​Livefyre，將清單限制為可用的Livefyre元件。

   

2. 選取Livefyre元件，並將其拖曳至頁面上的位置。

3. 選取要建立新的Livefyre應用程式，還是內嵌現有應用程式。

   如果內嵌現有應用程式，AEM會要求您選取應用程式。 如果建立新應用程式，則必須先填入應用程式，才會顯示任何內容。 當頁面啟用Livefyre雲端設定時，應用程式將會建立在Livefyre網站和選取的網路中。

   有關插入元件的詳細資訊，請參閱編輯頁面內容。

編輯AEM頁面的Livefyre元件。

您只能在Livefyre Studio中設定和編輯Livefyre元件。 從AEM:

1. 按一下Livefyre元件以進行設定。
2. 按一下​Configure​圖示（扳手）以開啟設定對話方塊。
3. 按一下​若要編輯此元件，請前往Livefyre Studio。
4. 在Livefyre Studio中編輯應用程式。

搭配AEM Assets使用Livefyre

要求權限並將UGC匯入AEM Assets

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

若要將UGC匯入AEM Assets:

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

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

   

3. 查找內容：

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

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

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

6. 按一下​下一步。

   

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

   若為Instagram:

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

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

   

   若為Twitter:

   • 訊息 作者傳送訊息給內容擁有者，要求資產的權限。
   • 手動歸因內 容權限，以覆寫個別資產的權限。

8. 按一下​Import。

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

   

   注意

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

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

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

   針對Instagram，您必須追蹤內容擁有者的回應，並在指定內容權限時手動授予權限。

搭配AEM Commerce使用Livefyre

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

AEM Commerce使用者可將其現有產品目錄流暢整合至Livefyre，以促進使用者參與Livefyre的視覺化應用程式。

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

1. 確認AEM執行個體上已安裝最新的AEM適用的Livefyre套件。

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

3. 建立新集合或使用現有集合。

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

5. 檢查​同步至Livefyre。

6. 填入​Livefyre Page Prefix ，將此集合連結至AEM中的特定頁面。

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

Livefyre應用程式的AEM支援清單