Как установить пиксель фейсбук на тильду

Как установить Facebook пиксель на Tilda

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

ВЫБИРАЙ САМЫЙ НАДЕЖНЫЙ АНТИК И ПОЛУЧИ СКИДКУ 20%
Забрать скидку

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

Содержание скрыть

Что такое пиксель Facebook?

• Убедиться, что реклама в принципе работает и аудитория её видит.;
• Повысить продажи: можно настроить автоматическое повышение ставок по релевантным запросам ЦА;
• Измерить отдачу от рекламы (результат): пиксель собирает анализ целевых действий, благодаря этому вы сможете понять, как вообще аудитория реагирует на вашу рекламу.

Как создать новый пиксель Фейсбук

Переходим в Event Manager.

Нажимаем “Подключить источники данных” — большая зеленая кнопка с плюсом.

Выбираем “Интернет” в окне “Подключение нового источника данных”.

Выбираем “Пиксель FaceBook” в окне “Выберите способ подключения”.

Задаем название пикселю. В нашем случае это “Протрафик ТЕСТ”.

Пиксель создан. Теперь добавим его на сайт.

Есть два способа: через код и через партнерскую интеграцию.

Устанавливаем через код

Выбираем “Добавить код пикселя на сайт вручную”

Копируем код. Нажмите для этого кнопку “Копировать код”.

Заходим на нужный нам сайт на Тильде, открываем настройки

Переходим в конец страницы, пункт “Ещё”.

Находим “HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD”. Нажимаем “Редактировать код”

В открывшееся поле вставляем код. Сохраняем.

Переходим к сайту, жмем “Опубликовать все страницы”, чтобы пиксель заработал.

Установка пикселя через партнерские сервисы

Устанавливаем писксель через партнерскую интеграцию (по ID).

Заходим в наш раздел с пикселями в AM. Выбираем нужный пиксель. У него есть айдишник (под названием пикселя). Копируем его.

Открываем Тильду. В настройках находим раздел “Аналитика”.

Листаем до “FACEBOOK PIXEL”. Вставляем полученный код в пол.

Переходим к сайту, жмем “Опубликовать все страницы”, чтобы пиксель заработал.

После завершения установки и настройки пиксель будет срабатывать, когда кто-то совершит нужное вам действие на сайте. Просмотреть данные вы сможете на странице пикселя в Эвент Менеджере. Используйте с умом эти данные для того, чтобы настроить рекламу в Инстаграм и Фейсбук.

Как установить пиксель Facebook, если сайт создан на Tilda и WordPress

В этом материале специалист по интернет-рекламе Ильхом Чакканбаев подробно рассказывает, как создать пиксель Facebook, что делать, если пиксель создан, но нужно еще, и какие возможности для установки пикселя предусмотрены в Tilda и WordPress.

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

Что такое пиксель Facebook и для чего он нужен

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

Благодаря пикселю можно:

• Оптимизировать рекламу, используя в качестве цели не клики, а выполненные на сайте действия. Например, благодаря пикселю можно настроить кампанию так, чтобы Facebook Ads чаще показывал вашу рекламу пользователям, которые с большей вероятностью оставят на сайте заявку.
• Догонять рекламой тех, кто ушел с сайта. Нацелить рекламу на тех, кто похож на посетителей вашего сайта.
• Отслеживать поведение пользователей: какие страницы посещают, сколько покупок совершают и на каких устройствах.

Чтобы пиксель работал корректно и передавал системе необходимые данные, нужно настроить отслеживание событий (как стандартных, так и специально настроенных). Подробнее о том, как это сделать, эксперты eLama рассказывали на вебинаре.

Добавить пиксель на сайт можно разными способами в зависимости от разных факторов. Часто для таких настроек требуется помощь веб-мастера.

В Tilda и WordPress предусмотрены упрощенные варианты установки пикселя, о которых мы подробно расскажем. Но для начала необходимо создать сам код пикселя.

Как получить код пикселя

Facebook Ads позволяет добавить уже существующий пиксель или создать новый. Расскажем пошагово, как это сделать.

Создать новый код

