헤드리스 CMS를 사용하여 퍼블리싱 플랫폼 설정하기

편집 UI가 사이트 UI와 분리된 헤드리스 콘텐츠 관리 시스템(CMS)을 사용하여 게임을 게시하고 홍보하기 위한 플랫폼을 설정할 수 있습니다.

구조와 디자인이 승인되면 엑솔라 팀은 플랫폼의 프론트엔드를 구현하고 CMS를 구성합니다.

CMS를 사용하면 코드를 변경하지 않고도 사이트 콘텐츠(예: 뉴스, 게임 카드, 특별 혜택)를 독립적으로 관리할 수 있습니다. 이를 통해 엑솔라의 관리 하에 시각적 외관과 디스플레이 로직을 유지하면서 출시 후 사이트 관리를 간소화할 수 있습니다.

CMS 안내

CMS에 로그인하여 암호 변경

프론트엔드 구현 및 초기 사이트 설정이 완료되면 엑솔라 팀에서 CMS 링크와 로그인 자격 증명을 제공합니다.

보안상의 이유로 처음 로그인할 때 계정 암호를 변경하는 것이 좋습니다. 계정 암호를 변경하려면 다음과 같이 진행하십시오.

1. 화면 오른쪽 상단에 있는 사용자 프로필 아이콘을 클릭합니다.
2. Change Password를 클릭합니다.
3. New Password 필드에 새 암호를 입력하고 Confirm Password 필드에 다시 입력합니다.
4. Save를 클릭합니다.

알림

이 섹션에서는 CMS 테마 및 언어도 선택할 수 있습니다.

대시보드

Dashboard 페이지는 CMS의 기본 화면입니다. 화면 상단의 이동 경로에 있는 아이콘을 클릭하여 CMS의 어느 곳에서나 액세스할 수 있습니다.

대시보드에서 다음을 수행할 수 있습니다.

• 프로젝트를 위해 구성한 경우 사이트 데이터를 연결된 앱 스토어 또는 플랫폼의 데이터와 동기화할 수 있습니다.
• 사이트 설정 변경 사항 게시.
• 예정된 사이트 유지 관리에 대한 정보를 확인합니다.
• 사이트 유지 관리 기간을 설정하려면 글로벌 구성으로 이동하십시오.

컬렉션

컬렉션은 기사, 슬라이드, FAQ 등 다양한 유형의 사이트 콘텐츠가 저장되고 구성되는 CMS의 구조화된 섹션입니다.

컬렉션의 각 개체에는 다음과 같은 매개 변수가 있습니다.

• 고유 ID - CMS 인터페이스에서 지정한 경우 개체 이름으로 대체됩니다.
• 개체 상태:
  • Draft - 변경 시 자동으로 할당되지만 수동으로 저장되지는 않습니다. 이 상태에서는 필수 필드가 불완전할 수 있습니다. 초안 변경 내용은 사이트에 게시되지 않습니다.
  • Published - 변경 시 할당되고 수동으로 저장됩니다. 모든 필수 필드를 입력하지 않으면 변경 사항을 저장할 수 없습니다.
• 생성, 마지막 저장 및 마지막 수정에 대한 타임스탬프.
• 변경 내역.

컬렉션 개체 버전

CMS는 컬렉션의 개체에 대한 버전 관리를 지원합니다. 즉, 변경이 이루어질 때마다 시스템이 개체의 새 버전을 생성합니다. 개체의 버전 번호를 클릭하면 변경 내역을 볼 수 있습니다.

변경 사항에 대한 자세한 정보를 보려면 해당 버전의 행에서 날짜를 클릭하십시오. 세부 정보 페이지에서 버전을 비교하거나 선택한 버전을 복원할 수도 있습니다.

글로벌 구성

글로벌 사이트 구성은 Globals > Configuration 섹션에서 사용할 수 있으며 다음을 포함합니다:

