Publication Digest

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

Установка и инициализация

  1. Укажите место на сайте, где вы хотите его вставить (Ширина родительского блока должна быть не менее 300px) 
    <div class="jc-digest" id="jc-digest"></div>
  2. Установите скрипты дайжеста перед закрывающимся тэгом body 
    <script>var digestConfig = {}</script>
<script defer type="text/javascript" src="https://js.justservices.cc/digest/2.0.0/JustDigest.min.js"></script>
  3. В корень проекта вложите json файл just.config.json с ключами вашего проекта (Получить ключи проекта можно на странице настроек пуша) 
    {
"databaseKey": "XXX",
"projectKey": "XXX"
}

Настройка и стилизация

Дайджест можно кастомизировать и настроить под требования вашего сайта или бренда. Добавьте параметры в скрипт, который у вас уже есть из пункта 2 выше, между фигурными скобками. Эти параметры конфигурации помогут более детально стилизовать блок и настроить выводимый контент

Параметр Тип Описание
tags array теги статей которые интересны
excludeTags array еги, исключающиеся из выборки
strong boolean нужно/нет строгое соответствие тегам (параметр tags), если true - обязательно наличие всех выбранных тегов
blockCount integer количество блоков контента в сетке
columnCount integer количество колонок в сетке
blurStyle boolean нужен ли блюр на подложке с описанием
titleColor string цвет заголовка hex/rgba/rgb
descColor string цвет описания в формате hex/rgba/rgb
backgroundColor string фон подложки в формате hex/rgba/rgb
borderColor string цвет обводки у каждого блока
updateButtonActive boolean использовать ли кнопку "обновить статьи", true/false (по умолчанию false)
updateButtonColor string цвет текста кнопки "обновить статьи"
updateButtonBackground string цвет фона кнопки "обновить статьи"

Пример как может выглядеть скрипт: 

<script>var digestConfig = 
{
tags: [645, 646, 36, 386],
excludeTags: [],
strong: false,
blockCount: 2,
columnCount: 2,
blurStyle: true,
titleColor: '#3582b3',
descColor: '#fff',
backgroundColor: 'rgba(0,0,0,0.6)',
borderColor: '#e4e2ed',
updateButtonActive: true,
updateButtonColor: '#ffffff',
updateButtonBackground: '#000000'
}
</script>
Digest example