Откройте Events Manager или выберите в своем аккаунте в Ads Manager соответствующую вкладку.

Затем добавьте новый источник данных — пиксель Facebook.

Дайте ему понятное название.

Facebook Ads предлагает несколько вариантов установки кода на сайт. Выберите добавление кода вручную. Остальные способы предполагают работу со стандартными CMS и, например, не подойдут для Tilda. А отправка инструкций разработчику лишь пришлет код с инструкцией на указанную почту.

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

Если счетчик уже создан

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

В выпадающем списке настроек выберите «Установить пиксель».

Как и в предыдущем способе, укажите, что добавляете код пикселя на сайт вручную. Затем скопируйте код и сохраните ID счетчика.

Если пиксель уже создан, но нужно еще

Для одного рекламного аккаунта можно создать только один пиксель. Но что делать, если пиксель один, а сайтов больше? Такое может произойти в тех случаях, когда:

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

Во всех перечисленных ситуациях придерживайтесь следующих правил:

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

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

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

Как установить пиксель на сайт, созданный на Tilda

Стандартный способ — через настройки

В интерфейсе Tilda откройте редактирование сайта и перейдите к настройкам.

Добавьте ID пикселя в соответствующей ячейке во вкладке «Аналитика».

Чтобы изменения вступили в силу, снова опубликуйте все страницы.

Готово — пиксель установлен на ваш сайт.

Второй способ — установка вручную

В этом случае вам пригодится код пикселя, о котором мы писали выше.

Выберите вкладку «Еще» в настройках сайта и нажмите на «Редактировать код» в разделе «HTML-код для вставки внутрь HEAD».

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

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

Важно: установить пиксель для сайтов на Tilda можно лишь на платных тарифах.

Как установить пиксель на сайт, который создан на WordPress

Через код сайта

Чтобы установить Facebook Pixel через админку WordPress, перейдите во вкладку «Внешний вид» и в выпадающем списке выберите «Редактор тем».

Среди файлов темы найдите header.php. Откройте его и вставьте код пикселя перед закрывающим тегом .

Обновите файл и завершите установку пикселя.

С помощью плагина

Установите официальный плагин пикселя. Он разработан для сайтов, использующих WooCommerce — плагин для электронной коммерции с открытым исходным кодом. С его помощью можно создать и настроить интернет-магазин без глубоких знаний веб-разработки. Расскажем, как его установить.

Выберите в админке сайта вкладку «Плагины» и добавьте новый, в появившейся поисковой строке найдите необходимый плагин. Установите его, а затем активируйте.

Перейдите к настройкам. Запустите плагин во вкладке «Интеграция».

В появившемся окне войдите в свой профиль в Facebook и выберите страницу вашей компании.

Укажите нужный пиксель.

Если у вас уже создан каталог товаров, импортируйте его и завершите настройку.

Теперь пиксель на вашем сайте установлен, а вы можете переходить к запуску рекламы.

Как проверить работу пикселя

После того как пиксель добавлен, необходимо удостовериться, что он корректно передает данные системе. Это можно проверить с помощью расширения Facebook Pixel Helper — это быстро и удобно.

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

Если в настройках кода есть ошибка, система покажет вам соответствующее сообщение.

Вместо заключения

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

Tilda автоматически передает следующие события:

• Lead — пользователь заполняет любую форму на сайте.
• InitiateCheckout — пользователь нажимает кнопку оформления заказа.

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

Процесс создания событий для сайтов на WordPress не отличается от их настройки в других CMS. Подробнее об особенностях работы с событиями мы рассказали на вебинаре «Facebook Pixel: настройка и возможности».

Как подключить Facebook PIXEL к сайту на ТИЛЬДЕ

В современной digital среде трудно себе представить сайт без подключения аналитики, Google Tag manager и Facebook Pixel. Без них сложно будет понять потребности аудитории сайта, их вовлеченность, отследить их действия и в дальнейшем конвертировать посетителя в клиента.

Собственно, Facebook Pixel создан для привлечения трафика и соц. сетей Facebook и Instagram. Речь идет, как о прямой рекламе продукта в соц.сетях, так и о «догонке» посетителей при помощи ремаркетинга.

