Привет, ботмейкеры!
Последнее время вы "поймали волну" обновлений и сегодняшний день не исключение. Наши знакомые маркетологи долго просили реализовать "Подписные страницы" и сегодня мы хотим рассказать об этом функционале.
Кому? Зачем?
Подписная страница - простой лендинг с картинкой (или встроенным видео), описанием и ссылкой на чат-бот, что это значит? Это значит то, что когда вы начинаете рекламировать своего чат-бота (например через Таргет) вам не надо создавать отдельный сайт. Вы можете буквально сделать дизайн одной картинки, добавить описание и ссылку на чат-бот и все это займет не более 5 минут. Что мы в итоге получаем? Мы получаем страницу на которую можно подключить Facebook Pixel и использовать собранные данные об аудитории и понимать, кто пришел в чат-бот и откуда.
Как это работает?
Страница редактирования состоит из 6 разделов и области предпросмотра.
Общее
Заполнение данного раздела обязательно.
В этом разделе вы можете задать поддомен вашей страницы. Название поддомена может включать любые латинские буквы, цифры, нижнее подчеркивание «_» и тире «-». В результате вы получите ссылку на вашу подписных страницу такого вида:
https://<поддомен>.lp.botmakerplatform.com,
где
<поддомен> - указанный вами поддомен.
После того, как вы задали название поддомена, вы можете перейти на свою страницу, используя адрес, указанный в поле «итоговый адрес страницы», просто нажмите на полученную ссылку, чтобы скопировать её.
В любой момент времени вы можете изменить поддомен на текущей странице на любой другой (который не занят), однако, учитывайте, что подключенная аналитика может перестать работать или работать некорректно, для решения чего необходимо будет менять настройки сервиса аналитики (Google, Yandex, Facebook).
Мета данные
Заполнение данного раздела необязательно.
В этом разделе вы можете изменить значения таких мета тегов, как title, description, keywords, favicon и задать картинку для отображения в социальных сетях - og:image и twitter:image.
Эта информация используется исключительно для SEO, если это необходимо. На дизайне и содержании страницы это никак не отражается.
Аналитика
Заполнение данного раздела необязательно.
В этом разделе вы можете подключить следующие системы анализа:
- Google Analytics;
- Яндекс.Метрика;
- Facebook Pixel.
В случае Google Analytics вы можете подключать как обычную аналитику GA4, так и GoogleTagManager (GTM). Учитывайте, что при добавлении обоих тегов ответственность за потенциальное задвоение или некорректные данных несёте вы сами, так же как и за то, что можете указать неправильные идентификаторы или настроить сами аналитики таким образом, что данные не будут поступать или отображаться.
Шапка (Header)
Заполнение данного раздела необязательно.
В этом разделе вы можете задать название бренда/проекта/сервиса/имя бота, который будет отображаться в верхней части страницы, а так же картинку, которая будет стоять рядом с этим названием.
Высота загружаемой картинки может быть уменьшена до 64 пикселей, в случае если она будет больше. В таком случае длина картинки будет заменена пропорционально изначальному размеру.
Содержание
Заполнение данного раздела обязательно.
В этом разделе вы можете задать основной заголовок (H1) и описание (H2), которые увидят пользователи и на основании которых примут решение нажимать на кнопку или нет.
Помимо H1 и H2 вы можете установить и медиа-контент. На текущий момент вы можете добавить:
изображение
При загрузке максимальный объём не должен превышать 20 Мб, а размер не имеет значения, так как в случае, если изображение будет поевышать 1920х1080 пикселей, оно будет уменьшено. Максимальная высота изображения в таком случае будет составлять 1080 пикселей, а длина будет изменена пропорционально изначальному размеру.
видео YouTube
Найдите нужное видео, нажмите кнопку «Подeлиться», далее нажмите «Встроить», скопируйте выданный вам код и вставьте в соответствующее поле ввода настроек страницы.
видео RuTube
Найдите нужное видео, нажмите кнопку «Подeлиться», далее нажмите «Код вставки плеера и плейлиста», нажмите на поле с кодом в области “Код вставки плеера” и вставьте в соответствующее поле ввода настроек страницы.
видео Vimeo
Найдите нужное видео, нажмите кнопку «Share» как показано на картинке, далее нажмите на область с кодом, скопируйте его и вставьте в соответствующее поле ввода настроек страницы.
видео Видео@Mail.ru
Найдите нужное видео, нажмите кнопку «Код вставки» как показано на картинке, далее нажмите на область с кодом HTML, скопируйте его и вставьте в соответствующее поле ввода настроек страницы.
видео Twitch
Найдите нужное видео (трансляции и клипы не поддерживаются либо могут работать некорректно), нажмите на кнопку «Поделиться», выберите пункт «код, </>» и скопируйте код из нижнего блока, который имеет примерно следующий вид: <iframe src='https://… и вставьте в соответствующее поле ввода настроек страницы.
Кнопка действия
В этом разделе вы можете установить действие на кнопку действия:
- обычный вход в бот - пользователь просто попадёт в бот и дальнейшее его взаимодействие с ним зависит от того как настроен бот;
- переход по UTM метке - логика работы аналогично переходу по UTM метка из любого другого источника;
- запуск Digital-воронки - перейдя в бот, бот запустит выбранную вами Digital-воронку сразу, как пользователь зайдёт в бот. Основная воронка не будет запущена и может быть запущена в том случае, если пользователь наберёт команду /start;
- переход к кнопке - попав в бота, пользователь сразу получит содержимое заданной вами кнопки, без необходимости нажимать на неё. Учтите, что задавая этот вариант, пользователь, который впервые заходит в бот, минует запуск Основной Digital-воронки, но сможет начать её потом набрав команду /start.
Каждый бот может настраиваться под разные цели бизнеса, поэтому правильно выбирайте действие на кнопку, так как от этого может зависеть дальнейший жизненный цикл пользователя в боте.
Публикуя страницу, выбранные UTM метка, Digital-воронка или кнопка должны быть активны и опубликованы.
Предпросмотр
Область предпросмотра демонстрирует то, как будет выглядеть страница после публикации, за тем лишь исключением, что нажатие на кнопку действия не будет перенаправлять в бот. Область предпросмотра позволяет увидеть, как примерно будет выглядеть страница для мобильных устройств, планшетов и десктопов (ноутбуков, ПК).
Особенности
- Если мета-теги title и description не будут указаны, в эти поля будут автоматически подставляться значение H1 и H2 соответственно во время публикации;
- Если вы опубликовали страницу, быстро внесли изменения, опубликовали страницу ещё раз, и на всё это у вас ушло несколько секунд или 1-2 минуты, может потребоваться время, прежде чем итоговая страница (доступная по сформированному вами адресу) будет обновлена и доступна в браузерах;
- Заполнение разделов «Мета», «Аналитика» и «Header» необязательны;
- Изображение для favicon сохраняется в единственном виде (максимальной высотой 64 пикселя) и не формируется отдельно под все устройства, браузеры и операционные системы;
- Аналитика Яндекс.Метрики по умолчанию настроена на отправку данных «Вебвизор, карта скроллинга, аналитика форм»;
- Все созданные страницы имеют свои файлы robots.txt и sitemap.xml по адресам /robots.txt и /sitemap.xml соответственно;
- Все страницы работают на кодировке UTF-8;
- Все страницы работают по протоколу HTTPS;
- Страница не подтягивает никакие сторонние JS, CSS и прочие файлы, кроме необходимых для аналитик, которые были вами включены;
- Все страницы по умолчанию адаптированы под мобильные устройства;
- Все страницы при полном заполнении всех разделов могут демонстрировать значения 90+ по всем показателям при проверке через Lighthouse, Google Speed Test и SeoSiteCheckup.
Дополнительная информация
Если вы ещё ни разу не сталкивались с системами сбора аналитики, этот список может немного облегчить вам работу с ними или просто даст понимание, что это такое и зачем.
- О Google Analytics:
- О Яндекс Метрике:
- О Facebook Pixel:
- О SEO и мета данных:
А ещё
- Исправили ошибку, которая в некоторых случаях могла приводить к некорректной загрузке чатов и истории рассылок;
- Исправили ошибку, которая в некоторых случаях не позволялся в личном кабинете листать список подписчиков на чаты;
- Прочие исправления и улучшения.
