Настройка платформы публикации игр с помощью headless CMS

Вы можете настроить платформу для публикации и продвижения игр с использованием headless CMS — системы управления контентом, в которой интерфейс редактирования отделен от UI сайта.

После согласования структуры и дизайна команда Xsolla реализует frontend-часть вашей платформы и подключает CMS.

CMS позволяет вам самостоятельно управлять содержимым сайта — новостями, карточками игр, специальными предложениями и т. д. — без необходимости вносить изменения в код. Это упрощает ведение сайта после запуска, при этом визуальная часть и логика отображения остаются под контролем Xsolla.

Обзор CMS

Вход в CMS и смена пароля

После реализации frontend-части и первичной настройки сайта команда Xsolla передает вам ссылку на CMS и учетные данные для входа.

В целях безопасности мы рекомендуем изменить пароль для вашей учетной записи при первом входе в  CMS, для этого:

1. Нажмите на значок профиля пользователя в правом верхнем углу экрана.
2. Нажмите Change Password.
3. Укажите новый пароль в поле New Password и повторно укажите его в поле Confirm Password.
4. Нажмите Save.

Примечание

В этом же разделе вы можете выбрать цветовую схему и язык локализации CMS.

Главный экран

Страница Dashboard — это главный экран CMS. Вы можете перейти к нему из любой части CMS, нажав на значок в цепочки навигации в верхней части экрана.

На главном экране вы можете:

• Синхронизировать данные сайта с данными из связанных магазинов приложений или платформ, если это настроено для вашего проекта.
• Опубликовать изменения настроек сайта.
• Посмотреть данные о запланированном обслуживании сайта.
• Перейти к глобальным настройкам, чтобы установить периоды обслуживания сайта.

Коллекции

Коллекции — это структурированные разделы в CMS, в которых хранятся и настраиваются различные типы объектов для сайта, такие как статьи, слайды, частые вопросы и т. д.

Каждый объект в коллекции содержит:

• Уникальный ID — в интерфейсе CMS заменяется на название объекта, если оно задано.
• Статус объекта:
  • Draft — присваивается автоматически, если в объект были внесены изменения, но пользователь не сохранил изменения вручную. В этом статусе для объекта могут быть заполнены не все обязательные поля. Изменения с этим статусом не попадут на сайт при публикации.
  • Published — присваивается, если в объект были внесены изменения и пользователь сохранил изменения вручную. Изменения не могут быть сохранены, если заполнены не все обязательные поля.
• Метки времени создания, последнего сохранения и последнего обновления.
• Историю изменений.

Версии объектов в коллекциях

CMS поддерживает версионирование объектов в коллекциях. Это означает, что при каждом внесении изменений система создает новую версию объекта. Просмотр истории изменений доступен при нажатии на номер версии объекта.

Чтобы посмотреть подробные сведения о внесенных изменениях, нажмите дату в строке с требуемой версией. На странице с подробными сведениями вы также можете сравнить версии или восстановить выбранную версию.

Глобальные настройки

Глобальные настройки сайта доступны в разделе Globals > Configuration и включают в себя:

• Настройки периодов обслуживания сайта.
• Настройки локалей сайта.
• Настройки фавикона сайта.

Добавление информации об игре на сайт

С помощью CMS вы можете заполнить все необходимые данные об игре, которые будут использоваться как в карточке игры на главной странице, так и на отдельной странице игры.

При добавлении игры в раздел Collections > Games формируются два типа представления:

• Карточка игры, которая отображается на главной странице. Карточка содержит название, краткое описание, изображение и ссылки на игру в магазинах приложений.

1. Пример карточек игр на главной странице:

• Полноценная страница игры, которая открывается при выборе карточки игра на главной странице. Страница может содержать полное описание, скриншоты, видео, ссылки на магазины приложений, данные о загрузках, фоновые изображения и другие материалы.

1. Пример страницы игры:

Дополнительно вы можете добавить игру в меню хедера. Для этого обратитесь к персональному менеджеру проекта или напишите на csm@xsolla.com.

Чтобы добавить информацию об игре на сайт и выполнить базовые настройки:

1. Перейдите в раздел Collections > Games.
2. Нaжмите Create New.
3. На вкладке Main заполните обязательные поля:

