Salebot.pro
Search…
Минилендинги
Что такое минилендинги и как их создать
Нельзя брать ссылки с кнопок минилендингов. Они временные и привязаны к посетителю. Если вам нужны ссылки на мессенджеры, вы можете их взять в разделе минилендинги.
Минилендинги — это небольшая страница, с основной информацией о вас или вашем бизнесе и кнопками для перехода в мессенджеры, к которым у нас привязан бот.
Как будет выглядеть ваш минилендинг, зависит только от вашей фантазии. Создаются они в разделе Минилендинги. Здесь же находятся настройки для создания вашего чат-сайта. Пример минилиендинга представлен на Рисунке 1:
Рисунок 1 - минилендинг
Рисунок2 - классический минилединг
Для пользователей, привыкших к минилендингам других платформ, сделан стиль "Классический минилендинг".
Кнопки соцсетей автоматически создадутся на основании ботов. Подключенных Вами. Из одного мессенджера будет по одной кнопке, если он конечно подключен.

Создание минилендинга

Давайте рассмотрим основные поля настроек минилендингов (Рисунок 3)
Рисунок 3
Название — здесь может быть любой ваш текст
Название в ссылке необязательное поле, создано для того, чтобы вы могли указывать свою ссылку на минилендинг. Только латинские буквы и цифры. Название должно быть уникальным в рамках платформы, если его уже выбрал кто-то другой, вам его использовать уже не удастся.
URL изображения — добавляет картинку. Можно указать ссылкой или можно загрузить с компьютера через кнопку "Файл"
Заголовок — по аналогии с заголовком сайта, текст, который будет в самом верху минилендинга.
Подзаголовок — более детальное описание ваших товаров, услуг и т.д.
Тег — метка, которая передается в бота, как только пользователь перейдет в него по значку мессенджера. С помощью него можно запускать разные цепочки бота, не дожидаясь, пока пользователь что-то напишет. Для этого достаточно прописать тег в поле "Условие" в зеленом блоке.
Html коды head и body представлены на рисунке 4. Они не являются обязательными, но если вы понимаете в CSS, то сможете сделать свой минилендинг более привлекательным. Также сюда можно вставить код сервиса аналитики, пикселя от Facebook и пр. Пример CSS настроек для минилендинга с Рисунка 1 выглядит так:
Рисунок 4
Начальное сообщение в Whatsapp - этот текст будет записан в поле ввода у пользователя и ему будет достаточно нажать "Отправить". Так же прописывайте этот текст в условии зеленого блока.
Текст кнопки в Вк лендинге - тут название говорит само за себя.
Готовый минилендинг можно использовать в рекламных компаниях и соцсетях, размещая ссылку на него там, где это вам необходимо.
Ссылку на минилендинг можно получить сразу после создания.
Примеры можно посмотреть по ссылкам:

Выбор мессенджера

Вы можете выбрать на какой именно мессенджер будет вести кнопка
Либо отключить определенные кнопки мессенджеров

Тег

Тег — метка, которая передается в бота, как только пользователь перейдет в него по значку мессенджера. С помощью него можно запускать разные цепочки бота, не дожидаясь, пока пользователь что-то напишет. Для этого достаточно прописать тег в поле "Условие" в зеленом блоке.
Важно! Если переход в диалог был по ссылке с ключем подписки(тегом), при нажатии кнопки старт(или подобных) придет не старт, а именно этот ключ подписки. Это позволяет сделать несколько воронок внутри одного проекта.
Тег присваивается клиенту один раз при создании и остается с ним навсегда. Этот тег дополнительно отправляется в CRM, чтобы вы могли понимать с какого рекламного канала пришел клиент. Для каждого тега вы можете создать свой минилендинг с уникальным тегом.

Лидформа Вконтакте

Вконтакте не поддерживает ссылки с ключом подписки, для этого был сделан отдельный минилендинг для вконтакте, работающий как приложение платформы.
Рисунок 5
Если указан тег, то кнопка вк с обычного минилендинга будет вести на вк лендинг, чтобы тег не потерялся.
Если не указать tag в настройках минилендинга, при запуске бота придет слово Начать и следом уведомление о подписке на группу. Поэтому бот может запуститься дважды, если добавить блок без условия.

