Flowtomate

Главная ​

«Главная» меняется по мере подготовки проекта. Сначала Flowtomate предлагает подключить сайт, затем — завершить подготовку, а после первой публикации показывает рабочую сводку. Откройте её пунктом бокового меню «Главная». Перед началом работы войдите в нужный аккаунт и выберите проект по руководству по началу работы. Пункты бокового меню зависят от права просмотра.

Подключите сайт ​

Если в проекте ещё нет первой публикации, Flowtomate не подключён к сайту и у вас есть право просмотра интеграции, на «Главная» откроется экран «Подключите Flowtomate к сайту».

Экран нового проекта перед подготовкой кода

Новый проект до подготовки кода подключения. На изображении только синтетические данные.

  1. Укажите «Адрес сайта» и нажмите «Подготовить код». Flowtomate покажет код подключения.
  2. Для обычного сайта вставьте этот код перед закрывающим тегом </body> на всех страницах, опубликуйте изменения и откройте сайт хотя бы один раз.
  3. Для Google Tag Manager создайте Custom HTML tag, вставьте тот же код, выберите All Pages и опубликуйте контейнер.
  4. Для React / Next.js добавьте тот же script штатным способом после загрузки документа. При смене маршрута не добавляйте второй экземпляр.
  5. Если у вас нет доступа к коду сайта, в разделе «У меня нет доступа к коду сайта» нажмите «Скопировать инструкцию» и передайте её разработчику.
  6. Нажмите «Проверить подключение».

Если ключа ещё нет и у вас нет права создания интеграции, Flowtomate показывает «Нужны права на интеграцию», а не код подключения. Попросите владельца проекта подготовить код. Если ключ уже создан, пользователь с правом просмотра интеграции видит существующий код подключения.

Проверка выполняет не более десяти попыток с интервалом три секунды. Это текущее поведение проверки, а не обещание времени, за которое сайт подключится. Если появится «Код пока не найден», проверьте публикацию изменений, один экземпляр скрипта, загрузку скрипта и разрешение домена в CSP, затем нажмите «Проверить ещё раз».

После подтверждения экран покажет «Flowtomate подключён», адрес сайта и «Последний запрос». Если у вас есть право создания, можно нажать «Создать попап» или «Создать обновление».

Например, укажите https://app.example.com, добавьте код и откройте главную страницу сайта. После первого запроса появится «Flowtomate подключён».

Завершите подготовку проекта ​

После подключения — либо сразу, если у вас нет доступа к разделу «Интеграция», — «Главная» показывает «Начало работы». Карточка «Подготовка проекта» содержит доступные вам шаги:

  • «Подключить сайт»;
  • «Создать первое сообщение»;
  • «Настроить виджет»;
  • «Опубликовать сообщение».

Для каждого шага указан статус «Готово» или «Не начато». Основная кнопка ведёт к следующему доступному действию: «Создать обновление», «Создать поп-ап», «Настроить виджет», «Открыть интеграцию» или «Продолжить редактирование». Если следующего действия нет, у вас нет нужного права; обратитесь к владельцу аккаунта. Внизу этого экрана есть предпросмотр «Так виджет будет выглядеть в продукте».

Работайте со сводкой ​

После первой публикации открывается рабочая сводка «Главная».

  • «Результаты за 30 дней» показывает «Охват», «Реакция», «Завершение», «Отказы» и «Технические ошибки» со сравнением с прошлым периодом, если у вас есть доступ к аналитике.
  • «Проблемы запусков» показывает материалы без показов или с наибольшим числом технических ошибок за 30 дней.
  • «Ближайшие запуски» содержит материалы с настроенной датой публикации.

Если Flowtomate ещё не подключён, над сводкой появится сообщение «Flowtomate ещё не подключён к сайту» и кнопка «Подключить сайт». Новый участник проекта может закрыть вводную подсказку «Вы присоединились к проекту» кнопкой «Закрыть подсказку».

Меню «Создать» показывает только доступные по вашим правам действия: «Обновление», «Попап», «Чек-лист», «Тур» и «Кампания обратной связи». Если вы не можете просматривать материалы, вместо сводки будет сообщение «Материалы недоступны». Показатели помогают выбрать материал для проверки, но не доказывают причину изменения или эффект материала.

Настройки кода, origin и сбора аудитории описаны в руководстве по интеграции.

Связанные материалы ​