# ВК-лендинги

## Что такое ВК-лендинг?

**ВК-лендинг** - это мини-лендинг, созданный внутри социальной сети ВКонтакте.&#x20;

С его помощью можно получить:

* [x] контактные данные&#x20;
* [x] разрешение писать в личные сообщения&#x20;
* [x] разрешение автоматически запускать чат-бота&#x20;

Использование ВК-лендингов **повышает конверсию** внутри ВКонтакте, \
т.к. пользователю не нужно переходить на сторонний сомнительный для него ресурс.&#x20;

Также отправка ссылки на ВК-лендинг преобразуется в виджет с кнопкой и логотип ВК-приложения.&#x20;

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Miewr7LUOr3RqpVGCK2%2F-Mig1-C0gaK0LT8hZHLn%2Fimage.png?alt=media\&token=2360fcd9-aac0-4db4-a56d-abb6d0b57e29)

{% hint style="info" %}
Все эти моменты **положительно** влияют на открываемость лендинга и конверсию в дальнейшем.&#x20;
{% endhint %}

## Как выглядит ВК-лендинг?

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Miewr7LUOr3RqpVGCK2%2F-Mifv2AG163qbN8jj4lt%2FGroup%20148%20\(2\).jpg?alt=media\&token=7d8702e7-522b-4521-9fe5-9a10c4bd4225)

**ВК-лендинг** состоит из...

* изображения
* заголовка
* текстового описания
* формы захвата&#x20;

**Основная цель** ВК-лендинга - помочь человеку зайти в чат-бота. \
А с помощью формы захвата мы получаем ещё и контактные данные для дальнейшей работы.&#x20;

## Как создать ВК-лендинг?

1. [Регистрируемся](https://leadconverter.ru/register?utm_source=doc\&utm_medium=vk_landing_pages\&utm_campaign=leadconverter) или [авторизуемся](https://leadconverter.ru/login?utm_source=doc\&utm_medium=vk_landing_pages\&utm_campaign=leadconverter) в личном кабинете [LeadConverter](https://leadconverter.ru/?utm_source=doc\&utm_medium=vk_landing_pages\&utm_campaign=leadconverter).
2. В главном или боковом меню переходим в раздел "**ВК-лендинги**".

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk1XO5UJKbUMzPTCvz-%2F-Mk1dmM78HxKLasgvpRa%2Fimage.png?alt=media\&token=384c07e3-8f74-4fcf-a0ff-ad374d7a74af)

&#x20;   3\. Внутри раздела нажимаем синюю кнопку "**Создать лендинг**" или красную кнопку с плюсом **"+"** в правом нижнем углу экрана.

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk1XO5UJKbUMzPTCvz-%2F-Mk1fUCRNnSakiWetQG1%2Fimage.png?alt=media\&token=8e81abc9-8397-43d2-8cc0-3e11b71e7ce9)

## Настраиваем параметры ВК-лендинга

### Название лендинга

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk1gVMabmstPPbhxEqr%2F-Mk1grfPb0oNcCE3o5lS%2Fimage.png?alt=media\&token=dddc2a4f-2f50-4ba1-b8d9-4acc9ec76050)

Название лендинга отображается только в личном кабинете и необходимо для удобной работы со своими лендингами.&#x20;

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk1gVMabmstPPbhxEqr%2F-Mk1hDU1yPXfCHwqsX3C%2Fimage.png?alt=media\&token=ff7154dc-8343-419d-8bd8-5221aad2713f)

### Канал во ВКонтакте

<div align="left"><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk1gVMabmstPPbhxEqr%2F-Mk1ijXM887AxP6QEZqk%2Fimage.png?alt=media&#x26;token=19d6da51-13c5-46ff-9571-1d33b1beda4b" alt=""></div>

Для корректной работы необходимо нажать на кнопку **"Подключить приложение"** и выбрать группу, для которой планируется создание ВК-лендинга.&#x20;

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk78JmaHp0lDvdCPip7%2F-Mk7Yb--mmiT_HKtkLgR%2Fimage.png?alt=media\&token=cfff6236-7027-4127-8118-99e9a1152a28)

