Урок 6. Создание пикселя и настройка событий в VK ADS для вашего сайта

На всякий случай:

Пиксель — это JavaScript-код, который собирает информацию о пользователях и отслеживает их действия на сайте.

Какие страницы посещал пользователь, на какие кнопки нажимал, какие формы заполнял, какие товары сложил в корзину, а какие купил — все эти шаги фиксирует пиксель .

Т. е. пиксель:

1. Распознает среди всех посетителей сайта тех, кто делает нужные вам действия/события, например: заход на сайт, оформление заявки, открытие определенных элементов сайта, покупки;
2. Собирает сегменты (аудитории в ретаргет) по нужным вам действиям/событиям;
3. Добавляет в рекламную кампанию новые цели в оптимизации на основе настроенных действий/событий в настройках пикселя.

То есть этот урок для тех, у кого есть сайт.Если у вас сайта нет, то на нет и суда нет)

Какие это могут быть сайты:

—самописный сайт на коде;
—лендинг (сайт), собранный на конструкторе (Tilda, Wordpress, Wink и т.д.);
—сайты-квизы, собранные на конструкторе (например, Марквиз);
—Taplink и его аналоги;
—сайт, созданный из сообщества ВК (надеяться на этот вариант сильно НЕ советуем).

Особенность пикселя VK ADS заключается в том, что вы сможете оптимизировать кампании не только на те действия, которые заранее выбрали при настройке, но и на другие — будут автоматически собираться по умолчанию в статистике каждой кампании.

Стандартно доступно 18 разных категорий событий:

• покупка;
• оформление заявки (лид);
• завершение оформления заказа;
• добавление платежной информации;
• начало оформления заказа;
• добавление в корзину;
• и так далее.

Если у вас уже есть пиксели созданные в top.mail или myTarget вы можете перенести их в VK ADS.

Что конкретно мы будем делать с пикселем в этом уроке и в рамках марафона:

То есть вы на этом занятии вы:

1. Создадите пиксель;

1. Сделаете все преднастройки для его использования и установки на сайт;

1. Проверите корректность установки и узнаете, как именно исправить ошибки и, если вдруг проблема не на вашей стороне, что именно передать специалисту, который устанавливал вам пиксель.

Все что находится за пределами интерфейса VK ADS изучать не будем.

Создание и базовая настройка пикселя

Создание нового пикселя

Чтобы создать пиксель внутри кабинета VK ADS необходимо перейти во вкладку «Сайт» и нажать «Добавить пиксель»

Если у вас в настройках не указана почта, вылезет ошибка.

Почему важна почта? С помощью почты вы сможете выдавать доступы к пикселю или переносить его в другие кабинеты в VK ADS. Также после создания пикселя вам на почту придут все нужные доступы к нему.

Вы можете создать новый пиксель, введя ссылку на сайт, а можете добавить уже существующий пиксель, введя его ID.

На данном этапе мы создадим пиксель с нуля.

Вводим ссылку на сайт и нажимаем «Добавить пиксель»:

Если на сайт уже был ранее установлен пиксель, система предложит 2 варианта:

• запросить доступ к пикселю;
• создать новый пиксель.

В нашем случае мы создаем новый пиксель:

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

Настройка событий пикселя

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

Для этого переходим в настройки пикселя и заходим во вкладку «События»:

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

Для создания событий вручную нажмите «Добавить событие»:

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

Рекомендуем вводить название вручную, чтобы вы точно понимали, какое событие находится внутри.

Категории событий

Далее выбираем категорию события.

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

При этом условия наступления этих событий настраиваются вручную индивидуально под вашу ситуацию.

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

Доступно 18 разных категорий, а именно:

• покупка;
• подписка;
• пожертвование;
• оформление заявки (лид);
• завершение оформления заказа;
• добавление платежной информации;
• начало оформления заказа;
• контакт;
• добавление в корзину;
• планирование времени посещения;
• начало пробного периода;
• поиск офлайн точек продаж;
• добавление в избранное;
• регистрация;
• пользовательские конверсии;
• поиск;
• персонализация товара;
• просмотр карточки товара;
• просмотр списка товаров;
• просмотр информационных материалов.

