Как встроить квиз на сайт: 4 способа, установка в WordPress и Tilda и проверка заявок
Квиз встраивают на сайт одним из четырёх способов: отдельной страницей по ссылке, блоком внутри страницы, окном по кнопке или окном, которое открывается само (по таймеру или при попытке уйти). Код для встраивания берут в настройках публикации конструктора и вставляют на сайт: в WordPress через блок «Произвольный HTML», в Tilda через блок T123. Главное, что нужно проверить после установки: доходит ли заявка до CRM и видит ли её рекламный кабинет.
Ниже сравнение способов, пошаговая установка, что меняется для аналитики, SEO и скорости, и чек-лист проверки. Как собрать сам квиз, разобрано в пошаговом гайде.
4 способа встроить квиз
| Способ | Как выглядит | Когда выбирать | Минус |
|---|---|---|---|
| Отдельная страница | Квиз на своей ссылке, без остального сайта | Реклама, соцсети, рассылки | Нет текста о компании, хуже для поиска Google Ads и SEO |
| Блок в странице | Квиз стоит между блоками лендинга или статьи | Поиск Google Ads, SEO-страницы услуг | Если вставлен через iframe, сложнее отслеживать события |
| Окно по кнопке | Квиз открывается по клику на «Рассчитать стоимость» | Сайт уже есть, нужно добавить расчёт без переделки | Человек должен сам нажать кнопку |
| Автооткрытие | Окно появляется по таймеру, прокрутке или при попытке уйти | Длинные страницы с большим числом отказов | Может раздражать и мешать на мобильном |
Для рекламы проще всего тестировать отдельную страницу: её легко менять, не трогая основной сайт. Для поиска Google Ads надёжнее блок внутри лендинга с текстом о компании, потому что качество целевой страницы влияет на показатель качества объявления. Подробнее о выборе: квиз, лендинг или форма.
Как вставить квиз на сайт: пошагово
- В конструкторе откройте настройки публикации или встраивания квиза и выберите формат: ссылка, встроенный блок или окно.
- Скопируйте код. Обычно это короткий скрипт или тег iframe.
- WordPress: в редакторе страницы добавьте блок «Произвольный HTML» в нужное место и вставьте код. Для окна по кнопке или автооткрытия код обычно ставят один раз на весь сайт, перед закрывающим тегом body.
- Tilda: добавьте блок T123 (HTML-код) и вставьте код в него.
- Опубликуйте страницу и откройте её с телефона и компьютера.
- Отправьте тестовую заявку и проверьте, что она пришла в CRM или Telegram со всеми ответами.
Названия разделов в конструкторах отличаются, но код встраивания всегда находится рядом с настройками публикации или доменом квиза.
Что меняется для аналитики и рекламы
Способ встраивания определяет, увидит ли ваш Google Tag Manager отправку заявки. Это главная причина, по которой после установки квиза в рекламе пропадают конверсии.
| Способ | Видит ли ваш GTM заявку | Что делать |
|---|---|---|
| Отдельная страница на домене конструктора | Нет, только пиксели внутри квиза | Подключить Google Analytics и пиксели в настройках квиза |
| iframe в странице | Нет, события внутри фрейма не видны странице | Пиксели в конструкторе или передача события из фрейма через postMessage |
| Скрипт-виджет | Зависит от конструктора | Проверить в режиме предварительного просмотра GTM |
| Квиз на вашем домене | Да, если события настроены | Событие lead на отправку контакта |
Подробно про события и передачу конверсий в Google Ads, Meta и TikTok: квиз для платного трафика.
SEO и скорость
- текст внутри iframe поисковики не считают текстом вашей страницы, поэтому оставляйте на странице описание услуги, а квиз ставьте блоком;
- скрипт квиза подгружайте так, чтобы он не задерживал отрисовку первого экрана сайта;
- проверьте страницу в PageSpeed Insights до и после установки квиза;
- на мобильном первый экран квиза должен помещаться без прокрутки.
Cookie-баннер и согласие
Если на сайт приходит трафик из ЕЭА, пиксели и аналитика внутри квиза тоже должны учитывать согласие посетителя. Проверьте, что квиз не запускает рекламные пиксели до согласия, и настройте Consent Mode v2 для Google Ads, иначе часть конверсий и аудиторий будет теряться.
Какие форматы поддерживают конструкторы
По данным наших обзоров. У остальных сервисов форматы встраивания проверяйте в настройках публикации.
| Конструктор | Форматы показа по данным обзора |
|---|---|
| Marquiz | По кнопке, всплывающим окном, при попытке уйти с сайта |
| GoodPromo | Лендинг, чат-бот, поп-ап, встроенный блок; GTM и Facebook Pixel с тарифа Business |
| AdsQuiz | Заявлены оптимизация под мобильный трафик и пиксели FB, TikTok, GA |
| Qwizoo | Заявлены интеграции с GA, TikTok Pixel и Facebook CAPI |
Из практики
В PPC я разделяю два сценария. Для холодного трафика из соцсетей и Demand Gen квиз на отдельной странице: так быстрее тестировать варианты первого экрана. Для поиска Google Ads квиз блоком внутри лендинга: страница сохраняет текст о компании, а конверсия остаётся квизовой. В тесте для недвижимости в феврале 2026 переход с формы на квиз поднял конверсию с ниже 1% до 6%, и это работало только потому, что заявка из квиза корректно передавалась в рекламный кабинет.
Чек-лист после установки
- квиз открывается на телефоне и компьютере, первый экран без прокрутки;
- тестовая заявка пришла в CRM или Telegram со всеми ответами;
- конверсия видна в Google Ads, Meta Events Manager или TikTok через сутки;
- GCLID и UTM-метки сохраняются вместе с заявкой;
- скорость страницы после установки не упала заметно;
- пиксели не срабатывают до согласия посетителя, если есть трафик из ЕЭА.
Частые вопросы
Можно ли вставить квиз без программиста?
Да. В WordPress и Tilda достаточно вставить код в HTML-блок. Программист нужен только для нестандартной передачи событий из iframe.
Что лучше: iframe или скрипт?
Для отслеживания удобнее скрипт или квиз на вашем домене. Iframe проще вставить, но события придётся передавать через сам конструктор.
Можно ли поставить один квиз на несколько страниц?
Да, код вставляется на любое число страниц. Но для рекламы лучше делать отдельный первый экран под каждую группу объявлений.