Тема
Настройки квиза
Открываются с карточки квиза («Настройки») или из шапки редактора. Вкладки: «Главное», «Параметры темы», «Мета описание», «Параметры ссылки», «Свой домен», «Виджет на сайт».
Участники, приглашения и роли проекта — в разделе «Настройки» проекта (не в квизе). Подробнее: «Доступ и инвайты».
Настройки живут у квиза, а не внутри отдельной версии истории. Режим тестирования выбирается при создании квиза и потом не меняется.
Участник с правом только просмотра видит поля, но не сохраняет.
Главное
| Поле | Зачем |
|---|---|
| Название проекта | Имя квиза в списках и шапке (подпись поля в форме такая) |
| Описание | Пояснение для вас |
| Кнопка «Пройти ещё раз» | На экране результата. В новом квизе включена, в тесте — выключена |
| Продолжить с того же места | После обновления страницы спросить: продолжить или начать сначала. Выключено — сессия восстанавливается сама. В тесте по умолчанию выключено |
| Доступ по паролю | Ссылка откроется только после пароля. Поле пароля появляется, когда опция включена |
| Шаблон | Квиз появится в каталоге «Шаблоны». Без публикации другие пользователи не смогут создать копию |
Режим тестирования задаётся в окне «Новый квиз» (радио «Квиз» / «Тестирование») и в этих настройках его нет. Подробнее — режим тестирования.
Параметры темы
Оформление прохождения: пресеты, палитра, типографика, кнопки, поля ввода и карточка квиза. Каждый блок — своя сворачиваемая карточка.
Сверху — пресеты: «Свой шаблон» или готовые темы (название и полоска цветов), например «Twiqo Neutral», «Апельсиновый сад», «Изумрудная ночь», «Мятный лёд», «Неон», «Полночь», «Чернила». Выбор пресета заполняет поля. Если есть несохранённые правки, появится предупреждение.
Справа — превью квиза по ширине экрана: XS·Телефон, SM·Планшет, MD·Планшет, LG·Ноутбук, XL·Десктоп, XXL·Широкий. Превью обновляется сразу, но на живую ссылку стили попадут только после «Применить стили».
В карточках темы, в частности:
- Карточка квиза — базовый размер, высота блока, максимальная ширина по breakpoint’ам, скругление углов, толщина обводки, внутренние отступы.
- Палитра — именованные цвета (акцент, второстепенный, фоны, тексты, поверхность, рамки, текст кнопки) с hex-значениями.
- Заголовок и Описание — шрифт, начертание, размер, межстрочный и межбуквенный интервалы.
- Кнопки — скругление, обводка, акцентная и второстепенная, размер (большой / средний / маленький).
- Поля ввода — скругление, обводка, вариант оформления, размер.
Мета описание
Как ссылка выглядит в мессенджерах и поиске:
- «Заголовок страницы»
- «Описание»
- «Изображение (URL)»
- «Alt изображения»
- «Название сайта»
- «Twitter card» — селект типа карточки (например
summary_large_image) - «Индексация поисковиками» — index / noindex
Справа — «Превью шаринга»: как может выглядеть карточка ссылки. Изменения сохраняются кнопкой «Сохранить».
Параметры ссылки
Подставить в квиз значения из URL, с которого открыли прохождение. После правок нажмите «Сохранить».
UTM-метки
«Включить парсинг UTM-меток» — появятся стандартные карточки:
| Подпись в интерфейсе | Ключ |
|---|---|
| Источник кампании | utm_source |
| Тип трафика | utm_medium |
| Название кампании | utm_campaign |
| Идентификатор объявления | utm_content |
| Ключевое слово | utm_term |
У каждой карточки: тип (string), значение по умолчанию, переключатель On/Off. Ключ метки зафиксирован (его не переименовать). У поля метки подсказка: только английские буквы, цифры и _.
Другие переменные
Свой GET-параметр. «Добавить» создаёт карточку:
- «GET-параметр» — имя в URL
- «Имя в редакторе» — с префиксом
get_ - «Тип» —
string,number,date,rangeDateилиrangeNumber - «По умолчанию»
- переключатель On/Off и удаление карточки
Пока у параметра нет значения по умолчанию, в @ его не подставить (на старте в ссылке его может не быть).
Заблокированные переменные
Если переменная уже использована в черновике или опубликованных версиях, карточка заблокирована: меняется только значение по умолчанию. Список открывается кнопкой «Заблокированные переменные» (кнопка появляется, когда такие имена есть).
Из черновика можно «Редактировать» места использования, из опубликованной версии — «Посмотреть». Чтобы разблокировать имя полностью, уберите упоминания в схеме (и при необходимости переопубликуйте). Текущую публикацию и черновик из этого списка удалить нельзя.
Имена utm_* и get_* нельзя завести как обычные переменные блоков — они зарезервированы под ссылку.
Свой домен
Вкладка «Свой домен» — открыть квиз по адресу вроде https://myquiz.site.ru/ вместо ссылки Тви́ко.
Доступно на тарифах Standard и Professional (считается тариф владельца проекта). На бесплатном тарифе страница видна, но привязать домен нельзя.
- У регистратора добавьте запись CNAME на хост плеера Тви́ко (как в подсказке на странице).
- Укажите поддомен (
myquiz.site.ru). Корневой домен сайта (site.ru) подключить нельзя — иначе пропадёт ваш сайт. - Нажмите «Проверить», затем «Сохранить». Первый заход по HTTPS может подождать несколько секунд — выпускается сертификат.
Старая ссылка play…/q/… продолжит работать.
Виджет на сайт
Вкладка «Виджет на сайт» — код, который вставляют на страницу своего сайта. Квиз откроется в рамке, без шапки Тви́ко. Скопируйте вставку кнопкой «Копировать».
Скрипт сам подставит в рамку параметры с вашей страницы. Плеер чужой URL прочитать не может — поэтому нужен этот код, а не голый iframe.
Выберите, какие параметры страницы передавать:
- «Только из настроек квиза» (по умолчанию) — в рамку копируются только ключи из «Параметры ссылки»; лишние параметры сайта туда не попадут.
- «Все параметры страницы» — в скрипт попадут все GET с сайта; квиз в схему всё равно возьмёт только свои переменные.
Если измените «Параметры ссылки», скопируйте код заново — список ключей зашит во вставку.
Прямая ссылка на прохождение не меняется.
На сайте в политике безопасности страницы (CSP) разрешите скрипт и рамку с адреса плеера Тви́ко (script-src и frame-src).
Если выбран ваш домен квиза и тариф закончится, виджет по этому адресу перестанет открываться.