Итак, что же нужно сделать, чтоб подключить Facebook Pixel к сайту на Tilda:

1. Создание пикселя
2. Подключение пикселя к Тильде
3. Проверка работы Пикселя

Создание Пикселя

Перейдите по ссылке business.facebook.com/select. Если у вас есть уже созданная компания, в которой будет установлен пиксель, то выберите ее. Если нет, Создайте новую компанию:

После создания Новой компании, вам необходимо зайти во Все инструменты в меню слева и найти там раздел Events Manager:

Затем в панели слева нажмите зеленый Плюсик:

Теперь необходимо Подключить источники данных:

В новом диалоговом окне Facebook предложит вам варианты источников данных. Вам нужно выбрать источник «Интернет» и нажать кнопку Подключить:

После чего выберите Пиксель Facebook и нажмите кнопку «Подключить»:

Назовите пиксель так, чтоб вам было понятно и заполните адрес вашего сайта. Нажмите «Продолжить»:

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

Кстати, если вы предпочитаете более сложные варианты, то можно скопировать код пикселя и в настройках сайта на Тильде вставить полученный код в Head сайта. Для этого перейдите в Настройки сайта -> Еще -> HTML-код для вставки внутрь HEAD.

Итак, пиксель создан, теперь нам нужен его идентификатор. Взять его можно под названием пикселя в панели всех источников данных, как показано на скриншоте ниже:

Скопируйте этот идентификатор и дальше перемещаемся в Тильду.

Подключения пикселя к Тильде

Получив идентификатор Pixel, вам необходимо перейти в настройки сайта, на который будет поставлен этот Пиксель:

Перейдите в раздел Аналитика в левом меню:

Затем нужно найти раздел Facebook Pixel и ввести скопированный вами идентификатор:

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

Как проверить подключение Facebook Pixel к Тильде

Для проверки рекомендую использовать расширение Google Chrome от Facebook:

Facebook Pixel Helper

Установите себе это расширение, оно во многих вещах по работе с facebook и сайтом вам пригодится.

Итак, после установки расширения и перепубликации всех страниц сайта, зайдите на ваш сайт. В правом верхнем углу браузера, там, где находятся все расширения, нажмите на Facebook Pixel Helper. Появится информация о подключенных к сайту пикселях:

В панели управления компаниями Facebook вы также можете протестировать работу Пикселя. Для этого вернитесь в кабинет Facebook. Выберите созданный вами пиксель и нажмите на вкладку Тестирование событий. Введите адрес своего сайта и нажмите кнопку «Открыть сайт»:

Ваш сайт откроется в новом окне. Вы можете провести любые действия с контентом сайта, перейти на новые страницы, заполнить формы.

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

Через минут 10 после установки пикселя (может быть и меньше) вы сможете перейти на вкладку Обзор, где будет отображена вся информация по взаимодействиям с сайтом в рамках работы пикселя:

Ничего сложного, но сколько всего можно сделать с помощью установки фейсбук пикселя на Тильду.

Видео

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

А у вас все получилось?

Как установить пиксель Facebook на сайты Tilda и WordPress

WordPress и Tilda — популярные конструкторы сайтов, благодаря которым лендинг может сделать даже человек без опыта в разработке. Если вам понадобилось установить пиксель Facebook на лендинг, созданный в конструкторе, эта инструкция для вас. В ней объясняем, как сделать пиксель в рекламном аккаунте и самостоятельно установить его на лендинг.

София Гаитбаева ppc.world (до 2021 года)

Ещё больше полезных статей и смешных мемов в нашем Telegram-канале

Пиксель Facebook — это часть кода, написанного на языке JavaScript. Пиксель встраивается в код сайта, чтобы отследить действия пользователей. Его установка на сайт позволяет:

1. Отслеживать пользовательское поведение. Благодаря пикселю можно узнать, какие страницы и разделы посещают пользователи и что делают на сайте.
2. Собирать пользовательские аудитории, затем пользователей из этих аудиторий можно будет догонять ремаркетингом.
3. Оптимизировать рекламные кампании, чтобы получать нужные целевые действия. Например, показать объявления тем людям, которые, скорее всего, сделают заказ.