• 유지 관리 기간 설정
• 사이트 로케일 설정
• 사이트 파비콘 설정

사이트에 게임 정보 추가

CMS를 사용하면 홈페이지의 게임 카드와 개별 게임 페이지에 표시할 모든 필요한 데이터를 입력할 수 있습니다.

Collections > Games 섹션에서 게임을 추가하면 두 가지 유형의 보기 화면이 생성됩니다.

• 홈페이지에 표시되는 게임 카드. 카드에는 제목, 간략한 설명, 이미지, 앱 스토어의 게임 링크가 포함되어 있습니다.

1. 홈페이지의 게임 카드 예시:

• 홈페이지에서 게임 카드를 선택하면 열리는 전체 게임 페이지. 이 페이지에는 자세한 설명, 스크린샷, 동영상, 앱 스토어 링크, 다운로드 통계, 배경 이미지 및 기타 자산이 포함될 수 있습니다.

1. 게임 페이지의 예:

또한 헤더 메뉴에 게임을 추가할 수도 있습니다. 이렇게 하려면 고객 성공 관리자에게 문의하거나 csm@xsolla.com으로 이메일을 전송하십시오.

게임 정보를 추가하고 기본 설정을 구성하는 방법:

1. Collections > Games 섹션으로 이동합니다.
2. Create New를 클릭합니다.
3. Main 탭에서 필수 입력란을 입력합니다.

1. • Title - 사이트에 표시되는 게임 이름.

1. • Slug - 게임 페이지의 URL 식별자. 라틴 소문자, 숫자, 하이픈(-)을 포함할 수 있습니다.

1. 1. 예시:
   2. Slug 필드에 cool-action-game이 포함되어 있는 경우, 게임 페이지는 http://my-awesome-game-store.com/en/game/cool-action-game과 같은 URL에서 사용할 수 있습니다.

1. • Short Description - 홈페이지의 게임 카드에 표시되는 간단한 게임 설명.

4. 게임을 프랜차이즈에 추가(선택 사항)합니다. Franchise 드롭다운 목록에서 기존 프랜차이즈를 선택하거나 +를 클릭하고 새 프랜차이즈를 생성합니다.
5. Page 탭에서 Page description 필드를 입력합니다. 이 콘텐츠가 게임 페이지에 나타납니다.
6. 자주 묻는 질문에 대한 답변을 추가합니다(선택 사항). FAQs 필드에서, 기존 답변을 선택하거나, +를 클릭하여 새 답변을 생성합니다.
7. Links 탭에서 앱 스토어(Google Play, 앱 스토어, Steam팀 등)에 게임 링크를 추가합니다. 링크를 추가하는 방법:

1. 1. Add Store_link를 클릭합니다.
   2. Platform 드롭다운 목록에서 앱 스토어를 선택합니다. Other를 선택한 경우, Custom Platform Name 필드에 스토어 이름을 수동으로 입력합니다.
   3. Icon 필드에서, 아이콘을 업로드하거나 링크를 선택합니다(선택 사항). 아이콘이 업로드되지 않으면 기본 아이콘이 사용됩니다.

1. 4. Link 필드에서, 앱 스토어에 게임 URL을 입력합니다.
   5. Downloads count 필드에서, 앱 스토어에서 다운로드한 총 횟수를 입력합니다(선택 사항). 이는 사용자가 게임의 인기를 평가하는 데 도움이 됩니다.

8. Images 탭에서 게임 카드 및 게임 페이지에 사용할 이미지를 업로드하거나 선택합니다.

9. Gallery 탭에서 게임 페이지에 표시할 자산을 추가합니다(선택 사항).

1. • 스크린샷을 추가하려면 Images 섹션에서 Add Image를 클릭한 다음 이미지를 업로드하거나 선택합니다.

1. 1. 권장:
      • 화면비: 16:9.
      • 크기: 526 × 296 픽셀.

