AEM Livefyre Recipes

Adobe Experience Manager Livefyre의 공통 사용 사례에 대한 단계별 지침입니다.

기본 제공 Livefyre AEM 구성 요소를 사용하여 UGC를 큐레이팅하고 Livefyre Media Wall 을 사용하여 표시합니다.

Media Wall은 소셜 및 기본 Livefyre 컨텐츠를 실시간 소셜 벽으로 스트리밍합니다. 사용 사례 및 요구 사항에 따라 AEM에서 미디어 월을 구현하는 방법에는 여러 가지가 있습니다.

AEM Livefyre Package는 기본 구현을 제공하는 반면, 기존 통합은 사용자 지정 Livefyre AEM 구성 요소를 만드는 기능을 제공합니다.

AEM 통합

Livefyre Adobe Experience Manager 패키지는 AEM 6.1, 6.2SP1, 6.3, 6.4 및 6.4 SP1에서 사용할 수 있습니다. AEM 5.x 및 6.0은 지원되지 않습니다. 자세한 지침은 Livefyre와 통합 을 참조하십시오.

지원되는 Livefyre 앱을 확인하려면 Livefyre 앱용 AEM 지원 매트릭스를 참조하십시오.

기존 구현 (사용자 지정된 AEM 구성 요소의 경우)

Livefyre를 사용자 지정 AEM 구성 요소나 WordPress, Sitecore 또는 DemandWare와 같은 기타 CMS에 구현하는 방법에는 세 가지가 있습니다. 기존의 Livefyre 통합은 CMS 불가지론자입니다.

방법 1:디자이너 앱 구현

방법 2:SDK 구현

SDK를 사용하는 고급 사용자 지정에 대해서는 StreamHub SDK를 참조하십시오.

방법 3:API 구현

  • 사용자 지정된 경험 및 데이터 시각화를 만들기 위해 Bootstrap 및 스트림 API를 사용하여 Livefyre 및 소셜 데이터를 사용하여 Livefyre 앱을 처음부터 만들 수 있습니다.

UGC용 UI를 작성할 때에는 Twitter, FacebookInstagram 표시 지침을 반드시 따르십시오.

미디어 벽 인증 통합

인증이 필요한 미디어 월 통합에 대해서는 다음을 참조하십시오.

사용 사례 개요

AEM 고객의 경우 기본 제공 Livefyre AEM 구성 요소를 사용하여 UGC를 조정하고 Livefyre Media Wall을 사용하여 표시하려고 합니다.

구현 단계:

  1. 시작하기
  2. Livefyre를 사용하도록 AEM 구성
  3. AEM Media Wall 구성 요소를 페이지에 드래그하여 놓습니다
  4. Streams 구성 및 규칙을 추가하여 UGC를 조정하고 Media Wall 구성 요소에 표시

스트리밍 UGC에 대한 교육 비디오가 필요하면 Adobe Experience Manager Livefyre에서 자동 컨텐츠 스트림 만들기 및 소셜 콘텐츠 검색을 참조하십시오.

고객 예

사용자 지정된 경험 및 데이터 시각화를 만들기 위해 Bootstrap 및 스트림 API를 사용하여 Livefyre 및 소셜 데이터를 사용하여 Livefyre 앱을 처음부터 만들 수 있습니다.

인증이 필요한 Livefyre 앱의 경우 타사 인증 플랫폼에 대한 ID 통합을 참조하십시오.

AEM 구성 요소 또는 기존 Livefyre 통합을 사용하여 Livefyre 댓글 통합

AEM 통합

Livefyre Adobe Experience Manager 패키지는 AEM 6.1, 6.2SP1, 6.3, 6.4 및 6.4 SP1에서 사용할 수 있습니다. AEM 5.x 및 6.0은 지원되지 않습니다. 자세한 지침은 Livefyre와 통합 을 참조하십시오.

기존 구현 (사용자 지정된 AEM 구성 요소의 경우)

Livefyre Comments 앱을 사용자 지정 AEM 구성 요소나 WordPress, Sitecore 또는 DemandWare와 같은 다른 CMS에 구현하는 방법에는 세 가지가 있습니다. 기존의 Livefyre 통합은 CMS 불가지론자입니다.