Автоподписка

Если в конце вашей ссылки на минилендинг ВКонтакте будет &force=1, то будет работать функционал "автоподписки", данная возможность сразу при переходе на минилендинг предлагает подписаться клиента или же, сразу переносит его в сообщения с сообществом, если клиент уже подписан. Чтобы взять ссылку, вы можете нажать на "Показать ссылку с функцией автоподписки" на нужном минилендинге и ссылка автоматически модернизируется.

Отдельная подписная для ВК

Вы можете выбрать для ВК отдельную подписную — так у вас не будет дублироваться информация с основного минилендинга. Плюс вы сможете вести несколько разных минилендингов на одну подписную в ВК.
Для этого создайте отдельный минилендинг, который будете использовать в качестве подписной ВКонтакте.
В настройках указываете нужный тег для запуска бота.
В отображении кнопок включаете только кнопку ВК.
Затем в настройках вашего основного минилендинга находите поле "Подписная, на которую ведет кнопка ВКонтакте"
Выбираете нужную подписную из выпадающего списка:
И сохраните настройки.
Теперь у вас получится, как в примере. Основной минилендинг:
А при клике на кнопку ВК открывается другой:

Передача параметров в ссылке

Если в ссылку на минилендинг вк добавить в конец параметры через символ &, то они сохранятся в переменные. Например, так можно передавать метки.

Переменные в тексте

Работа с датой и временем

#{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

#{if(условие,при истине,при лжи (необязательно))} - выводит переменные при определенном условии
В качестве условия может быть h - часы и d - дни, которые сравниваются операторами сравнения (<,>,=) Например если сейчас 20 часов, то #{if(h10, #{if(h>15, current_date+1, current_date)}, current_date-1)}

Получение дня недели

#{weekday_date(номер дня недели)} - дата ближайшего указанного дня недели в формате dd название месяца
1 - понедельник, 7 - воскресенье

Html - код

Если вам необходимо изменить минилендинг под свои нужды, Вы можете добавить скрипт в поле html-код body, который сделает нужные изменения. Например, скрипт ниже удаляет кнопку ВК с минилендинга.
1
<script>
2
document.getElementsByClassName('vk_link')[0].remove()
3
</script>
Copied!
Данный скрипт убирает заголовок минилендинга
1
<script>
2
document.getElementsByClassName('title_container')[0].remove()
3
</script>
4
Copied!
Например, скрипт ниже меняет ссылку кнопки телеграмма.
1
<script>
2
document.getElementsByClassName('btn telegram_link')[0].href = "новая ссылка";
3
</script>
Copied!

Как сделать кнопки с текстом

Открываете редактирование нужного минилендинга.
В списке "Принудительный вид кнопок" выбираете "Классический стиль".
2) Добавляете следующий код в поле "Данный html-код будет вставлен в конец тега ":
Для Телеграм и вайбера (для других мессенджеров делаете по аналогии):
html .block .tg_link { font-size: 0 !important; padding: 15px 15px !important; } html .block .viber_link { font-size: 0 !important; padding: 15px 15px !important; } html .block .tg_link:after {content: "Зарегистрироваться в Telegram";font-size: 15px;color: white} html .block .viber_link:after {content: "Зарегистрироваться в Viber";font-size: 15px;color: white}
Результат:

Пиксели социальных сетей

Пиксель ВКонтакте

Для того, чтобы использовать пиксель вк, нужно создать его в рекламном кабинете, раздел Ретаргетинг.
Переходим во вкладку Пиксели и нажимаем кнопку Создать пиксель.
Называем пиксель как удобно, выбираем тематику и можем убираем
(или оставляем, в зависимости от ваших потребностей) птичку с Автоматически создать аудиторию.
После нажатия кнопки создать, появится окно в котором нам нужно скопировать код пикселя для вставки на минилендинг.
Переходим в настройки минилендинга в salebot и вставляем этот код, выделенный жирным.
Теперь добавим аудиторию для сбора клиентов, которые посетили лендинг. Переходим во вкладку Аудитории и нажимаем кнопку Создать аудиторию.
Вводим название и выбираем подключенный пиксель.
Создаем и переходим на лендинг, после этого статус пикселя в течение 10 минут станет "Работает".
Salebot автоматически отправляет события открытия минилендинга и подписки на минилендинг.
View - открытие/просмотр подписной Subscribe - подписался
Посмотрели страницу
Подписались