Например, вы создаете событие, при котором пиксель считывает добавление товара в корзину, соответственно, вы выбираете категорию «Добавление в корзину».

Или если пиксель считывает посещение пользователем страницы завершения оплаты, то выбираем категорию «Завершение оформления заказа» или «Покупка».

После выбора категории события необходимо выбрать условие наступления события.

Условия наступления событий.

Условий всего 5:

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

Рассмотрим каждое из этих условий подробнее.

1 — Посещена страница

Событие срабатывает при условии посещения определенной страницы сайта.

2 — Совершен переход с сайта

Событие срабатывает при переходе на ваш сайт со стороннего сайта.

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

3 — Произошло JS-событие

Событие срабатывает при условии, что оно считывается Java-скриптом (кодом), установленным на определенный элемент сайта.

Java-скрипт код — это фрагмент кода, который встраивается в код сайта в определенное место, где находится нужно действие, например, нажатие на кнопку. И при нажатии посетителем сайта на данную кнопку считывается JS-событие.

Например, если у вас при нажатии на кнопку у вас открывается Поп-ап форма, то событие по посещению определенной страницы сайта будет уже не настроить. Поэтому в данном случае придется устанавливать Java-скрипт событие в код сайта.

JS-события бывают 2-х видов:

• обычные (для сайтов без интернет-магазина и карточек товаров)
• для электронной коммерции ( для сайтов интернет-магазинов с карточками товаров)

Соответственно, если обобщить и упростить, то JS-события нужны в двух случаях:

1 — если вам нужно собрать пользователей посещавших страницы сайта/элементы сайта НЕ имеющие своего адреса (ссылки)

Например: собрать тех людей, которые не просто открыли форму или заполнили и отправили форму, а заполнили только часть и не завершили действие до конца/ собрать посетителей сайта, которые задержались на определенном элементе сайта (обзаце текста, картинке, схемке и т.д.) определенное количество времени

2 — если вам нужно собирать расширенную статистику по карточкам товаров на вашем сайте для динамического ретаргетинга

Доступно 4 действия: просмотр карточки товара, добавление товара в избранное, добавление в корзину и покупка.

Лог действий при настройке обычного JS- события:

Настройка кода для электронной коммерции (карточек товаров):

Для подключения JS-события обратитесь к специалисту, который устанавливал вам пиксель на сайт, так как тут придется работать с кодом.

4 — Просмотрено страниц

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

5 — Проведено времени на сайте

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

Сохранение и проверка событий

Также в конце создания каждого события вы можете указать ценность этого события.

После того, как вы настроили событие и его ценность, нажмите «Добавить событие»:

Созданное событие появится у вас на панели вкладки «События». Здесь вы можете увидеть основную информацию о событии:

• ID события;
• Категорию и название события;
• Условие наступления события;
• Ценность события;
• Статус события.

После установки события данные в него пока не поступают. Чтобы проверить корректность установки события зайдите на сайт и совершите данное событие.

Данные по событиям, также как и по пикселю, могут подтягиваться от нескольких минут до суток.

Как только событие подтянется, вы увидите график, наведя на который можно увидеть количество совершенных действий за определенный день по данному событию.

Также вы можете редактировать созданные события.

Всю ту же самую информацию можно увидеть по автоматически найденным событиям. Они будут отображаться в отдельной от основных событий графе.

Автоматические события имеют свойство исчезать, если по ним не было действий более чем за 30 дней. Если вы хотите оставить какое-то автоматическое событие и сделать так, чтобы оно не исчезло можно нажать на переключатель «Закрепить».

Таким образом вы можете создавать до 1000 разных событий для одного сайта.

Аудиторные тэги

Также можно создать аудиторные тэги — это код для сбора аудитории на сторонних ресурсах, на которых нет возможности установить пиксель.

Аудиторные тэги работают как пиксель, но их нельзя выбрать в качестве целевого действия или оптимизировать на них рекламную кампанию.

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

Более подробную информацию по установке аудиторных тэгов можно прочитать в справке VK ADS: https://ads.vk.com/help/articles/audience_tags

Доступы

Выдавать доступ нужно:

1. Если у вас уже есть актуальный пиксель на ресурсе top.mail.

1. Если вы вдруг захотите перенести пиксель в другой кабинет/ выдать доступ подрядчику (не рекомендуется).

Для выдачи доступа к пикселю есть 2 способа:

1. Внутри настроек пикселя — там выдается только доступ читателя.
2. Через запрос полного доступа к пикселю из вкладки «Сайты» — т. е. здесь выдается полный доступ к пикселю.

Выдача доступа читателя к пикселю

Для того, чтобы выдать доступ читателя кпикселю вам необходимо перейти во вкладку «Доступы» в настройках пикселя и нажать «Выдать доступ».

Введите в поле ID того кабинета, которому хотите выдать доступ к пикселю и нажмите «Выдать доступ».

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

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

Получение полного доступа к пикселю и перенос пикселя

Чтобы получить полный доступ к стороннему пикселю или к ранее созданному пикселю на ресурсе top.mail, необходимо перейти на вкладку «Сайт», нажать «Добавить пиксель» и выбрать «ID пикселя».

Здесь нужно будет ввести ID пикселя, к которому нужно получить доступ и email его владельца.

Пока владелец пикселя не выдаст вам доступ, вы не сможете даже зайти внутрь настроек:

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

После перехода по ссылке у владельца пикселя высветится данное сообщение:

После выдачи доступа у вас появятся права на редактирование пикселя и создание событий:

Установка пикселя на сайт: базовые универсальные рекомендации

ВНИМАНИЕ! В рамках урока и вообще всего марафона мы не будем рассматривать установку пикселя на сайт. Это слишком индивидуальная тема в виду разнообразия конструкторов и вообще необъемная в случае самописных сайтов.

Если ваш сайт сделан на конструкторе — обратитесь к справке вашего конструктора. Например, вот справка от Тильды https://help-ru.tilda.cc/vk-pixel

Если у вас самопосный сайт, лучше обратиться к разработчику) В этом случае для вас не может существовать никаких универсальных инструкций.

Краткую инструкцию по способам установки пикселя вы можете найти внизу на вкладке «Код пикселя».

Там находится краткое описание по установке с помощью:

• HTML-кода сайта;
• CMS и конструкторов сайт;
• Google Tag Manager.

Также про установку пикселя можно почитать в справке VK ADS:

Справка VK ADS: https://ads.vk.com/help/articles/pixel

Если вы правильно установили пиксель на сайт, то в течение какого-то времени начнут подтягиваться данные:

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

Создание событий по теплоте воронки вашего сайта

Посетители сайта — это теплая аудитория. Те же из них, кто совершил целевые действия (например, зашел в товары) — горячая, а если, например начали оформлять покупку, но не закончили (по разным причинам) — самый горячий и обязательный для рекламы (догона) сегмент аудитории.

С помощью пикселя VK ADS вы можете собирать аудиторию посетителей сайта на каждом этапе воронки. А потом на каждую отдельную аудиторию, собранную пикселем, т.е. тех, кто совершил (или не совершил) определенное целевое действие на вашем сайте, сможете настроить рекламу.

Минимальный размер аудитории для запуска рекламы 100 человек, но по факту нормальной открутки можно не ждать хотя бы до ± 3000 пользователей

Пример воронки, которая может быть на вашем сайте:

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

Соответственно, чем горячее аудитория, тем меньше ее численность.

Ваша задача — создать события пикселя по воронке с вашего сайта, чтобы они уже собирали действия пользователей и вы могли в следующих уроках протестировать рекламу на аудиторию, собранную на основе этих событий.

Ваша воронка обязательно должна вести к основной конверсии на сайте:

• заполнению формы регистрации;
• покупке;
• подписке на рассылку;
• и так далее.

Как данная воронка будет выглядеть в виде созданных событий внутри настроек пикселя:

Сделайте для своего сайта или интернет-магазина свою воронку и настройте по ней события пикселя. Данные по событиям пока будут собираться и к моменту рекламы вам будет, что протестировать.

В одном из последующих уроков мы создадим на основе этих событий аудитории, на которые потом вы будете запускать рекламу.