1. • 동영상을 추가하려면 Videos 섹션에서 Add Video를 클릭한 다음 동영상을 업로드하거나 선택합니다.

알림

게임 페이지의 이미지와 동영상은 Gallery 탭에 나열된 것과 동일한 순서로 표시됩니다. 순서를 변경하려면 ••• 아이콘을 클릭하고 Move Up 또는 Move Down을 선택합니다.

10. 필수 필드의 유효성을 검사하고 변경 사항을 저장하려면 Publish changes를 클릭합니다.

프랜차이즈 생성하기

프랜차이즈는 여러 게임을 논리적으로 그룹화하여 사이트의 콘텐츠를 필터링하고 구성하는 데 도움이 됩니다. 게임 목록의 각 프랜차이즈에는 이미지와 제목이 표시됩니다.

홈페이지에 표시되는 프랜차이즈 예시:

새 프랜차이즈를 생성하는 방법:

1. Collections > Franchises 섹션으로 이동합니다.
2. Create New를 클릭합니다.
3. Title 필드에 사이트에 표시할 프랜차이즈 이름을 입력합니다.
4. Image 섹션에서 Add Image를 클릭한 다음 프랜차이즈에 표시할 이미지를 업로드하거나 선택합니다.

1. 권장:
   • 화면비: 1:1.
   • 크기: 512 × 512 픽셀

5. 필수 필드의 유효성을 검사하고 변경 사항을 저장하려면 Publish changes를 클릭하십시오.

프랜차이즈에 게임을 추가하는 방법:

1. Collections > Games 섹션으로 이동하여 목록에서 기존 게임을 선택하거나 새 게임을 생성합니다.
2. Main 탭의 Franchise 드롭다운 목록에서, 기존 프랜차이즈를 선택하거나 +를 클릭하여 새 프랜차이즈를 생성합니다.
3. 필수 필드의 유효성을 검사하고 변경 사항을 저장하려면 Publish changes를 클릭하십시오.

기사 생성

CMS에서는 게임이나 플랫폼과 관련된 뉴스, 공지 사항, 리뷰, 기타 자료 등의 기사를 작성할 수 있습니다.

Collections > Articles 섹션에서 기사를 추가하면 사이트에 두 가지 유형의 보기 화면이 생성됩니다.

• 기사 미리보기 카드 - 홈페이지, 전체 기사 목록 페이지 또는 기사가 게임과 연결된 경우 게임 페이지에 표시할 수 있습니다.

• 기사 페이지 - 문서의 전체 콘텐츠가 포함되어 있으며 미리보기 카드를 클릭하면 열립니다.

홈페이지에 표시되는 글 카드의 모양과 개수는 사이트의 UI에 따라 달라집니다.

사이트에 기사를 추가하는 방법:

1. Collections > Article 섹션으로 이동합니다.
2. Create New를 클릭합니다.
3. 다음 입력란을 채우십시오.

1. • Article Title - 사이트에 표시되는 기사 제목.

1. • Slug - 기사 페이지의 URL 식별자. 라틴 소문자, 숫자, 하이픈(-)을 포함할 수 있습니다.

1. 1. 예시:
   2. Slug 필드에 game-news이 포함되어 있는 경우, 기사 페이지는 http://my-awesome-game-store.com/en/article/game-news과 같은 URL에서 사용할 수 있습니다.

1. • Game - 기사와 관련된 게임(선택 사항). 드롭다운 목록에서 게임을 선택하거나 +를 클릭하여 새 게임을 생성합니다. 게임 이름은 기사 미리보기 카드에 태그로 표시됩니다. 특정 게임으로 연결된 문서도 해당 게임의 페이지에 표시됩니다.

1. • Description - 미리보기 카드에 표시되고 SEO에 사용되는 기사에 대한 짧은 요약(선택 사항).

1. • Header Image - 미리보기 카드에 표시되고 기사 페이지의 배너로 표시되는 이미지.

