Установка пикселя Facebook* на платформе Tilda: секретные методы
Для всех, кто пытается запускать трафик на сайт подготовил пошаговую инструкция о том, как устанавливать пиксель Meta* Ads на площадке Tilda.
Какие бывают нюансы, как работать с несколькими пикселями, как подключить CAPI и обогнать по результатам 80% таргетологов.
Установка пикселя
- Возьмите только номер пикселя из Events Manager
- На сайте Tilda перейдите в «Настройки сайта» → «Аналитика» → И вставить номер в поле «Пиксель Facebook»
- Не забудьте опубликовать все страницы
Способ очень простой, если вам нужны картинки — всегда можете почитать инструкцию от Tilda
Что делать, если нужно установить на сайт 2 и более пикселе
Часто, особенно при продвижении онлайн-школ происходят блокировки бизнес-менеджер, на которых установлены пиксели. Поэтому для безопасности лучше держать на посадочной запасной пиксель.
В большинстве своем таргетологи повторяют одну ошибку — ставят под каждый пиксель отдельный код от фейсбука. Это не верное решение, потому что тогда будет тратиться время на загрузку кучи кода и скорость загрузки страницы сократится. Лучше использовать более изящное решение
- Сначала уберите номер пикселя из раздела «Аналитика», чтобы на сайте больше не стояла никакого пикселя
- Далее скопируйте полный код пикселя из Event Manager:
- Таким образом вы можете установить 1 пиксель, но если вы скопируете строку fbq('init', '1285036722098555') и вставите ее ещё раз в код уже с другим номером пикселя, то используя один и тот же код у вас получится вставить несколько пикселей:
Перейд в «Настройки сайта» → «Еще» → «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD» и вставить туда код который у вас получился.
Таким образом можно поставить как 2, так и 10 пикселей на одном сайте одновременно, не используя под каждый пиксель полный код.
Итог: пиксель настроен корректно, все будет работать правильно.
Настройка событий
Tilda автоматически передает некоторые события уже после установки пикселя.
Мы рассмотрим 2 самые распространенные ситуации использования лендингов на Tilda и инструкцию по корректной установке событий:
Сбор заявок
Когда сайт используется для сбора лидов через формы.
1. Перейдите в раздел «Тестирование событий» в Events Manager, вставьте вашу посадочную страницу куда планируете запускать трафик и сделайте тестовую заявку.
2. Если после заполнения формы появилось событие Lead, значит все настроено правильно.
Если событие не пришло, зайдите в настройки конструктора Tilda и посмотрите каким образом создана форма для сбора заявок. В инфобизнесе часто форма создана через сервис GetCourse, для настройки события через него есть отдельная инструкция.
3. Внутри тильды идем в Настройки сайта → Формы → в самом низу находим Facebook Conversion API и добавляем. В настройках нужно будет вставить номер пикселя и маркер доступа. Чтобы найти маркер доступа, идем в Events Manager → Настройки пикселя → Листаем вниз и ищем фразу «Сгенерировать токен доступа»:
Появится строка с большим количеством символов — это и есть маркер доступа, его вставляем на странице в Тильде:
5. После добавления подключите сервис ко всем формам на сайте.
Итого: после настройки вы сможете оптимизироваться на событие Lead (Лид).
Продажа товаров
Если у вас подключен платежный модуль и корзина на сайте.
1. Зайдите в стройки страницы, найдите блок «Корзина с формой заказа (ST100) и зайдите в его настройки → «Дополнительные настройки» → Поставьте галочку «Отправлять данные о добавлении товара в системы аналитики»:
2. Перейдите в раздел «Тестирование событий» в вашем пикселе, вставьте вашу посадочную страницу куда планируете запускать трафик и сделайте тестовую заявку.
3. Если после заполнения данных корзины и переходу к оплате в должно появиться событие Initiate сheсkout или Начало оформления заказа, это означит что все настроено правильно:
4. Внутри тильды идем в Настройки сайта → Формы → В самом низу находим Facebook Conversion API и добавляем ее. В настройках нужно будет вставить номер пикселя (мы знаем где его найти) и маркер доступа. Чтобы найти маркер доступа, то идем в Events Manager → Настройки пикселя → Листаем вниз и ищем фразу «Сгенерировать токен доступа».
Появится строка с большим количеством символов — это и есть маркер доступа, его вставляем на странице в Тильде.
5. После добавления подключите сервис ко всем формам на сайте.
Итог: после настройки всех доступных вещей у вас появится возможность оптимизировать рекламу на 3 события:
- Добавление товара в корзину (AddToCart) — срабатывает при клике по кнопку «Купить» или «Заказать» (первый шаг воронки).
- Начало оформления заказа (Initiate checkout) — срабатывает при заполнении всех полей и переходу к оплате.
- Покупка (Purchase) — срабатывает только при успешной оплате и передается через Facebook Conversion API.
Скрытые нюансы работы пикселя на Tilda
Tilda с каждой формы передает одно и то же событие — Lead. Иногда это хорошо, но часто бывает так, что эти события неравноценны и совсем нам не нужны.
Проверяйте, чтобы на сайте не было форм, предназначенных для разных аудиторий
Все формы на сайте — передают данные в пиксель, и без разницы где находится эта форма и какую ценность оно имеет. На одном сайте может быть множество способов оставить свои контакты:
- Обычная форма для сбора данных о клиентах (то что нам нужно)
- Форма отклика на вакансию на странице «Карьера в компании» (данные из этой формы не нужны нам совсем)
- Подписка на имейл-рассылку (имеет ценность сильно ниже ,чем обычная форма)
- Форма для новых партнеров
- Форма для корпоративных клиентов (нужно, но нельзя смешивать с обычными формами)
На примере проекта smenastation.com есть куча разных способов оставить свою заявку:
— На каждый странице заезда есть форма, которую нам важно чтобы заполнили пользователи
— На почти каждой странице есть возможность подписаться на рассылку внизу страницы
— Есть страница корпоративных заездов, где тоже есть форма для оставления заявки корп. клиентам
— Есть страница «Вакансии»
Все эти 4 разных типов оставленных заявок передаются в Фейсбук как событие Lead. И это плохо — потому что разные события имеют разные целевые аудитории и разную ценность.
Какие могут быть проблемы:
- Неправильный учёт статистики — вы будете видеть больше заявок в кабинете Facebook, чем пришло на самом деле.
- Реклама будет привлекать не тех, кто хочет купить ваши услуги, а тех, кто хочет работать у вас или подписываться на имейл-рассылку.
Как решить:
1. Начнем с карьерных страниц. Самый простой способ — убрать стандартные формы тильды и поставить какие-то внешние способы сбора информации (Google-форма, HeadHunter и так далее).
2. Что можно сделать, чтобы не получать лишние данные о имейл-рассылках:
— Убрать с посадочной страницы все блоки с подпиской на рассылку. Тогда платный трафик будет сильно меньше оставлять рассылки
— Заменить форму сбора имейлов на виджет сервиса рассылки (например вот такой)
— Отключить все стандартные события и настроить под каждую форму свое событие через Google Tag Manager (очень сложно)
3. Чтобы отслеживать корректно тех, кто оставил заявку на определенной странице мы создаем «Специальное событие».
Для этого сначала оставляем тестовую заявку и определяем уникальный номер этой формы:
Затем внутри Фейсбука в разделе Events Manager переходим в Custom Conversions:
Cоздаём новую конверсию, выбираем событие Lead и указываем в качестве параметра то событие, что у нас было при тестовой отправке:
Если у вас сайт на тильде не надо создавать кастомные события через посещение страницы, они плохо справляются со своей задачей, настраиваетесь через события
На этом базовые ошибки, которые вы можете совершить закончились.
Есть еще пара способов как улучшить трекинг событий на Tilda, но об этом в следующий раз
Статью написал Егор Баландин, СЕО Balandin Agency
Больше интересного у меня в телеграм-канале:
Если у вас возникнут вопросы, то можете написать мне, постараюсь помочь: https://t.me/balandin_egor