**Канал во ВКонтакте** - это поле с выпадающим списком подключённых \
ВК-групп (сообществ) к личному кабинету [LeadConverter](https://leadconverter.ru/?utm_source=doc\&utm_medium=vk_landing_pages\&utm_campaign=leadconverter).&#x20;

<div align="left"><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk1jqIB0p9Kw4GYJS8-%2F-Mk1jvc2ekVGzLRNe0kK%2Fimage.png?alt=media&#x26;token=84ca849c-ed80-4012-b7f2-0485911d8166" alt=""></div>

{% hint style="info" %}
Как подключить сообщество к личному кабинету, подробно описано в этой статье ниже.&#x20;
{% endhint %}

{% content-ref url="podklyuchenie-messendzherov/vkontakte" %}
[vkontakte](https://docs.leadconverter.su/podklyuchenie-messendzherov/vkontakte)
{% endcontent-ref %}

**Для чего мы выбираем ВК-группу?**&#x20;

1\) **Название** и **ссылка** на подключённую группу будет отображаться в верхней плашке ВК-лендинга.

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk1jqIB0p9Kw4GYJS8-%2F-Mk1lES-SMP-Nu67Zimm%2Fimage.png?alt=media\&token=f0dd679c-a3a7-4afd-adef-d74c23c8f641)

2\) При посещении ВК-лендинга будет запрошено **разрешение** на сообщения от сообщества. Какую группу выберем, для той группы и будет запрошено разрешение.

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk1jqIB0p9Kw4GYJS8-%2F-Mk1nzXPJbRO80Ni9nLO%2Fimage.png?alt=media\&token=e1696d16-c597-41af-a8f4-5ea9c917478e)

### Запустить бота

<div align="left"><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk1oDJA6poUAghw8TNg%2F-Mk1pNXXntueRYUMx6CP%2Fimage.png?alt=media&#x26;token=92d56c35-43d5-4d23-918f-d9bb963c93dd" alt=""></div>

**Запустить бота** - это поле с выпадающим списком, в котором отображаются все боты.&#x20;

#### **Как это работает и зачем заполнять это поле?**

В конце каждого лендинга есть **кнопка**.&#x20;

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk1rnzUTHveyK92111D%2F-Mk1xloSiNSyZwDVEE_u%2Fimage.png?alt=media\&token=8c3e603a-2853-40d6-86a9-3d509317ee83)

Неважно, какой текст на ней написан. \
Она выполняет одну **важную роль** - запрашивает разрешение на отправку сообщений. &#x20;

Как только разрешение получено, в личные сообщения автоматически придёт сообщение от активированного бота.

<div align="left"><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk1rnzUTHveyK92111D%2F-Mk2-5iuu0NY97LMMUFn%2Fimage.png?alt=media&#x26;token=7d2607d1-080b-4eb9-982b-42099148abc7" alt=""></div>

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

Дальше идут контентные настройки. Ознакомимся с ними получше.

### Шапка

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk1rnzUTHveyK92111D%2F-Mk21s4HTUJe0R2BeCwF%2Fimage.png?alt=media\&token=0b952c4c-1ee5-4820-b89d-79301d479dab)

**Шапка** - это изображение, расположенное самим верхним элементом, с рекомендуемым размером **795х250** пикселей.

С помощью кнопки **"Загрузить изображение"** выбираем нужное изображение из памяти компьютера.&#x20;

### Заголовок на лендинге

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk23yI5D8Pt0J4ydA6i%2F-Mk24Z9RF_hTfuVN43xz%2Fimage.png?alt=media\&token=050c26f2-25f3-45b7-8d4b-41817ff48a86)

Заголовок отображается на лендинге **после** изображения (при его наличии).

