#F5F5F5

Adobe Experience Manager Sites 기능

헤드리스 CMS

개발자와 비즈니스 사용자가 즉시 사용 가능한 헤드리스, 헤드풀 모델로 어떤 프런트엔드 프레임워크에서나 콘텐츠를 자유롭게 제작하고 구성해 제공할 수 있습니다.

소개 영상 보기

#2c2c2c

무료 체험판을 통해 헤드리스 CMS의 이점을 확인해 보세요.

무료 체험판 다운로드

헤드리스 CMS 기능

분리된 콘텐츠 관리

Adobe Experience Manager Sites를 통해 마케터는 콘텐츠를 제작하고 개발자는 코드 작성과 전달에 집중할 수 있습니다. 백엔드 콘텐츠 관리 시스템에서 프런트엔드 애플리케이션을 분리했기 때문입니다. Adobe의 헤드리스 CMS를 사용해 구조화된 콘텐츠를 제작하고, 이렇게 만든 콘텐츠를 API를 통해 다양한 디지털 접점에서 재사용할 수 있습니다.

  • 콘텐츠 모델. 사이트와 앱에 맞게 콘텐츠를 구성하세요. 기존에 있던 콘텐츠 모델 템플릿을 바탕으로 만들거나 새롭게 직접 만들 수 있습니다.
  • 콘텐츠 조각. 콘텐츠를 디자인하고 제작해 게시하세요. 콘텐츠 조각을 사용해 헤드리스, 헤드풀, 하이브리드 등 어느 모델로 전달하든 콘텐츠를 재사용할 수 있습니다.
  • 콘텐츠 조각 편집기. 사용이 간편하고 익숙한 양식 기반의 편집기를 사용하여 기존의 콘텐츠 조각을 빠르게 변경하세요. 모든 디지털 에셋에서 콘텐츠를 신속하게 제작하고 편집할 수 있습니다.
  • 경험 조각. 콘텐츠와 레이아웃을 그룹화해 어느 채널에서나 재사용할 수 있는 조각을 만들어 다양한 화면에 게시할 수 있습니다. 여러 개의 크리에이티브 에셋을 제작하지 않고도 메시지와 레이아웃을 일관되게 유지할 수 있습니다.

편집 및 미리 보기

Experience Manager Sites의 표준 편집기를 사용하면 어떤 프런트엔드 프레임워크를 이용 중이든, 어디에 콘텐츠를 렌더링하든 모든 콘텐츠를 실시간으로 미리 보고 편집할 수 있습니다. 저작자는 콘텐츠를 손쉽게 바로 수정하고 최종 결과물 경험을 미리 확인할 수 있습니다.

  • 시각적인 편집. 이미지, 문구, 영상 등 모든 콘텐츠를 환경에 맞게 시각적으로 편집하세요. 페이지에 표시된 콘텐츠 조각을 편집하거나 중첩된 구성 요소가 있는 전체 페이지 구조도 편집할 수 있습니다.
  • 프레임워크 애그노스틱. 나만의 프런트엔드 프레임워크(예: React, Vue, Angular)를 사용해 작업하고, 버전 관리와 업데이트 걱정은 털어버리세요. 직관적인 저작 툴을 사용해 페이지 디자인의 모든 요소를 쉽게 드래그하여 놓을 수 있습니다. 표준 편집기는 Experience Manager 로컬 또는 원격 도메인에서 호스팅된 콘텐츠를 사용한 서버 측, 클라이언트 측, 엣지 측 렌더링 등 모든 아키텍처에서도 작동합니다.
  • 유연한 편집. 경험의 다양한 측면을 편집하세요. 추가 메타데이터가 필요하거나 열, 회전식 보기, 탭, 아코디언 등 다양한 스타일을 적용해야 하는 경우에도 모두 편집이 가능합니다.

전달

직관적이고 포괄적인 API를 사용하여 콘텐츠를 쉽게 전달할 수 있습니다.

  • GraphQL. 재사용할 수 있는 구조화된 콘텐츠를 GraphQL을 통해 JSON 포맷으로 다른 애플리케이션에 빠르게 제공할 수 있습니다.
  • 콘텐츠 서비스. Experience Manager의 즉시 사용 가능한 기본 구성 요소와 템플릿으로 페이지를 생성하세요. 그런 다음 콘텐츠 서비스 API를 통해 URL이 있는 REST API 엔드포인트로 전송할 수 있습니다.
  • 영구 쿼리. 영구 쿼리와 HTTP 캐시를 통한 캐싱을 사용하거나, Adobe 콘텐츠 전송 네트워크를 사용하여 쿼리 실행을 줄이세요. 클라이언트 애플리케이션은 신속한 엣지 지원 실행을 위해 GET 요청으로 영구 쿼리를 요청합니다.
  • 웹에 최적화된 이미지 전달. GraphQL을 통해 디지털 에셋 관리자의 이미지를 WebP 포맷으로 전달하여 페이지 로딩 시간을 단축하고 다운로드 크기를 평균 25% 줄일 수 있습니다.

최적화

콘텐츠 관리를 넘어, 고성능 페이지와 앱까지 완성할 수 있습니다.

  • 개인화. 고급 A/B 테스트, 옴니채널 개인화를 위해 Adobe Target과 같은 개인화 툴에 구조화된 콘텐츠를 게시하여 사용자 경험을 최적화할 수 있습니다.
  • 앱 빌더. 특정 요구 사항에 맞는 맞춤 익스텐션과 통합을 쉽게 구축할 수 있는 서버리스 런타임, UI 프레임워크, CLI, SDK, 기타 개발자 툴을 활용할 수 있습니다.
  • 멀티사이트 관리. 클릭 한 번으로 소스 콘텐츠 구조의 변경 사항을 소스 콘텐츠와 연결된 라이브 중인 사본에 적용해 다양한 사이트에서 다양한 콘텐츠 버전을 만들어 관리할 수 있습니다. 또한, 다양한 여러 조직과 글로벌 콘텐츠 구조에서 상속할 수 있습니다.
  • 이벤트 및 Webhook. 데이터가 변경될 때마다 서드파티 앱이나 서비스에 실시간 업데이트와 알림을 보내 해당 변경 사항을 원활하게 통합하고 동기화할 수 있습니다.
  • 일괄 편집. 여러 페이지의 속성을 한꺼번에 편집할 수 있습니다.

https://main--bacom--adobecom.hlx.page/assets/icons/products/experience-manager/headless-cms/dotcom-98221-aem-headless-cms-success-edge-messaging-boots-logo-155x80.svg | Chipotle 로고

“Adobe Experience Manager는 당사가 제공하는 디지털 경험에 핵심적인 역할을 하고 있습니다. 우리는 Experience Manager를 중심으로 웹 경험을 구축했고, Experience Manager 헤드리스로 모바일 앱 경험을 강화하여 모바일 앱과 웹에 콘텐츠를 빠르고 효율적으로 전달하고 있습니다.”

Nicole West, Chipotle 디지털 전략 및 제품 부문 부사장.

영상 보기

#F1F1F1

헤드리스 CMS 기능 120% 활용하기

설명서, 튜토리얼, 사용자 가이드 등 다양한 학습 콘텐츠를 이용해 보세요.

자세히 보기