Поставить пиксель Facebook на лендинг на Tilda и WordPress можно с помощью опций, включенных в эти конструкторы.

Создаем пиксель Facebook

Сначала создаем пиксель для вашего бизнеса. Это можно сделать в разделе управления источниками данных Events Manager. Для этого:

1. Перейдите в раздел Events Manager.
2. Кликните на зеленый значок плюса, нажмите «Подключить источники данных» и выберите «Интернет» в качестве источника.
3. Кликните на пункт «Пиксель Facebook» и выберите «Подключить».
4. Напишите для пикселя понятное название, например, «Пиксель ppc.world».
5. Введите URL сайта и кликните на кнопку «Продолжить».

Созданный пиксель Facebook появится в разделе «Источники данных».

На этом создание завершилось — пиксель готов. Переходим к его интеграции на лендинг из конструктора.

Как установить пиксель Facebook на Tilda

Tilda — конструктор, который позволяет создать сайт для бизнеса, даже если у пользователя не навыков в разработке и дизайне. В конструкторе есть шаблоны сайтов для разных задач, например, для интернет-магазина, рекламы мероприятия и т. д., коллекция из готовых блоков, которые можно использовать на сайте, а также Zero Block — полноценный редактор для веб-дизайна.

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

Установка через идентификационный номер

Идентификационный номер отображается в Event Manager в разделе «Источники данных» под названием пикселя.

Скопируйте цифры, затем перейдите в проект нужного сайта в Tilda в раздел «Настройки сайта».

Перейдите в раздел «Аналитика» и вставьте скопированный идентификатор в специальное поле Facebook Pixel.

Сохраните обновление. Чтобы пиксель начал собирать информацию, переопубликуйте все страницы сайта.

Установка через код

Зайдите в Event Manager во вкладку «Источники данных». Кликните на кнопку «Продолжить настройку пикселя». Система предложит два варианта дальнейшей настройки: с помощью партнерской интеграции или вручную. А если код сайта редактирует разработчик или специалисту по маркетингу, есть вариант отправить ему инструкцию на email.

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

Затем откройте в конструкторе Tilda раздел «Настройки сайта». Затем во вкладке бокового меню «Еще», найдите поле «HTML-код для вставки внутрь HEAD». Под ним увидите кнопку «Редактировать код», кликните на нее.

Вставьте код и сохраните внесенные изменения. Как и в первом способе установки, переопубликуйте страницы сайте. После этого вернитесь в Event Manager в Facebook и нажмите «Готово», чтобы завершить настройку.

Как поставить пиксель Facebook на WordPress

Перейдите в «Консоль» WordPress. Чтобы открыть консоль, необходимо к адресу сайта добавить /wp-admin в адресной строке. Найдите вкладку «Внешний вид» и кликните по ней. Откроется меню, в нем выберите пункт «Редактор тем».

Среди файлов темы найдите header.php. Откройте файл и вставьте код пикселя Facebook перед закрывающим тегом .

После этого нужно нажать «Обновить файл».

Для пользователей, у которых подключен платный тариф в WordPress, есть второй способ установить пиксель Facebook с помощью плагина. Для этого в боковом меню консоли WordPress перейдите во вкладку «Плагины».

Найдите с помощью поисковой строки плагины Facebook for WordPress или Facebook for WooCommerce (для сайтов, использующих плагин WooCommerce).

После установки плагинов перейдите в его настройки в разделе «Интеграция». Кликните на кнопку Get Started и авторизуйтесь под своим профилем в Facebook. Затем выберите соответствующую страницу бизнеса в Facebook и нажмите на подходящий пиксель.

Как узнать, правильно ли работает пиксель

Чтобы понять, корректно ли пиксель передает события системе, воспользуйтесь расширением Facebook Pixel Helper. Оно доступно в браузере Google Chrome. Если пиксель установлен верно, то на значке расширения появится зеленая галочка, а кликнув по значку, можно будет получить информацию о пикселях и передаваемых событиях.

Если расширение не видит пикселей на странице, значит что-то установлено неправильно.

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