1. • Start Date - 사이트에 표시된 기사의 게시일.

1. • Finish Date - 기사가 더 이상 표시되지 않는 날짜(선택 사항).

1. • Text - 전체 기사 내용.

4. 홈페이지에 기사 미리 보기 카드를 표시하려면 Main Article 상자를 선택(선택 사항)하십시오.

5. 자주 묻는 질문에 대한 답변을 추가(선택 사항)합니다. FAQs 필드에서, 기존 답변을 선택하거나 +를 클릭하여 새 답변을 생성합니다.
6. 기사를 활성 기사로 표시하려면 Active article 확인란을 선택합니다. 이 확인란을 선택하지 않으면 기사가 사이트에 표시되지 않습니다.
7. 필수 필드의 유효성을 검사하고 변경 사항을 저장하려면 Publish changes를 클릭하십시오.

홈페이지 캐러셀에 슬라이드 추가하기

홈페이지 헤더 아래에 주요 게임, 프로모션, 뉴스 등을 강조하는 데 사용되는 회전 슬라이드 블록인 캐러셀을 포함할 수 있습니다.

각 슬라이드는 시각적 배너입니다. 슬라이드는 자동으로 회전하거나 수동으로 전환할 수 있습니다.

슬라이드가 있는 홈페이지 캐러셀 예시:

홈페이지 캐러셀에 새 슬라이드를 추가하는 방법:

1. Collections > Sliders 섹션으로 이동합니다.
2. Create New를 클릭합니다.
3. 다음 입력란을 채우십시오.

1. • Slider Name - 내부 슬라이드 이름(사이트에는 표시되지 않음).

1. • Slider Title - 사이트에 표시되는 슬라이드 제목.

1. • State - 슬라이드 상태를 확인합니다. 사이트를 게시한 후 홈페이지 캐러셀에 슬라이드를 표시하려면 Active를 선택하십시오.

1. • Slider Description - 슬라이드 텍스트(선택 사항).

4. Image 필드에서, 슬라이드 이미지를 업로드하거나 선택합니다.

1. 권장:
   • 화면비: ~2:1.
   • 크기: 1920 × 980 픽셀.

5. 외부 리소스 또는 다른 사이트 페이지에 대한 링크를 추가(선택 사항)합니다. 링크를 추가하려면 다음과 같이 진행하십시오.
   1. Links 섹션에서 Add Link를 클릭합니다.
   2. Text 필드에서 슬라이드에 표시할 링크 텍스트를 입력합니다.
   3. Link 필드에 URL을 입력합니다.
   4. Icon 필드에서, 해당 링크에 대한 아이콘을 선택하거나 업로드합니다.
6. 필수 필드의 유효성을 검사하고 변경 사항을 저장하려면 Save를 클릭하십시오.

게임 리뷰 작성

게임 리뷰(게임에 대한 사용자 피드백)는 해당 게임 페이지에 표시되며 방문자가 다른 플레이어의 생각을 이해하는 데 도움이 됩니다. 리뷰는 신뢰와 사용자 참여를 구축하는 핵심 요소입니다.

게임 페이지의 리뷰 예시:

CMS를 통해 수동으로 리뷰를 추가하거나 게임이 게시된 앱 스토어에서 자동 리뷰 가져오기를 구성할 수 있습니다. 자동 리뷰 가져오기를 설정하려면 고객 성공 관리자에게 문의하거나 csm@xsolla.com으로 이메일을 전송하십시오.

게임 리뷰를 수동으로 추가하는 방법:

1. Collections > Reviews 섹션으로 이동합니다.
2. Create New를 클릭합니다.
3. 다음 입력란을 채우십시오.

1. • User name - 리뷰를 작성한 사용자의 이름 또는 닉네임.

1. • Game - 리뷰와 관련된 게임. 드롭다운 목록에서 선택하거나 +를 클릭하여 새 게임을 생성합니다.

1. • Rating - 게임에 대한 사용자 평점.

