與Livefyre整合

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

快速入門

安裝Livefyre Package for AEM

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

注意

AEM-LF套件的某些功能取決於Social元件架構(SCF)。 如果您將Livefyre功能套件用作非社群網站的一部分,您必須在網站的作者clientlibs中將​cq.social.scf​宣告為相依性。 如果您將LF功能包用作社群網站的一部分,應已聲明此相依性。

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

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

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

  4. 按一下​更多>卸載

    livefyre-aem-uninstall-64

  5. Software Distribution下載Livefyre套件。

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

    livefyre-aem4-6-4

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

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

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

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

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

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

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

    livefyre-aem-create-config-folder

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

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

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

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

    create-livefyre-configuration1

    注意

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

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

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

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

    create-livefyre-configuration2

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

    configure-aem2

    若要存取此資訊,請開啟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元件。

    livefyre-add

  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之前,您必須先在Livefyre Studio中設定「Social帳戶」和「Rights Requests」帳戶。 請參閱設定:權限請求以取得詳細資訊。

若要將UGC匯入AEM資產:

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

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

    livefyre-aem-import-ugc

  3. 尋找內容:

    • 從Livefyre按一下「UGC程式庫」標籤。 使用篩選器和搜尋,從UGC程式庫尋找內容。
    • 按一下Twitter或Instagram標籤,即可從Twitter和Instagram取得。 使用搜尋或篩選器來尋找內容。
  4. 選取您要匯入的資產。 您選取的資產會自動計算並儲存在​Selected​標籤下。

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

  6. 按一下​下一步

    livefyre-aem-import-ugc2

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

    對於Instagram:

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

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

    livefyre-aem-import-ugc3-6-4

    針對Twitter:

    • 訊息 授權者:傳送訊息給內容擁有者,要求資產的權限。
    • 手動屬性內 容權限,以覆寫個別資產的權限。
  8. 按一下​Import

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

    livefyre-aem-rights-request-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支援矩陣

Livefyre應用程式 AEM 6.1 AEM 6.2 AEM 6.3 AEM 6.4
傳送 X X X X
聊天 X X X X
評論 X X X X
幻燈片 X X X
LiveBlog X X X X
地圖 X X X X
媒體牆 X X X X
馬賽克 X X X X
輪詢 X X X
評論 X X X
單張卡 X X X X
Storify 2 X X X
趨勢 X X X
上傳按鈕 X X X

本頁內容