Пиксель Facebook

Для использования пикселя у вас должен быть установлен на минилендинг свой домен!

Регистрируем пиксель в facebook ads

Переходим на страницу Events Manager: https://www.facebook.com/events_manager2 Открываем меню и выбираем пункт Events Manager
Далее нажимаем на зеленый крестик слева и выбираем:
  1. 1.
    Подключение нового источника данных - Интернет
  2. 2.
    Выберите способ подключения - Пиксель Facebook
  3. 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 Сам идентификатор может быть любой, главное, чтобы в конце было нижнее подчеркивание. К нему будет добавлен индекс мессенджера. Пример правильно заполненных полей в настройках минилендинга и правильно созданных целей в Яндекс Метрике

Гугл Аналитика (Google Analytics)

Для подключения Гугл Аналитики в Ваш минилендинг в первое поле вставьте ваш “Идентификатор потока данных”. Чтобы его найти, перейдите на страницу “Администратор”, выберете свой аккаунт, выберете или создайте ресурс и в нем нажмите на кнопку “Потоки данных”, зайдите в уже созданный или создайте новый поток данных и скопируйте его идентификатор в правом верхнем углу.
Добавления этого поля равносильно добавлению тега в html страницы
Во второе поле вы можете вписать название события конверсии. Чтобы клики по кнопкам мессенджера вызывал событие конверсии, нужно в разделе “Конверсии” создать событие-конверсию. Имя события-конверсии может быть любым, его нужно передать в настройки минилединга. Событие-конверсия будет срабатывать по нажатию на любую кнопку минилендинга.
Если вы хотите разделить конверсии для разных мессенджеров, название события-конверсии должно заканчиваться на нижнее подчеркивание “_”
Если ввести в поле “Название события конверсии” “click_button_”, для каждого мессенджера будет исходить разная конверсия. click_button_vk - для ВКонтакте click_button_telegram - для Телеграм click_button_viber - для Вайбера click_button_whatsapp - для Ватсапа click_button_ok - для Одноклассников click_button_instagram - для Инстаграма Само названия события-конверсии может быть любой, главное, чтобы в конце было нижнее подчеркивание. К нему будет добавлено имя мессенджера.
Событие-конверсия после создания может обновляться до 24-х часов. Для проверки, вы можете создать событие-конверсию и проверить её в разделе “Отчет в реальном времени” внизу странице в графе “Конверсии”, если все установлено правильно, там появятся имена и количество конверсий.

Передача параметров и UTM-меток

Данный механизм работает в Telegram, Вконтакте, Viber, Facebook, Одноклассниках. В Whatsapp и Instagram работает при использовании переменной visit_key.
Параметры сохраняются в переменные клиента.

С использованием минилендинга

Все параметры, которые придут в минилендинг, после запуска клиентом бота перейдут в переменные сделки. В частности метки.

Без использования минилендинга

Вы можете использовать прокси-ссылки, в которые вы передаете параметры, а после запуска бота они также поместятся в переменные сделки. Ссылка с параметрами должна иметь вид: https://salebot.pro/r/salebot_1?param1=value&param2=value2... где первая часть ссылки (до знака ?) - это прокси ссылка, а вторая часть - ваши параметры
Прокси ссылки можно получить после создания минилендинга:
Отображаются ссылки тех мессенджеров, которые подключены к системе.

Особенности Whatsapp

Так как в Whatsapp отсутствуют deeplink, необходимо в стартовую фразу Whatsapp добавить переменную, по которой бот определит с какими параметрами был запущен Whatsapp.
Переменная называется. #{visit_key}. При переходе в вотсап она заменится на кодовое число.
После замены:

Подписная в Instagram

Так как в Instagram отсутствуют deeplink, необходимо в "Начальное сообщение Whatsapp" добавить переменную visit_key, по которой бот определит с какими параметрами был запущен Instagram.
Переменная называется. #{visit_key}. При открытии минилендинга она заменится на кодовое число.