1. • Date - 리뷰 생성 날짜.

1. • Likes - 리뷰가 받은 '좋아요' 수(선택 사항).

1. • Dislikes - 리뷰가 받은 '싫어요' 수(선택 사항).

1. • Locale - 리뷰의 언어.

1. • Text - 리뷰 내용.

4. (User name이 표시되지 않도록) 리뷰를 익명으로 게시하려면, Anonymous 상자를 체크 표시하십시오.
5. 필수 필드의 유효성을 검사하고 변경 사항을 저장하려면 Save를 클릭하십시오.

FAQ(자주 묻는 질문) 만들기

FAQ는 사용자가 중요한 정보를 빠르게 확인하고 일반적인 지원 요청을 줄이는 데 도움이 됩니다. CMS에서 다음 사이트 페이지에 FAQ 블록을 추가할 수 있습니다.

• 게임 페이지
• 기사
• 동적 페이지

CMS에 FAQ를 추가하는 방법:

1. Collections > FAQs 섹션으로 이동합니다.
2. Create New를 클릭합니다.
3. 다음 입력란을 채웁니다.
   • Title - FAQ의 내부 이름이며 사이트에는 표시되지 않습니다.
   • Question - 질문 텍스트입니다.
   • Answer - 답변 텍스트입니다.
4. 필수 필드의 유효성을 검사하고 변경 사항을 저장하려면 Save를 클릭합니다.

동적 페이지 생성하기

동적 페이지는 특정 게임과 직접 연결되지 않은 텍스트 및 시각적 콘텐츠를 사이트에 표시하는 데 사용됩니다. 이러한 페이지에는 다음과 같은 사용자 지정 콘텐츠를 포함할 수 있습니다.

• 개인 정보 보호 정책
• 이용 약관
• 정보 또는 도움말 섹션

동적 페이지는 게임 카드나 뉴스에 연결되지 않지만 사이트 메뉴에 추가하거나 다른 섹션의 링크를 통해 액세스할 수 있습니다.

사이트에 동적 페이지를 추가하는 방법:

1. Collections > Dynamic Pages 섹션으로 이동합니다.
2. Create New를 클릭합니다.
3. 다음 입력란을 채우십시오.

1. • Title - 사이트에 표시되는 페이지 제목.

1. • Slug - 페이지의 URL 식별자. 라틴 소문자, 숫자, 하이픈(-)을 포함할 수 있습니다.

1. 1. 예시:
   2. Slug 필드에 terms이 포함되어 있는 경우, 페이지는 http://my-awesome-game-store.com/en/terms과 같은 URL에서 사용할 수 있습니다.

1. • Publish Date - 페이지가 게시된 날짜(사이트에는 표시되지 않음).

1. • Expiry Date - 페이지가 더 이상 표시되지 않는 날짜(선택 사항).

1. • Content - 페이지 내용.

4. 자주 묻는 질문에 대한 답변을 추가(선택 사항)합니다. FAQs 필드에서, 기존 답변을 선택하거나 +를 클릭하여 새 답변을 생성합니다.
5. 필수 필드의 유효성을 검사하고 변경 사항을 저장하려면 Publish changes를 클릭하십시오.

현지화 설정하기

사이트에서 사용할 수 있는 언어는 글로벌 설정의 로케일 집합에 의해 정의됩니다.

콘텐츠는 각 로케일별로 별도로 제공해야 합니다.

특정 로케일에 대한 콘텐츠가 지정되어 있지 않으면 영어(기본) 로케일의 콘텐츠가 사용됩니다. 기본 로케일을 변경하려면 고객 성공 관리자에게 문의하거나 csm@xsolla.com으로 이메일을 전송하십시오.

예시:

이 사이트는 영어(기본값)와 독일어 두 가지 로케일을 지원합니다.