<div align="left"><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk23yI5D8Pt0J4ydA6i%2F-Mk25KPkcwNv9KXf34Qj%2Fimage.png?alt=media&#x26;token=c4119de4-6de6-4951-bb62-57f8d7d186aa" alt=""></div>

{% hint style="info" %}
На данный момент ВК-лендинги не поддерживают персонализацию (обращение к человеку по имени и т.п.).
{% endhint %}

### Контент

В контент пишем текст, вставляем смайлики.&#x20;

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk6i1noGBl1ksqiOLvm%2F-Mk6ihXRns0lwOInnxeJ%2Fimage.png?alt=media\&token=74dbbfbf-a9ac-43e7-8be6-5929e0904db0)

{% hint style="info" %}
На данный момент на ВК-лендингах не поддерживается персонализация (например, обращение к человеку по имени).
{% endhint %}

### Текст кнопки

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk6kWbyGV2DPEv8hDfG%2F-Mk6kiaY3eaA7EejjyDU%2Fimage.png?alt=media\&token=ab764dab-bb8b-4387-82db-bc25d214e58e)

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk6kWbyGV2DPEv8hDfG%2F-Mk6nD5f-gReAlFYpcT-%2Fimage.png?alt=media\&token=10379ecc-0604-4541-9e37-a3d728805ba4)

Текст кнопки может быть любым. Абсолютно неважно, какой текст на ней написан.&#x20;

Она выполняет одну важную роль - **запрашивает разрешение на отправку сообщений.**&#x20;

А также отправляет данные из формы захвата в личный кабинет [LeadConverter](https://leadconverter.ru/?utm_source=doc\&utm_medium=vk_landing_pages\&utm_campaign=leadconverter), в раздел **"Подписчики"**.

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk6kWbyGV2DPEv8hDfG%2F-Mk6npNelIcQaP6405Er%2Fimage.png?alt=media\&token=0e5d9be6-97b6-4df2-9eb1-bacb244df073)

Как только разрешение получено, в личные сообщения автоматически придёт сообщение от активированного бота.

### Запрашивать телефон

### Запрашивать почту

На ВК-лендинге эти поля выглядят так:&#x20;

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk6tW0J09IvbGFexTvd%2F-Mk6u3QDTiVzYb2UyACs%2Fimage.png?alt=media\&token=fe2e1054-076c-4353-8647-5f6442c5d381)

<div align="left"><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk6tW0J09IvbGFexTvd%2F-Mk6uPZIgERcYPP2UcOl%2Fimage.png?alt=media&#x26;token=d42e3be9-a9bf-4243-b849-65e6b734f71e" alt=""></div>

При активации ползунка **"Обязательное поле"** кнопка будет **деактивирована**  до того момента, пока поля с телефоном и/или email не будут **корректно заполнены**.&#x20;

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk6tW0J09IvbGFexTvd%2F-Mk6xCPdQlLadKpXCq9g%2Fimage.png?alt=media\&token=af1e10b5-355a-4eb2-a666-7749f1c87278)

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk6tW0J09IvbGFexTvd%2F-Mk6xZ0E3lMSXBrMokW_%2Fimage.png?alt=media\&token=28e46eb9-9fb2-4332-864a-0d5a9cc863f0)

### Быстрая подписка

<div align="left"><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk6tW0J09IvbGFexTvd%2F-Mk6xquHcipzUSJRQBNg%2Fimage.png?alt=media&#x26;token=dfec1e6f-243a-449e-b65a-f9bbd55a0886" alt=""></div>

Быстрая подписка отправляет запрос на отправку сообщений от сообщества **сразу** после перехода на ВК-лендинг.&#x20;

#### Как это происходит?

Когда пользователь переходит по ссылке, у него обрисовывается ВК-лендинг, который сразу затемняется. \
Поверх него открывается всплывающее окно "**Разрешите отправку сообщений**".

{% hint style="info" %}
Суть этого метода (popup-окно) - подтолкнуть человека как можно скорее дать разрешение на отправку сообщений.
{% endhint %}