Прокси ссылки на Вашем сайте

Если на ваш сайт добавить этот скрипт, то все переменные, с которыми открылся сайт, будут переданы в бота.
1
<script>
2
var links = document.getElementsByTagName("a")
3
for (let i of links) {
4
if (i.href.startsWith("https://salebot.site/r/")) {
5
if (i.href.split("?").length > 1) {
6
i.href += "&" + location.search.split("?")[1]
7
} else {
8
i.href += location.search
9
}
10
}
11
}</script>
Copied!
Если вам необходимо пробросить в бота куки аналитики, разметсите на сайт скрипт ниже:
1
var links = document.getElementsByTagName("a")
2
var cookies = ['_fbc', '_fbp', '_ga', '_ym_uid', 'roistat_visit']
3
var cookies_string = ''
4
cookies.forEach(function(cookie_name){
5
let cookie_val = get_cookie(cookie_name);
6
if (cookie_val !== undefined) {
7
cookies_string += (cookies_string != '' ? "&":'') + cookie_name + "='" + cookie_val + "'";
8
}
9
})
10
for (let i of links) {
11
if (i.href.startsWith("https://salebot.site/r/")) {
12
if(i.href.split("?").length > 1){
13
i.href += "&" + cookies_string
14
}else{
15
i.href += "?" + cookies_string
16
}
17
}
18
}
19
function get_cookie(name) {
20
let matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"));
21
return matches ? decodeURIComponent(matches[1]) : undefined;
22
}
Copied!
Скрипт нужно разместить на всех страницах сайта, где есть прокси ссылка. Скрипт должен быть размещен после тега body.
Если вы используете свой домен для прокси ссылок, salebot.site надо будет заменить на него.

Статистика

Статистика по запуску ботов считается в мессенджерах: Telegram, Вконтакте, Viber, Facebook, Whatsapp и Одноклассниках.
Считается статистика по открытию минилендинга, кликам по каждой кнопке мессенджера, запуску бота.

Передача номера телефона и email с минилендинга в бота

Вы можете добавить на минилендинг поля вводя номера телефона и электронной почты.
В итоге минилендинг будет иметь такой внешний вид:
После запуска бота номер телефона и почты будут записаны в переменные лида.

Вставка кнопок к Вам на сайт

Чтобы интегрировать на ваш сайт форму бота, нужно создать минилендинг на Salebot. После создания минилендинга у вас появится кнопка как на картинке.
Данный код нужно вставить в блок на вашем сайте.
Пример результата:

WhiteLabel - установка собственного домена

Данный функционал позволяет работать с рекламой в Facebook. Так как ФБ требует подтверждение домена.
Для домена должна быть создана запись A с IP-адресом 138.68.73.64
Для домена, прикрепляемого к Salebot, не должно быть AAAA и CNAME записей. Должна быть либо только A запись (с содержимым 138.68.73.64), либо только ALIAS запись (с содержимым salebot.site). Второй вариант предпочтительнее: ничего не сломается, если сменится IP-адрес.

Как создать А запись

Запись А создаётся на стороне вашего домена.
Пример:
После установки записи A дождитесь, когда при переходе на домен вы увидите эту страницу.
Жирным цветом будет выделен ваш домен, этот скрин для примера.
Если вы видете это, то вы правильно установили запись A
Дальше домен уже можно подключать к Salebot
Для добавления домена нажмите кнопку "Установить свой домен" в созданном минилендинге.
Затем ввести свой домен и нажать Готово.
Если Вы видите ошибку "Не удалось создать сертификат", возможно вы сделали много попыток до этого. Подождите в районе часа и попробуйте снова.
На этом все. Все ссылки минилендингов будут с вашим доменом.
Подтвержденный домен работает на всех созданных Вами минилендингах
Домен будет работать по защищенному протоколу https
SSL-сертификат создается автоматически
Чтобы отключить домен, удалите его и нажмите "Готово"
Если вы видите эту ошибку, переподключите домен.

Чат-сайт

Это минилендинг, в который встроен онлайн чат. Для него действуют те же настройки, что и для минилендинга.
Last modified 1mo ago