독일어 로케일에 대한 특정 게임 설정이 제공되지 않은 경우, 독일어로 사이트를 보는 사용자에게는 기본 로케일에 제공되는 영어 콘텐츠가 표시됩니다.

사이트 로케일 구성하기

1. Globals > Configuration 섹션으로 이동합니다.
2. Languages 드롭다운 목록에서 필요한 로케일을 선택합니다.
3. Save를 클릭합니다.

수동으로 콘텐츠 현지화

1. 화면 오른쪽 상단의 Locale 필드에서 원하는 로케일을 선택합니다.
2. Collections 아래의 관련 섹션으로 이동합니다. 예를 들어, 기사를 현지화하려면 Collections > Articles 섹션으로 이동하십시오.
3. 표에서 입력 항목을 선택합니다.
4. 선택한 로케일의 텍스트 입력란을 채우고 변경 사항을 저장합니다.

특정 로케일의 게임 설명, 기사, 프랜차이즈 또는 기타 개체를 추가할 수도 있습니다. 이러한 개체는 사용자가 일치하는 로케일을 선택한 경우에만 사이트에 표시됩니다.

자동으로 콘텐츠 현지화

다음 컬렉션에 대해서만 자동 콘텐츠 현지화를 사용할 수 있습니다:

• Games
• Articles
• Dynamic Pages

콘텐츠를 자동으로 현지화하는 방법:

1. Collections > Games, Articles 또는Dynamic Pages 섹션으로 이동합니다.
2. 표에서 해당 입력 항목을 선택합니다.
3. Translate를 클릭합니다.
4. Languages 모달 창에서 콘텐츠를 번역할 로케일을 선택합니다. 모든 사이트 로케일을 선택하려면 Choose All을 클릭하십시오.
5. Translate를 클릭하고 콘텐츠 번역이 완료될 때까지 대기합니다.
6. 필요할 경우 번역본을 편집합니다.
7. 필수 필드의 유효성을 검사하고 변경 사항을 저장하려면 Publish changes를 클릭하십시오.

변경 사항 게시

사이트 설정 또는 컬렉션에 대한 변경 사항은 게시될 때까지 실제 사이트에 표시되지 않습니다.

사이트 변경 사항을 게시하려면 화면 오른쪽 상단에 있는 Build Site 버튼을 클릭하거나 Dashboard페이지의 Build 버튼을 클릭하십시오.

퍼블리싱 플랫폼용 도메인 설정

모든 사이트는 AWS(Amazon Web Services) 인프라에서 호스팅되며 전 세계 사용자에게 콘텐츠를 빠르고 안전하게 전송하는 CDN 서비스인 Amazon CloudFront를 통해 제공됩니다.

설정 및 게시가 완료되면 엑솔라 팀에서 https://your-cloudfront-id.cloudfront.net과 같은 형식의 사이트 URL을 제공합니다.

퍼블리싱 플랫폼의 사용자 정의 도메인(또는 하위 도메인)을 연결할 수 있습니다(예: games.example.com). 이렇게 하면 사이트 주소에 회사 또는 프로젝트 이름을 사용할 수 있으므로 사용자가 더 쉽게 알아볼 수 있습니다.

퍼블리싱 플랫폼에 대한 사용자 정의 도메인을 구성하는 방법:

1. 플랫폼이 호스팅되는 도메인 또는 하위 도메인을 선택합니다.

2. CNAME 레코드 생성:
   1. DNS 공급업체의 관리자 패널에 로그인합니다.
   2. DNS 레코드 섹션으로 이동합니다.
   3. 다음 매개 변수를 사용하여 새 레코드를 생성합니다:

3. 고객 성공 관리자에게 도메인 연결 요청을 보내거나 csm@xsolla.com으로 이메일을 전송하십시오. 요청에 다음과 같은 세부 정보를 포함시키세요:
   • 해당 도메인 또는 하위 도메인
   • 추가 요구 사항(예: 기본 언어, 리디렉션 규칙, 현지화 설정)