КОНВИДокументация
ДокументацияПодключение

Как установить код Конви на сайт

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

Где взять код

Откройте «Мои вебсайты», найдите нужный сайт и нажмите «Показать код виджета». Скопируйте фрагмент целиком: вместо WEBSITE_ID в нём уже будет указан идентификатор вашего сайта.

Код из кабинета выглядит так:

<!-- Convee script start -->
<link rel="preconnect" href="https://s.convee.ru">
<link rel="preload" href="https://s.convee.ru/v2/runtime.js" as="script">
<script src="https://s.convee.ru/v2/WEBSITE_ID.js"></script>
<!-- Convee script end -->

Куда его разместить

Добавьте фрагмент в общий шаблон сайта в начале <head> — сразу после обязательных meta-тегов и до стилей и скриптов приложения. Тогда он будет загружаться на всех страницах, где Конви показывает варианты или считает конверсии. 

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Convee script start -->
  <link rel="preconnect" href="https://s.convee.ru">
  <link rel="preload" href="https://s.convee.ru/v2/runtime.js" as="script">
  <script src="https://s.convee.ru/v2/WEBSITE_ID.js"></script>
  <!-- Convee script end -->

  <title>Название сайта</title>
  <link rel="stylesheet" href="/app.css">
</head>

Если общего шаблона нет, код можно добавить через настройки CMS. Менеджер тегов тоже подходит: создайте пользовательский HTML-тег, вставьте фрагмент целиком и включите его на всех страницах. Но менеджер тегов запускает код позже, поэтому прямое размещение в <head> предпочтительнее для страниц с визуальными изменениями и переадресацией.

Инструкции для Tilda и WordPress

Если сайт работает на конструкторе или CMS, используйте отдельную пошаговую инструкцию:

Почему контент может мерцать

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

Антифликер предотвращает такой показ исходного контента. В отдельном руководстве объясняется, чем отличается белая заглушка от скрытия отдельных элементов, какой вариант выбрать и куда установить код: что такое антифликер и как его подключить.

Как проверить установку

  1. Опубликуйте изменения сайта или контейнера тегов.
  2. Откройте сайт в новой вкладке без блокировщика рекламы.
  3. Откройте инструменты разработчика → Network и обновите страницу. Запрос к /v2/ВАШ_ID.js должен завершиться со статусом 200.
  4. Выполните в Console команду window.__CONVEE_SITE_MANIFEST__?.website_id. Она должна вернуть ID сайта из установочного кода.

Если запрос не появился, проверьте опубликованный HTML и настройки менеджера тегов. Если браузер заблокировал запрос, разрешите в Content Security Policy домен s.convee.ru для директивы script-src.

Что делать дальше

Начните с одной важной страницы и одного целевого действия. Для проверки идеи запустите АБ-тест, для роста во время эксперимента — многорукого бандита.