방법 1:디자이너 앱 구현

방법 2:SDK 구현

  • What: Livefyre. 는 사이트에서 앱과 인증을 담당하는 핵심 라이브러리입니다. 전역 window.Livefyre 개체 및 단일 공개 메서드 Livefyre.require​를 정의합니다. 이 라이브러리는 Livefyre 앱을 포함하고 타사 사용자 인증 플랫폼과 통합하는 데 도움이 되는 다른 Livefyre JavaScript 라이브러리를 로드하는 데 사용할 수 있습니다.

  • 방법:

    • CollectionMeta 토큰을 사용하여 컬렉션/앱을 만듭니다.
    • Livefyre.js 포함 코드 구조를 사용하여 댓글 앱을 사이트에 통합합니다.
  • 예: https://codepen.io/dharafyre/pen/oYoJdP

SDK를 사용하는 고급 사용자 지정에 대해서는 StreamHub SDK를 참조하십시오.

방법 3:API 구현

  • 사용자 지정된 경험 및 데이터 시각화를 만들기 위해 Bootstrap 및 스트림 API를 사용하여 Livefyre 및 소셜 데이터를 사용하여 Livefyre 앱을 처음부터 만들 수 있습니다.

댓글 앱 인증 통합

고객 예

Livefyre AEM Assets 통합을 사용하여 AEM Assets에서 UGC를 가져옵니다.

Livefyre 설정(UGC 큐레이션 및 Rights Management용):

  1. Livefyre 자산 라이브러리 폴더에 UGC를 조정하도록 스트림 구성 및 규칙 추가.

    1. 스트리밍 UGC에 대한 교육 비디오가 필요하면 Adobe Experience Manager Livefyre에서 자동 컨텐츠 스트림 만들기 및 소셜 콘텐츠 검색을 참조하십시오.
  2. Livefyre 자산 라이브러리 폴더에서 조정된 UGC를 수집, 구성 및 관리합니다.

    1. Livefyre Studio 자산 라이브러리에서 폴더를 만들고 관리하는 방법에 대한 교육 비디오가 필요하면 Adobe Experience Manager Livefyre에서 자산 작업을 참조하십시오.
  3. Livefyre Studio를 사용하여 조정된 UGC에 대한 요청 권한.

AEM 설정(AEM Assets으로 UGC를 가져오는 경우):

  1. 시작하기
  2. Livefyre를 사용하도록 AEM 구성
  3. Livefyre에서 AEM Assets으로 조정된 UGC 가져오기

AEM 구성 요소 또는 기존 Livefyre 통합을 사용하여 Livefyre 검토 통합

AEM 통합

Livefyre Adobe Experience Manager 패키지는 AEM 6.1, 6.2SP1, 6.3, 6.4 및 6.4 SP1에서 사용할 수 있습니다. AEM 5.x 및 6.0은 지원되지 않습니다. 자세한 지침은 Livefyre와 통합 을 참조하십시오.

검토 구성 요소는 AEM 6.1에서 지원되는 구성 요소가 아닙니다. 모든 Livefyre 앱에 대해 AEM 지원 매트릭스를 확인하십시오.

기존 구현 (사용자 지정된 AEM 구성 요소의 경우)

Livefyre Reviews 앱을 사용자 지정 AEM 구성 요소나 WordPress, Sitecore 또는 DemandWare와 같은 다른 CMS에 구현하는 방법에는 두 가지가 있습니다. 기존의 Livefyre 통합은 CMS 불가지론자입니다.

방법 1:SDK 구현

SDK를 사용하는 고급 사용자 지정에 대해서는 StreamHub SDK를 참조하십시오.

방법 2:API 구현

  • 사용자 지정된 경험 및 데이터 시각화를 만들기 위해 Bootstrap 및 스트림 API를 사용하여 Livefyre 및 소셜 데이터를 사용하여 Livefyre 앱을 처음부터 만들 수 있습니다.

추가 등급 및 검토 API는 여기에서 찾을 수 있습니다.

댓글 앱 인증 통합

고객 예

이 페이지에서는