Минилендинги
Что такое минилендинги и как их создать
Нельзя брать ссылки с кнопок минилендингов. Они временные и привязаны к посетителю. Если вам нужны ссылки на мессенджеры, вы можете их взять в разделе минилендинги.
Минилендинги — это небольшая страница с основной информацией о вас или вашем бизнесе и кнопками для перехода в мессенджеры, к которым у вас привязан бот.
Как будет выглядеть ваш минилендинг зависит только от вашей фантазии. Создаются они в разделе Минилендинги.
Пример оформления минилендинга
Пример оформления минилендинга, продолжение
Набор кнопок мессенджеров формируется автоматически на основании привязанных к проекту мессенджеров (ботов). Каждому мессенджеру соответствует одна кнопка независимо от того, сколько экземпляров данного вида мессенджера (бота) подключено к проекту.
В настройках можно выбрать кнопки каких мессенджеров нужно показать на минилендинге. Если к проекту подключено несколько ботов одного мессенджера в настройках минилендига можно выбрать в какого бота будет вести кнопка.
Доступные типы блоков для создания минилендинга:
- Обложка: блок для добавления изображение и видео, заголовок. Доступны шаблоны для добавления обложки страницы.
- Заголовок и текст: текстовый блок с заголовком
- HTML: блок позволяет добавить на страницу HTML и CSS коды
- Форма заявки с кнопками на мессенджеры: блок для добавления кнопок мессенджеров, вопросов, политики конфиденциальности
- Изображение или видео: блок для добавления картинки или видео
- Кнопки: блок для добавления кнопок с функцией Ссылка, Телефон, email
- Цитата: блок для добавления цитаты
- Список: блок с возможностью вставить нумерованные и маркированные списки
- Выпадающий текст: блок для добавления выпадающего текста
- Галерея: блок для добавления галереи изображений.
- Таймер: блок для добавления таймера обратного отсчета.
Типы блоков
Типы блоков, продолжение
В Salebot реализован блочный конструктор минилендингов. Создать свой уникальный лендинг можно без знания программирования.
На рисунке ниже вкладки общих настроек минилендинга.
Основные вкладки настроек минилендинга
.png?alt=media&token=453b8a7d-c1f4-447b-98f6-1454e66179aa)
- 1.Название в списке минилендингов - здесь может быть любой ваш текст;
- 2.Название в ссылке - необязательное поле, создано для того, чтобы вы могли указывать свою ссылку на минилендинг. Требования: - могут быть использованы только латинские буквы и цифры. - название должно быть уникальным в рамках платформы, если его уже выбрал кто-то другой, вам его использовать уже не удастся.
К минилендингу можно подключить свой домен. В этом случае название в ссылке должно быть уникальным в рамках одного проекта.
- 3.Название вкладки в браузере по умолчанию равен значению в поле Название минилендинга
- 4.Тег - метка, которая передается в бот, как только пользователь перейдет в него по значку мессенджера. С помощью него можно запускать разные цепочки бота, не дожидаясь, пока пользователь что-то напишет. Для этого достаточно прописать тег в поле "Условие" в зеленом блоке.
- 5.Цвет фона минилендинга. По умолчанию, белый. Можно сделать однотонный из цветового круга (нажмите на значок Пипетка) или выбрать Градиент (выберите плитку с понравившимся градиентом).
- 6.Цвет контейнера с секциями. По умолчанию, белый. Можно сделать однотонный из цветового круга (нажмите на значок Пипетка) или выбрать Градиент (выберите плитку с понравившимся градиентом). Также Цвет контейнера с секциями можно сделать прозрачным. Для этого выберите плитку с черно-белыми квадратами.
- 7.Требовать аутентификацию из Телеграм. Эта опция позволит отсеять те х, кто пытается просто попасть на минилендинг без авторизации, но лучше включать ее после настройки всего остального, когда будете уверены что все настроено верно. После ее включения попасть на минилендинг можно только через кнопку для авторизации, которую отправляет бот (ссылка на инструкцию по кнопке для авторизации на сайте).
Прочитать подробнее про настройку авторизации (аутентификации) через бота
Телеграм можно здесь:
Минилендинги
Salebot.pro
Как настроить принудительную авторизацию в минилендинге через бот
- 8.Доступ только по спискам. Эта опция позволяет предоставить доступ к минилендингу по наличию пользователя в определенных списках вашего проекта.
- 9.Скрыть надпись "Сделано в Salebot". При необходимости надпись можно скрыть. Для этого поставьте галочку в данном чек-боксе. Мы благодарны всем, кто оставляет надпись "Сделано в Salebot" на своих минилендингах.
В правой части экрана расположено поле "Предварительный просмотр" с возможностью выбора блоков для создания минилендинга. Все вносимые изменения сразу отображаются в поле Предварительный просмотр
Область Предварительного просмотра и возможностью выбрать блок для конструирования минилендинга
На вкладке Основная информация можно произвести основные настройки будущего минилендинга:
▶️ В разделе Обложка задается формат отображения обложки минилендинга. Рекомендуемый размер изображения:
Рекомендуемые размеры изображений под разные форматы обложки
Можно указать ссылкой или загрузить с компьютера через кнопку "Перенесите сюда файл или кликните, чтобы выбрать..."
Формат изображений: jpeg, jpg, png, gif, raw, tiff
Рекомендованный размер файла до 5 МВ
▶️ В разделе Контент задается Заголовок минилендинга и Описание.
Заголовок - по аналогии с заголовком сайта, текст, который будет в самом верху минилендинга.
Описание - иными словами "подзаголовок", в котором могут быть описаны ваши услуги, товары и т.д.
▶️ В разделе Дополнительные настройки задаются:
- Название в ссылке - необязательное поле, создано для того, чтобы вы могли указывать свою ссылку на минилендинг. Требования: - могут быть использованы только латинские буквы и цифры. - название должно быть уникальным в рамках платформы, если его уже выбрал кто-то другой, вам его использовать уже не удастся.
- Название вкладки в браузере по умолчанию равен значению в поле Заголовок
- Тег - метка, которая передается в бот, как только пользователь перейдет в него по значку мессенджера. С помощью него можно запускать разные цепочки бота, не дожидаясь, пока пользователь что-то напишет. Для этого достаточно прописать тег в поле "Условие" в зеленом блоке.
- В ВК по умолчанию берется основное описание и заголовок, Описание ВК - либо могут быть заданы иные значения
Все вносимые Вами значения Вы сможете тут же увидеть в окне Предварительного просмотра, что значительно облегчает процесс настройки минилендинга.
Настройка минилендинга - Мессенджеры
Следующая вкладка - Мессенджеры. Здесь можно указать настройки отображения кнопок для мессенджеров, указать какой бот запускать с данного минилендинга (если вы используете более одного мессенджера - бота одного вида).
Ознакомимся более подробно:
▶️ ВКонтакте + бот, Telegram бот, Instagram бот - необязательные поля, в которых можно указать какой бот должен запускаться с ссылок данного минилендинга. По умолчанию, последний подключенный мессенджер-бот.
▶️ В разделе Настройка Whatsapp можно указать Начальное сообщение в Whatsapp - этот текст будет записан в поле ввода у пользователя и ему будет достаточно нажать "Отправить". Прописывайте этот текст в условии зеленого блока. Это сообщение может быть скопировано в Instagram, достаточно включить соответствующий переключатель, расположенный под полем Начальное сообщение Whatsapp.
▶️ В разделе Настройка кнопок Вконтакте можно указать какой текст будет отображаться в кнопке в ВК-лендинге, какую из возможных ссылок будет запускать данная кнопка (ref-ссылка или подписная с автоподпиской), а также указать на какую именно подписную страницу будет вести ссылка, а также можно указать подпись к подписчикам данной группы и надо ли отображать общее число подписчиков в минилендинге.
▶️ В разделе Отображение кнопок в минилендинге можно задать стиль отображения кнопок (только Иконка или Иконка с текстом), а также указать перечь отображаемых кнопок, ведущих в соответствующие мессенджеры.
Настройка минилендинга - Настройка форм
На вкладке Настройка форм есть возможность создать так называемые "Квизы" - анкеты, опросники.
Для каждого нового вопроса есть возможность указать текст самого Вопроса, Тип поля, Переменную, в которую будет записан выбранный ответ, и собственно перечень возможных Ответов на заданный вопрос:
Создание нового вопроса в настройке форм
Рассмотрим какие варианты типа поля мы можем указать для поля Ответ на заданный вопрос:
Настройка Тип поля для вопроса в настройке формДанная настройка позволяет указать какого типа будет поле ответа на указанный вопрос:
- Выпадающий список - перечень ответов будет выведен на экран в виде поля со списком
- Выбор нескольких вариант ов - ответ может содержать несколько вариантов - множественный выбор из перечня возможных ответов
- Выбор одного варианта - может быть выбран только один ответ из перечня возможных ответов
- Текстовое поле - поле, в котором клиент должен ввести значение самостоятельно
Следующие типы полей могут быть использованы в форме только один раз для настоящего минилендинга:
- Имя
- Email
- Телефон
Поля Вопрос и Переменная являются обязательными для ввода и помечены *.
Пример настройки вопроса с вариантом выбора только одного ответа из указанного перечня:
Настройка вопроса
Отображение на экране данного вопроса
Карточка клиента: запись ответа в переменную после выбора
Если вопрос отмечен обязательным, то клиент не сможет закрыть форму, не ответив на данный вопрос.
Специально для Telrgram есть возможность открывать квизы в отдельном выплывающем окне:
Отображение квиза в Telegram (компьютерная и мобильная версии)
Для того, чтобы подключить возможность отображения квиза в телеграмме, необходимо:
1. Скопировать id минилендинга (только цифры, без #). Далее по тексту mini_landing_page_id:
Номер минилендинга
2. В поле калькулятор используем одну из функций:
quiz_link_timeout(mini_landing_page_id, minutes) - вторым параметром принимает число, это минуты жизни ссылки
quiz_link_date(mini_landing_page_id, date, time) - принимает дату (дд.мм.гггг) и время (чч:мм) жизни ссылки
quiz_link(mini_landing_page_id) - создает ссылку без срока жизни
3. Создать кнопку Telegram Web Application и указать в фигурных скобках с решеткой название переменной
Если вы используете quiz_link_timeout для перехода клиента на минилендинг, то вы можете пользоваться переменными клиента внутри описания и заголовка. Например, если у клиента есть переменная name со значением "Богдан" и в описании минилендинга вы напишите "Привет #{name}, как твои дела ?", то вывод будет "Привет, Богдан, как твои дела ?". Однако, если такая переменная будет отсутствовать у клиента, то переменная будет взята из общих переменных проекта.
Внимание! Будьте внимательны с использованием ссылок без срока жизни: Если ссылка будет отправлена кому-то еще и этот кто-то пройдет опрос, то результаты будут записаны клиенту, для которого была создана данная ссылка.
Настройка минилендинга - Аналитика
На вкладке Аналитика производится настройка для различных рекламных кабинетов. Подробнее рассмотрим ниже.
Настройка минилендинга - CSS и JS
Html-коды head и body представлены на рисунке 4. Они не являются обязательными, но если вы понимаете в CSS, то сможете сделать свой минилендинг более привлекательным. Также сюда можно вставить код сервиса аналитики, пикселя от Facebook и пр. Пример CSS настроек для минилендинга с Рисунка 1 выглядит так:
Рисунок 4
Настройка минилендинга - Автоматический пост ВК
Для создания поста введите его содержимое и укажите ссылку для вложения.
Для того, чтобы правильно указать сс ылку для вложения, опубликуйте вложение в любой открытой группе. Откройте картинку на просмотр и из адресной строки требуется взять часть ссылки, начинающуюся с photo и до %:
Вы можете выбрать на какой именно мессенджер будет вести кнопка
Либо отключить определенные кнопки мессенджеров
Отображение кнопок в минилендинге
Тег — метка, которая передается в бота, как только пользователь перейдет в него по значку мессенджера. С помощью него можно запускать разные цепочки бота, не дожидаясь, пока пользователь что-то напишет. Для этого достаточно прописать тег в поле "Условие" в зеленом блоке.
Если переход в диалог был по ссылке с ключом подписки(тегом), при нажатии кнопки старт(или подобных) придет не старт, а именно этот ключ подписки. Это позволяет сделать несколько воронок внутри одного проекта.
Тег присваивается клиенту один раз при создании и остается с ним навсегда. Этот тег дополнительно отправляется в CRM, чтобы вы могли понимать с какого рекламного канала пришел клиент. Для каждого тега вы можете создать свой минилендинг с уникальным тегом.
Вконтакте не поддерживает ссылки с ключом подписки, для этого был сделан отдельный минилендинг для Вконтакте, работающий как приложение платформы.
Рисунок 5
Если указан тег, то кнопка вк с обычного минилендинга будет вести на вк лендинг, чтобы тег не потерялся.
Если не указать tag в настройках минилендинга, при запуске бота придет слово Начать и следом уведомление о подписке на группу. Поэтому бот может запуститься дважды, если добавить блок без условия.
Для того, чтобы получить ссылку с автоподпиской, необходимо выполнить следующие шаги:
1.Откройте минилендинг на редактирование, вкладка Мессенджеры
2. Включите переключатель Кнопка ВКонтакте с минилендинга ведет на подписную с автоподпиской:
Включение ссылки ВКонтакте с автоподпиской 3.
3. После сохранения настроек минилендинга в выпадающем списке Ссылки на мессенджеры будет доступна Прокси-ссылка на ВКонтакте с функцией автоподписки:
Ссылки на мессенджеры
Вы можете выбрать для ВК отдельную подписную — так у вас не будет дублироваться информация с основного минилендинга. Плюс вы сможете вести несколько разных минилендингов на одну подписную в ВК.
Для этого создайте отдельный минилендинг, который будете использовать в качестве подписной ВКонтакте.
В настройках указываете нужный тег для запуска бота.
В отображении кнопок включаете только кнопку ВК.
Затем в настройках вашего основного минилендинга находите поле "Подписная, на которую ведет кнопка ВКонтакте"
Выбираете нужную подписную из выпадающего списка:
И сохраните настройки.
Теперь у вас получится как в примере. Основной минилендинг:
А при клике на кнопку ВК открывается другой:
Если в ссылку на минилендинг вк добавить в конец параметры через символ &, то они сохранятся в переменные. Например, так можно передавать метки.
#{current_time} - текущее время в формате hh:mm
#{current_date} - сегодняшняя дата в формате dd:mm:yyyy
#{current_date_ru} - сегодняшняя дата в формате dd название месяца
Данный текст выведен с использованием переменных и математическими действиями: сложением и вычитанием времени и даты. Оригинал:
Сегодня цифрами #{current_date}
Вчера цифрами #{current_date-1}
Завтра цифрами #{current_date+1}
Сейчас время #{current_time}
Сейчас время + 30 минут #{current_time+30}
Сейчас время - 30 минут #{current_time-30}
Сегодня буквами #{current_date_ru}
Завтра буквами #{current_date_ru+1}
2 дня назад буквами #{current_date_ru-2}
#{if(
<условие>, <значение при истине>, <значение при лжи (необязательно)>)} - выводит переменные при определенном условииВ качестве условия может быть h - часы и d - дни, которые сравниваются операторами сравнения (<, >, ==, >=, <=, !=).
Например, если сейчас 20 часов, то #{if(h>15, current_date+1, current_date)}
#{weekday_date(номер дня недели)} - дата ближайшего указанного дня недели в формате dd
1 - понедельник, 7 - воскресенье
Вы можете использовать свои собственные переменные при публикации постов Вконтакте. Для этого необходимо использовать функцию quizlink() и выполнить настройку автоматического поста ВК
Если вам необходимо изменить минилендинг под свои нужды, Вы можете добавить скрипт в поле html-код body, который сделает нужные изменения.
Из-за правил Вконтакте HTML - код не вставится в минилендинг ВКонтакте
Например, скрипт ниже удаляет кнопку ВК с минилендинга.
<script>
document.getElementsByClassName('vk_link')[0].remove()
</script>
Данный скрипт убирает заголовок минилендинга
<script>
document.getElementsByClassName('title_container')[0].remove()
</script>
Например, скрипт ниже меняет ссылку кнопки телеграмма.
<script>
document.getElementsByClassName('modern_btn salebot_button tg_link')[0].href = "новая ссылка";
</script>
для других мессенджеров insta_link, vk_link и т.д.
- 1.Для отображения кнопки мессенджера создайте в минилендинге форму заявок с вопросами и укажите на какие мессенджеры следует вывести кнопки.
Установите стиль отображения кнопок - Иконка с текстом:
2. На вкладке CSS и JS разместите в поле Настройки HTML -> HTML-код body следующий код:
<style>
.tg_link {
font-size: 0 !important;
padding: 15px 15px !important;
}
.viber_link {
font-size: 0 !important;
padding: 15px 15px !important;
}
.tg_link:after {content: "Зарегистрироваться в Telegram";font-size: 15px;color: white}
.viber_link:after {content: "Зарегистрироваться в Viber";font-size: 15px;color: white}
</style>
Данный код изменит текст кнопок для Telegram и Viber. Для других мессенджеров внесите код по аналогии с примером.
Для изменения фавикона - значка веб-сайта или веб-страницы, воспользуйтесь следующим кодом, который следует разместить в поле Настройки HTML -> Html-код head:
<link rel="shortcut icon" type="image/x-icon" href="ссылка на иконку" />
Пример использования html и css
Для того, чтобы использовать пиксель ВК, нужно создать его в рекламном кабинете, раздел Ретаргетинг.
Переходим во вкладку Пиксели и нажимаем кнопку Создать пиксель.
Называем пиксель как удобно, выбираем тематику и можем убираем
(или оставляем, в зависимости от ваших потребностей) птичку с Автоматически создать аудиторию.
После нажатия кнопки создать, появится окно в котором нам нужно скопировать код пикселя для вставки на минилендинг.
Переходим в настройки минилендинга в salebot и вставляем этот код, выделенный жирным.
Теперь добавим аудиторию для сбора клиентов, которые посетили лендинг. Переходим во вкладку Аудитории и нажимаем кнопку Создать аудиторию.
Вводим название и выбираем подключенный пиксель.
Создаем и переходим на лендинг, после этого статус пикселя в течение 10 минут станет "Работает".
Salebot автоматически отправляет события открытия минилендинга и подписки на минилендинг.
View - открытие/просмотр подписной
Subscribe - подписался
Посмотрели страницу
Подписались
Для использования пикселя у вас должен быть установлен на минилендинг свой домен!
Переходим на страницу Events Manager: https://www.facebook.com/events_manager2
Открываем меню и выбираем пункт Events Manager
Далее нажимаем на зеленый крестик слева и выбираем:
- 1.Подключение нового источника данных - Интернет
- 2.Выберите способ подключения - Пиксель Facebook
- 3.Вводим название пикселя и адрес вашего минилендинга
Далее выбираем Добавить код пикселя на сайт вручную
Копируем код пикселя
Также его можно скопировать после создания, вот здесь:
Далее переходим в настройки минилендинга и вставляем этот номер в соответствующее поле:
На этом настройка завершена. Теперь в фейсбук будет приходить два события:
PageView - просмотр страницы минилендинга
Лид - при нажатии на одну из кнопок мессенджеров
После настройки пикселя и перехода на страницу, где он установлен (или нажатия на кнопку какого-то мессенджера), можно посмотреть тестовые события. Если они есть, то пиксель установлен верно.
Для создания сквозной аналитики, вы можете включить на минилендинге передачу в бота значений куки клиента. И дальше передавать их в системы сквозной аналитики. Например, в Roistat.
Для подключения Метрики необходимо в первое вписать ID Яндекс Метрики.
Первое поле принимает в себя ID счетчика Яндекс Метрики, его вы можете увидеть на странице Яндекс Метрики в разделе “Сводка” вверху возле Имения счетчика и Адреса сайта, на рисунке выделено
Вставка ID счетчика равносильна добавлению “Код счетчика” на сайт
Это значительно сокращает время на интеграцию Яндекс Метрики в Ваш минилендинг.
Во второе поле, в настройках минилендинга, вы можете вписать идентификатор Цели для отслеживания нажатий по кнопкам мессенджеров. Для этого, вам следует создать цель/цели на сайте Яндекс Метрики. Чтобы это сделать, перейдите в раздел “Цели” и нажмите кнопку “Добавить цель”. У вас откроется попап меню для создания новой Цели.
В поле “Название” вы можете написать, что угодно. В графе “Тип условия” нужно выбрать “JavaScript-событие”. После этого ниже появится поле “Идентификатор цели”. В него нужно занести идентификатор, который вы позже укажите в настройках минилендинга.
Цель будет срабатывать по нажатию на любую кнопку минилендинга.
Если вы хотите разделить цели по нажитию на разные кнопки минилендинга, название цели должно заканчиваться на знак подчеркивания "_"
Пример:
Если вы передадите в наше поле “click_button”, тогда вам в Яндекс Метрику будет передаваться одна Цель по клику на любой из мессенджеров. Цель с идентификатором “click_button”.
Однако, если вы передадите в наше поле “click_button_” (у которого в конце стоит “_” знак нижнего подчеркивания), в вашу Яндекс Метрику будет передаваться разная цель для разного мессенджера,
click_button_0 - по клику на ВКонтакте
click_button_1 - по клику на Телеграм
click_button_2 - по клику на Viber
click_button_3 - по клику на FaceBook
click_button_6 - по клику на WhatsApp
click_button_8 - по клику на Одноклассники
click_button_10 - по клику на Instagram
Сам идентификатор может быть любой, главное, чтобы в конце было нижнее подчеркивание. К нему будет добавлен индекс мессенджера.
Пример правильно заполненных полей в настройках минилендинга и правильно созданных целей в Яндекс Метрике
Для начала сбора оффлайн конверсий в Яндекс.Метрику с Salebot необходимо зарегистрировать Яндекс.Метрику.
1. Если у Вас нет аккаунта Яндекс.Метрики, следует войти в ваш аккаунт Яндекс почты (или зарегистрировать новый). Далее перейти в Яндекс.Метрику и нажать добавить счетчик. В настройках счетчика указать следующие данные:
- 1.Имя счетчика
- 2.Адрес сайта - в примере ссылка на минилендинг Salebot (и далее пример будет построен на нем).
- 3.Почта для уведомлений - указываете свою почту.
- 4.Автоматические цели и Вебвизор, карта скроллинга и аналитика форм - рекомендуем включить обе галочки для сбора большего количества информа ции.
После заполнения страницы жмем “создать счетчик”. На открывшейся странице выбираете html-код и копируете весь код, появившийся внизу. Настройки для “контентной аналитики” и “электронной коммерции” устанавливайте на свое усмотрение, если они Вам необходимы. Копируем код и вставляем на минилендинг(см. чуть ниже). Затем нажимаем кнопку “Начать пользоваться”.
Если Вы пользуетесь минилендингом, тогда код следует вставить во вкладке “редактирование” - “CSS и JS” - HTML-код head(или HTML-код body) и сохранить.
Жмем сохранить.
Переходим в меню Метрики, где видим список созданных счетчиков. Забираем номер счетчика и записываем его в переменную проекта ym_counter_id (настройки проекта - константы проекта)
2. Если у Вас есть аккаунт в Яндекс Метрике, то следует зайти в счетчик, по которому Вы хотите собирать статистику и записать его номер в переменную проекта ym_counter_id (настройки проекта - константы проекта). Настраивать счетчик заново Вам не нужно, просто вносим переменную как показано на скриншоте выше и переходим сразу к следующему пункту.
В созданном счетчике следует перейти в настройки - загрузка данных и включить передачу оффлайн конверсий.
Далее выйдет уведомление о том, что учет оффлайн конверсий станет доступен в течение суток. Следует помнить, что на данный момент обработка запросов может занимать до 24 часов и появится в статистике метрики лишь на следующие сутки. Сбор информации по цели доступен в течение 21 дней, далее данные будут затираться.
1) Регистрируем приложение Яндекса
Для получения данных для связи Яндекс Метрики с Salebot необходимо зарегистрировать приложение (по ссылке https://oauth.yandex.ru/client/new)
- 1.Введите имя приложения. При желании добавьте иконку.
- 2.В подпункте “Для какой платформы нужно приложение?” выберите веб-сервисы и API авторизации в Я ндекс.Браузере и Приложении Яндекс. В поле 1 подставьте url для разработки(нажмите на синюю надпись), а в поле 2 оставьте ссылку на минилендинг
3. В подпункте “Какие данные вам нужны?” выберите Яндекс.Метрика и включите все галочки
ПРИМЕЧАНИЕ!!! Вы можете по своему усмотрению подключить и другие сервисы для приложения(если собираетесь использовать его где-то еще), однако, стоит иметь ввиду, что часть пунктов сокращают жизнь токена авторизации до полугода, а то и до 7 дней
сокращает жизнь токена до 7 дней
сокращает с года до 180 дней
4. В пункте “ссылка на сайт” оставляете ссылку на минилендинг и завершаете создание приложения
Вы получаете данные для получения авторизационного токена для связи с API Salebot - ClientID. (в примере 12f1f79c233b44e391e4f471e3e05a13). Скопируйте его.
2) Получение токена авторизации
Для получения токена авторизации следует перейти по ссылке вида "https://oauth.yandex.ru/authorize?response_type=token&client_id={clientID}"
В нашем случае, токен будет располагаться по ссылке "https://oauth.yandex.ru/authorize?response_type=token&client_id=12f1f79c233b44e3 91e4f471e3e05a13" Перейдя по ней, вы увидите окно авторизации в приложение, и, подтвердив вход, получите окно с токеном. Сохраните его в переменные проекта(настройки проекта - константы проекта).
ym_oath_token = ‘y0_AgAAAABjJj1VAAhkGQAAAADOHzKLxF_0-ubJTUCrsJa1RACNx1opkHY’
ВАЖНО!!!!! Время жизни токена - год(или меньше, зависит от настроек приложения). Через год необходимо будет заново перепройти по той же ссылке и сохранить новый токен авторизации на новый год.
Если при выполнении функций по связи с метрикой Вы получите уведомление системы по типу “Expired or wrong token. Please, check or refresh your ym_oath_token”, повторите действия из этого пункта и замените токен.
2) Проверяем в настройках проекта все внесенные данные. Все готово, приступаем
Итак, мы имеем счетчик метрики.
1.Ручное создание цели в Яндекс. Метрике
Нажимаем создать цель - добавить цель.
В меню настройки целей:
- 1.задаем название цели - например, старт разговора с ботом.
- 2.Выбираем тип JavaScript-событие.
ВНИМАНИЕ!!! Сбор оффлайн-конверсий Яндекса работает только с этим типом ц елей. Оффлайн сбор информации по другим целям работать не будет!
3. Устанавливаем идентификатор цели - любое значение(цифры) - и ставим маркер на “совпадает”.
В примере идентификатором цели является число 666, этот идентификатор понадобится нам в будущем как переменная ym_js_event_id.
4. По желанию, Вы можете указать доход с цели
Нажимаем “добавить цель”.
2.Создание цели через ф ункцию в Salebot
В Salebot есть функция создания цели типа JS-событие,
ym_create_js_event_goal(name,price), где
name - это имя цели, обязательный параметр, строка
price - стоимость цели, необязательный параметр, число
Пример:
Создадим две цели, одна(‘Haos goal’) - со стоимостью, другая(‘Free goal’) без нее
Результатом выполнения будет список, состоящий из номера цели(ym_goal_id), ее имени(ym_goal_name) и идентификатора отслеживания события(ym_js_event_id). В переменных также можно найти этот список с характеристиками целей. А в Яндекс Метрике появятся заявленные цели:
Дополнительно. Вывод информации обо всех целях в Salebot
Если Вы запамятовали данные о своих целях в Яндекс Метрике и хотите вывести их все в переменную в Salebot, воспользуйтесь функцией
ym_info_about_goals(ym_goal_id), где
ym_goal_id - необязательный параметр.
Если параметр указан, то информация подгрузится о конкретной цели с данным идентификатором.
Пример:
Ответом является список, состоящий из словарей с goal_id, name, js_event_id всех целей. Если цель не является JS-событием, то js_event_id будет содержать ссылку/указание на соц. сеть/другой идентификатор. Если указать их при выгрузке конверсий, система Яндекс Метрики их просто не зачтет и вернет ошибку.
Информация об одной конкретной цели содержит словарь с данными.
Для того, чтобы отправить данные в Яндекс Метрики, следует использовать функцию ym_send_offline_conversions(ym_js_event_id), где:
ym_js_event_id - идентификатор отслеживания события, обязательный параметр, число.
ВАЖНО!!! Отправка оффлайн конверсий происходит по идентификатору клиента Яндекс. Если у клиента в переменных есть метка _ym_uid(как включить сбор меток в минилендингах смотрите в соответствующем разделе), он автоматически подставится в этот параметр и передаст статистику по данному клиенту.
_ym_uid - это clientID посетителя, присваиваемый Яндексом каждому пользователю. Он является уникальным и задается только системой Яндекс. Поэтому, если у клиента нет параметра, статистика по нему передаваться не будет. Однако, если у Вас есть данные о метке посетителя, Вы можете добавить клиенту переменную ya_client_id, и, если такой посетитель существует, статистика передастся.
Если клиента с номером, указанным в ya_client_id, не существует, то и статистика собираться не будет
Пример.
Представим, у нас есть цели “Старт чата с ботом” и “клик по кнопке хорошо”
В боте у нас создан стартовый блок с приветствием и предложением нажать на две кнопки, нажатие на одну из которых(“хорошо”) приведет нас во второй блок с поздравлением.
Впишем в калькулятор функцию ym_send_offline_conversions(666), где
666 - идентификатор(ym_js_event_id) цели “Старт чата с ботом” .
В блоке ниже, куда пользователь попадет при нажатии клавиши “Хорошо”, мы поставим ту же функцию с идентификатором второй цели - “клик по кнопке хорошо”.
Если посетитель с меткой _ym_uid прошел по этим этапам, статистика соберется и отправится в Яндекс Метрику, где потом будет обработана. Статус обработки до появления информации в статистике можно посмотреть в счетчике - настройки -загрузка данных.
ВНИМАНИЕ!!! Обработка может длиться до 24 часов! По итогу, при успешной загрузке появится значок “Выполнено”, при неуспешной - красная надпись. Это означает, что Яндекс Метрика не обнаружила клиента по заданному _ym_uid в своей системе.
ВНИМАНИЕ!!! Иногда системы Яндекса сбоят, и засчитывают загрузку на второй день после ее отправки, поэтому ошибочные загрузки могут выполниться через сутки после появления красной надписи, что увеличивает суммарное время обработки загрузок ДО 48 ЧАСОВ. Возможно, в будущем Яндекс починят свои лаги, но пока что следует учитывать их ошибки.
Для подключения Гугл Аналитики в Ваш минилендинг в первое поле вставьте ваш “Идентификатор потока данных”. Чтобы его найти, перейдите на страницу “Администратор”, выберете свой аккаунт, выберете или создайте ресурс и в нем нажмите на кнопку “Потоки данных”, зайдите в уже созданный или создайте новый поток данных и скопируйте его идентификатор в правом верхнем углу.
Добавления этого поля равносильно добавлению тега в html страницы
Во второе поле вы можете вписать название события конверсии. Чтобы клики по кнопкам мессенджера вызывал событие конверсии, нужно в разделе “Конверсии” создать событие-конверсию. Имя события-конверсии может быть любым, его нужно передать в настройки минилединга. Событие-конверсия будет срабатывать по нажатию на любую кнопку минилендинга.
Если вы хотите разделить конверсии для разных мессенджеров, название события-конверсии должно заканчиваться на нижнее подчеркивание “_”
Если ввести в поле “Название события конверсии” “click_button_”, для каждого мессенджера будет исходить разная конверсия.
click_button_vk - для ВКонтакте
click_button_telegram - для Телеграм
click_button_viber - для Вайбера
click_button_whatsapp - для Ватсапа
click_button_ok - для Одноклассников
click_button_instagram - для Инстаграма
Само названия события-конверсии может быть любой, главное, чтобы в конце было нижнее подчеркивание. К нему будет добавлено имя мессенджера.
Событие-конверсия после создания может обновляться до 24-х часов. Для проверки, вы можете создать событие-конверсию и проверить её в разделе “Отчет в реальном времени” внизу странице в графе “Конверсии”, если все установлено правильно, там появятся имена и количество конверсий.
Данный ме ханизм работает в Telegram, Вконтакте, Viber, Facebook, Одноклассниках. В Whatsapp и Instagram работает при использовании переменной visit_key.
Параметры сохраняются в переменные клиента.
Все параметры, которые придут в минилендинг, после запуска клиентом бота перейдут в переменные сделки. В частности метки.
Вы можете использовать прокси-ссылки, в которые вы передаете параметры, а после запуска бота они также поместятся в переменные сделки.
Ссылка с параметрами должна иметь вид:
https://salebot.pro/r/salebot_1?param1=value¶m2=value2...
где первая часть ссылки (до знака ?) - это прокси ссылка,
а вторая часть - ваши параметры
Прокси ссылки можно получить после создания минилендинга:
Отображаются ссылки тех мессенджеров, которые подключены к системе.
Так как в Whatsapp отсутствуют deeplink, необходимо в стартовую фразу Whatsapp добавить переменную, по которой бот определит с какими параметрами был запущен Whatsapp.
Переменная называется. #{visit_key}. При переходе в вотсап она заменится на кодовое число.
После замены:
Ранее использовалась переменная #{visit_key}, значение которой задавалось в "Начальное сообщение Whatsapp" и позволяло отследить с какими параметрами был запущен Instagram.
Теперь Вы можете передать реферальный параметр, используя deeplink.
При помощи реферальных параметров можно:
- отслеживать ссылки в привязке к разным источникам (каналам)
- привязать пользователя Instagram к сеансу или аккаунту во внешнем приложении
- направлять пользователя к определенному контенту или функциям, доступным в Вашей учетной записи Instagram
deeplink Instagram
Параметр REF_PARAM передается на сервер через вебхук.
Если на ваш сайт добавить этот скрипт, то все переменные, с которыми открылся сайт, будут переданы в бота.
<script>
var links = document.getElementsByTagName("a")
for (let i of links) {
if (i.href.startsWith("https://salebot.site/")) {
if (i.href.split("?").length > 1) {
i.href += "&" + location.search.split("?")[1]
} else {
i.href += location.search
}
}
}</script>
Если вам необходимо пробросить в бота куки аналитики, разметсите на сайт скрипт ниже:
var links = document.getElementsByTagName("a")
var cookies = ['_fbc', '_fbp', '_ga', '_ym_uid', 'roistat_visit']
var cookies_string = ''
cookies.forEach(function(cookie_name){
let cookie_val = get_cookie(cookie_name);
if (cookie_val !== undefined) {
cookies_string += (cookies_string != '' ? "&":'') + cookie_name + "='" + cookie_val + "'";
}
})
for (let i of links) {
if (i.href.startsWith("https://salebot.site/")) {
if(i.href.split("?").length > 1){
i.href += "&" + cookies_string
}else{
i.href += "?" + cookies_string
}
}
}
function get_cookie(name) {
let matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
return matches ? decodeURIComponent(matches[1]) : undefined;
}
Скрипт нужно разместить на всех страницах сайта, где есть прокси ссылка. Скрипт должен быть размещен после тега body.
Если вы используете свой домен для прокси ссылок, salebot.site надо будет заменить на него.
Статистика по запуску ботов считается в мессенджерах: Telegram, Вконтакте, Viber, Facebook, Whatsapp и Одноклассниках.
Считается статистика по открытию минилендинга, кликам по каждой кнопке мессенджера, запуску бота.
Вы можете добавить на минилендинг поля вводя номера телефона и электронной почты:
В итоге минилендинг будет иметь такой внешний вид:
После запуска бота номер телефона и почты будут записаны в переменные лида.
При включении чекбокса "Включить автоопределение кода страны по ip адресу" код страны определяется автоматически по номеру телефона из базы ip (если таковой есть), иначе ставится код, указанный в поле "Код страны по умолчанию".
Таким образом, если в поле "Кастомные телефоны" указать, например: Казахстан, и включить автоопределение кода страны по ip адресу, то сначала будет произведен поиск кода по номеру телефона из базы ip-адресов. Если номер найден, то возьмется код страны из номера телефона, иначе из поля "Код страны по умолчанию", т.е. код Казахстана.
Чтобы интегрировать на ваш сайт форму бота, нужно создать минилендинг на Salebot. После создания минилендинга у вас появится кнопка как на картинке.
Данный код нужно вставить в блок на вашем сайте.
Пример результата:
Данный функционал позволяет работать с рекламой в Facebook. Так как ФБ требует подтверждение домена.
Для домена должна быть создана запись A с IP-адресом 138.68.73.64 для работы вне России или 51.250.88.121 для работы в России
Для домена, прикрепляемого к Salebot, не должно быть AAAA и CNAME записей. Должна быть либо только A запись (с содержимым 138.68.73.64), либо только ALIAS запись (с содержимым salebot.site). Второй вариант предпочтительнее: ничего не сломается, если сменится IP-адрес.
Запись А создаётся на стороне вашего домена.
Пример:
После установки записи A дождитесь, когда при переходе на домен вы увидите эту страницу.
Жирным цветом будет выделен ваш домен, этот скрин для примера.
Если вы видете это, то вы правильно установили запись A
Дальше домен уже можно подключать к Salebot
Для добавления домена нажмите кнопку "Установить свой домен" в созданном минилендинге.
Затем ввести свой домен и нажать Готово.
Если Вы видите ошибку "Не удалось создать сертификат", возможно вы сделали много попыток до этого. Подождите в районе часа и попробуйте снова.
На этом все. Все ссылки минилендингов будут с вашим доменом.
Подтвержденный домен работает на всех созданных Вами минилендингах
Домен будет ра ботать по защищенному протоколу https
