Демо интеграции NewsGame: блок в середине статьи, спонсорская игра, фирменные цвета. Это макет, а не сайт издания.Как встроено ↓Все игры
SportsDesk Demo

Способ: блок в середине статьи, спонсор и фирменные цвета

Контейнер стоит после второго абзаца (data-placement="in-article"). Издатель задаёт цвета тизера CSS-переменными на контейнере, а loader их подхватывает внутри Shadow DOM. Спонсорская плашка приходит из каталога и всегда подписана как реклама. Переключатель EN / हिं пересоздаёт статью с data-lang="hi", и тизер показывается на хинди.

<style>
  .news-game { --ng-accent: #0b6e4f; --ng-pop: #ffb347; --ng-surface: #fff; }
</style>
<p>…второй абзац…</p>
<div class="news-game" data-placement="in-article"
     data-article-id="in-asiad-javelin" data-lang="en"></div>
<p>…статья продолжается…</p>
<script async src="https://goshva.github.io/newsgame/widget/v1.js" data-site="demo-in-sponsor"></script>

Спонсор в catalog.json: "sponsor": { "name": "Demo Sports Brand", "tag": {…}, "label": {…} }. Бренд вымышленный.

Ссылки

События виджета