1. • Title — название игры, которое отображается на сайте.

1. • Slug — URL-идентификатор для страницы игры, может содержать латинские буквы в нижнем регистре, цифры и дефис (символ -).

1. 1. Пример:
   2. Если в поле Slug указано значение cool-action-game, страница игры будет открываться по URL-адресу вида http://my-awesome-game-store.com/en/game/cool-action-game.

1. • Short Description — краткое описание игры, которое отображается в карточке на главной странице.

4. Добавьте игру во франшизу (опционально). Для этого в раскрывающемся списке Franchise выберите существующую франшизу или нажмите на значок + и создайте новую франшизу.
5. На вкладке Page заполните поле Page description — добавьте контент, который будет отображаться на странице игры.
6. Добавьте ответы на часто задаваемые вопросы (опционально). Для этого в поле FAQs выберите существующие ответы или нажмите на значок + и создайте новый ответ.
7. На вкладке Links добавьте ссылки на игру магазинах приложений (Google Play, App Store, 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 px.

1. • Чтобы добавить видео, в области Videos нажмите Add Video, загрузите или выберите видео.

Примечание

Изображения и видео на странице игры будут отображаться в том же порядке, что и в списке на вкладке Gallery Чтобы изменить положение изображения или видео в списке, нажмите значок ••• и нажмите Move Up или Move Down.

10. Чтобы проверить заполнение обязательных полей и сохранить изменения, нажмите Publish changes.

Создание франшизы

Франшиза — это логическая группировка нескольких игр, которая помогает фильтровать и структурировать контент на сайте. Для каждой франшизы в списке игр отображается изображение и название.

Пример отображения франшизы на главной странице:

Чтобы создать новую франшизу:

1. Перейдите в раздел Collections > Franchises.
2. Нaжмите Create New.
3. В поле Title укажите название франшизы, которое будет отображаться на сайте.
4. В области Image нажмите Add Image, загрузите или выберите изображение, которое будет отображаться для франшизы на сайте.

1. Рекомендации:
   • Пропорции: 1:1.
   • Размер: 512 × 512 px.

5. Чтобы проверить заполнение обязательных полей и сохранить изменения, нажмите Publish changes.

Чтобы добавить игру во франшизу:

1. Перейдите в раздел Collections > Games и выберите в списке игру, которую требуется добавить во франшизу, или создайте новую.
2. На вкладке Main в раскрывающемся списке Franchise выберите существующую франшизу или нажмите на значок + и создайте новую франшизу.
3. Чтобы проверить заполнение обязательных полей и сохранить изменения, нажмите Publish changes.

Создание статьи

В CMS вы можете создавать статьи, например новости, анонсы, обзоры и другие материалы, связанные с вашими играми или платформой.

При добавлении статьи в раздел Collections > Articles формируются два типа представления на сайте:

• Карточка предпросмотра статьи — может отображаться на главной странице, на странице с полным список статей или на странице игры, если статья связана с игрой.

• Страница статьи — содержит полный контент статьи и открывается при выборе карточки предпросмотра.

Отображение карточек и их количество на главной странице зависит от UI вашего сайта.

Чтобы добавить на сайт статью:

1. Перейдите в раздел Collections > Article.
2. Нaжмите Create New.
3. Заполните следующие поля:

1. • Article Title — заголовок статьи, который отображается на сайте.

1. • Slug — URL-идентификатор для страницы со статьей, может содержать латинские буквы в нижнем регистре, цифры и дефис (символ -).

1. 1. Пример: Если в поле Slug указано значение game-news, страница статьи будет открываться по URL-адресу вида http://my-awesome-game-store.com/en/article/game-news.

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. Нaжмите Create New.
3. Заполните следующие поля:

1. • Slider Name — внутреннее название слайда, не отображается на сайте.

1. • Slider Title — заголовок слайда, который отображается на сайте.

1. • State — статус слайда. Чтобы после публикации сайта, слайд отображался в карусели на главной странице, выберите значение Active.

1. • Slider Description — текст слайда (опционально).

4. В поле Image загрузите или выберите изображение слайда.

1. Рекомендации:
   • Пропорции: ~2:1.
   • Размер: 1920 × 980 px.

5. Добавьте ссылки на внешние ресурсы или другие страницы сайта (опционально). Чтобы добавить ссылку:
   1. В области Links нажмите Add Link.
   2. В поле Text укажите текст ссылки, который будет отображаться на слайде.
   3. В поле Link укажите URL-адрес ссылки.
   4. В поле Icon выберите или загрузите значок для ссылки.
6. Чтобы проверить заполнение обязательных полей и сохранить изменения, нажмите Save.

Создание обзора на игру

Обзоры на игру (отзывы пользователей об игре) отображаются на странице соответствующей игры и позволяют пользователям познакомиться с впечатлениями других игроков. Это важный элемент доверия и вовлечения аудитории.

Пример обзоров на странице игры:

Вы можете добавить обзор на игру вручную через CMS или настроить автоматическое добавление обзоров из магазина приложений, в котором опубликована игра. Для настройки автоматического добавления обзоров, обратитесь к персональному менеджеру проекта или напишите на csm@xsolla.com.

Чтобы добавить обзор на игру вручную:

1. Перейдите в раздел Collections > Reviews.
2. Нaжмите 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.

Создание ответа на часто задаваемый вопрос

Ответы на часто задаваемые вопросы помогают быстро донести ключевую информацию до пользователей и закрывают типовые вопросы без необходимости обращаться в поддержку. С помощью CMS вы можете добавить блок с ответами на часто задаваемые вопросы на следующие страницы сайта:

• страница игры;
• статья;
• динамическая страница.

Чтобы создать ответ на часто задаваемый вопрос в CMS:

1. Перейдите в раздел Collections > FAQs.
2. Нaжмите Create New.
3. Заполните следующие поля:
   • Title — внутреннее название ответа на вопрос, не отображается на сайте.
   • Question — текст вопроса.
   • Answer — текст ответа на вопрос.
4. Чтобы проверить заполнение обязательных полей и сохранить изменения, нажмите Save.

Создание динамической страницы

Динамические страницы используются для размещения на сайте текстовых и визуальных материалов, не связанных напрямую с конкретной игрой. Такие страницы могут содержать пользовательский контент, например:

• политику конфиденциальности;
• пользовательское соглашение;
• информационные или справочные разделы.

Динамические страницы не связаны с карточками игр или новостей, но могут быть добавлены в меню сайта или доступны по ссылке из других разделов.

Чтобы добавить на сайт динамическую страницу:

1. Перейдите в раздел Collections > Dynamic Pages.
2. Нaжмите Create New.
3. Заполните следующие поля:

1. • Title — заголовок страницы, который отображается на сайте.

1. • Slug — URL-идентификатор для страницы, может содержать латинские буквы в нижнем регистре, цифры и дефис (символ -).

1. 1. Пример:
   2. Если в поле Slug указано значение terms, страница статьи будет открываться по URL-адресу вида http://my-awesome-game-store.com/en/terms.

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 в верхнем правом углу экрана или кнопку Build на странице Dashboard.

Настройка домена для платформы публикации

Все сайты размещаются в инфраструктуре Amazon Web Services (AWS) и обслуживаются через Amazon CloudFront — это CDN-сервис, обеспечивающий быструю и безопасную доставку контента пользователям по всему миру.

После настройки и публикации команда Xsolla предоставит вам ссылку на сайт следующего вида: https://your-cloudfront-id.cloudfront.net.

Вы можете подключить собственный домен (или субдомен), на котором будет доступна ваша платформа публикации — например, games.example.com. Это позволит использовать имя вашей компании или проекта в адресе сайта и сделать его более узнаваемым для пользователей.

Чтобы настроить собственный домен для платформы публикации:

1. Выберите домен или субдомен, на котором будет размещаться платформа.

2. Создайте запись типа CNAME:
   1. В вашем DNS-регистраторе перейдите в панель администратора.
   2. Перейдите в раздел DNS-записей.
   3. Создайте новую запись со следующими параметрами:

3. Отправьте запрос на подключение домена вашему персональному менеджеру проекта или на csm@xsolla.com. В запросе передайте:
   • желаемый домен (или субдомен);
   • дополнительные материалы или пожелания (например, язык по умолчанию, настройка редиректов, зона локализации и т. д.).