Также при использовании быстрой подписки будет **дважды** показано окошко с запросом прав на отправку сообщений от сообщества. &#x20;

Если не использовать быструю подписку, будет только **один шанс** попросить право на отправку сообщений - после нажатия кнопки на лендинге.&#x20;

### Если разрешение на отправку уже есть, что будет после нажатия кнопки?

Сначала произойдёт переадресация на такую страничку:

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk6tW0J09IvbGFexTvd%2F-Mk7-AWQ0v-hE9_z8K-t%2Fimage.png?alt=media\&token=632d1c56-c1b1-434e-8ad5-35010474cd1b)

И затем моментально откроется переписка с сообществом.&#x20;

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk6tW0J09IvbGFexTvd%2F-Mk7-ZufZRNE3pQe5EFs%2Fimage.png?alt=media\&token=16f9f091-a0e7-4d19-93e8-a7adda2d8a89)

{% hint style="info" %}
На скриншоте выше видно **дублирование** одного и того же сообщения. \
После получения разрешения на отправку сообщений **активируется** бот.

Следовательно, все эти **сообщения** - это **стартовый шаг** бота.&#x20;
{% endhint %}

<div align="left"><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk6tW0J09IvbGFexTvd%2F-Mk71pz36kwCOnis2KU4%2Fimage.png?alt=media&#x26;token=9be17e08-3b7b-40bd-b142-f27ad140a4f9" alt=""></div>

Представим: у нас активирована быстрая подписка. Это значит, что каждый наш заход на лендинг сопровождается запросом **"Разрешите отправку сообщений"**. А за разрешением отправки идёт активация бота.&#x20;

Для этой группы у нас разрешена отправка, и запрос проходит без нашего подтверждения. И, как следствие, каждое обновление страницы или заход по ссылке активирует бота.&#x20;

Чтобы избежать такого сценария с реальными людьми, **деактивируем** ползунок "**Разрешить повторный запуск бота**" в разделе "**Боты**", развернув "**Дополнительные настройки бота**".&#x20;

<div align="left"><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk6tW0J09IvbGFexTvd%2F-Mk74VnmOA1xn8LzVNvX%2Fimage.png?alt=media&#x26;token=808685fb-2526-48ed-8e4e-6334b69b2189" alt=""></div>

## Идентификатор Google tag manager

**Google Tag Manager** - это аналитический инструмент для опытных автоворонщиков и не только.&#x20;

GTM находится по ссылке: <https://tagmanager.google.com/>

Идентификатор можно найти в **верхней панели**.&#x20;

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk6tW0J09IvbGFexTvd%2F-Mk77dDvHS7rTzhn0RCT%2Fimage.png?alt=media\&token=36cf6544-9a23-4da8-8b2b-e1d073bbabe6)

Копируем его и вставляем в поле **идентификатор** Google tag manager.

![](https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk6tW0J09IvbGFexTvd%2F-Mk7805mzhbDvGug0ZPj%2Fimage.png?alt=media\&token=375df801-35bb-4abd-b565-a91ae71bfa7d)

Не забываем нажать кнопку "**Сохранить**".

<div align="left"><img src="https://1545507669-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MYOiJSIpC8f-Cm8cOEc%2F-Mk7Z-_Op7mPv17cHzl7%2F-Mk7_P_TrWliFwkEFPOV%2Fimage.png?alt=media&#x26;token=55da0994-7349-440e-affc-632c8d70ee50" alt=""></div>

Готово! На этом настройка ВК-лендинга завершена.&#x20;

{% hint style="success" %}
Если остались вопросы, нужна помощь с настройками или консультация, пишите в нашу техподдержку.&#x20;

Мы всегда придём на помощь :blush::point\_down:&#x20;
{% endhint %}

{% content-ref url="kak-zadat-vopros-v-podderzhku" %}
[kak-zadat-vopros-v-podderzhku](https://docs.leadconverter.su/kak-zadat-vopros-v-podderzhku)
{% endcontent-ref %}
