Как подключить Facebook Pixel к сайту на Tilda?

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

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

Что такое Facebook Pixel?

Это элемент кода на языке JavaScript, который размещается на сайте и помогает фиксировать действия людей на нем. С его помощью вы:

• Оптимизируете рекламу. Пиксель позволит отследить, какие поставленные цели были выполнены на сайте, эти данные повлияют на алгоритмы Facebook и качество таргетинга.
• Сможете формировать новые пользовательские аудитории (Lookalike) и делать ретаргетинг.
• Проанализируете результативность рекламы через отслеживание событий: сколько было добавлений в корзину или покупок.

Информацию, которую собрал пиксель, можно в любой момент просмотреть в Events Manager.

Подробнее о пикселе читайте в справочном центре для бизнеса Facebook. 

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

Как подключить пиксель Facebook на Tilda с помощью кода или ID

Для начала создайте пиксель. Для этого зайдите в Business/Ads Manager и в разделе Events Manager выберите пункт «Подключить источники данных». 

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

Классический способ подключения пикселя Facebook к сайту на Tilda вручную предполагает вставку кода или ID.

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

1. Зайдите в Facebook Events Manager. Скопируйте идентификационный номер под названием пикселя в разделе «Источники данных».

2. Перейдите на страницу нужного сайта в Tilda. 
3. В меню выберите «Настройки сайта» — «Аналитика» и вставьте ID в поле «Facebook Pixel». 

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

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

1. В Facebook Events Manager откройте вкладку «Источники данных» и нажмите «Продолжить настройку пикселя». На этом этапе система предложит добавить код вручную, использовать партнерскую интеграцию или отправить инструкцию по электронной почте ответственному за разработку сайта. 
2. Если вы будете устанавливать код самостоятельно, нажимайте «Добавить код пикселя на сайт вручную». 
3. Скопируйте код и перейдите на Tilda в раздел «Настройки сайта». В перечне разделов слева откройте вкладку «Еще». В открывшемся окне найдите «HTML-код для вставки внутрь head» и добавьте код. 

4. Сохраните изменения и снова опубликуйте все страницы сайта. 
5. Вернитесь в Events Manager и нажмите кнопку «Готово». 

Tilda будет автоматически передавать в пиксель информацию о событиях Lead и InitiateCheckout.

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

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

Вот что полезно знать:

• У Facebook много партнеров, чтобы рекламодателям было легче настраивать инструменты для бизнеса. О преимуществах использования партнерской интеграции можно подробно прочитать в справке Facebook. 
• Если доступ к коду сайта имеет другой человек, следуйте инструкции и отправьте ему электронное письмо с описанием шагов по установке пикселя Facebook. ‍

‍Как подключить пиксель Facebook к сайту на Tilda с помощью Conversions API

Conversions API позволяет напрямую передавать данные с вашего сервера на сервер Facebook. Такой способ передачи информации о событиях — альтернатива  JavaScript-коду.

1. Перейдите в Events Manager и выберите «Подключить источники данных». 
2. Поставьте галочку в категории «Интернет» и выберите способ подключения API Conversions. 

3. Напишите название пикселя и нажмите «Продолжить».

4. Далее войдите в настройки пикселя и найдите ссылку «Сгенерировать маркер доступа». Нажмите на нее и скопируйте маркер в любой текстовый файл.
5. В настройках сайта на Tilda откройте раздел «Формы». В конце списка выберите «Facebook Conversions API».

6. Впишите ID пикселя и маркер доступа в соответствующие поля. Сохраните изменения. Для подтверждения корректности действий в пиксель отправится одно событие типа Lead с домена tilda.cc.
   
7. Перейдите в Контент формы, информация с которой будет отправляться. Поставьте галочку в приемщике данных Conversions API.
8. После отправки данных событие можно посмотреть в Facebook Events Manager в разделе «Пиксель»  во вкладке «Обзор». В графе «Способ подключения» будет указано «Сервер».
   

Как настроить Facebook Pixel на Tilda через Google Tags Manager (GTM)

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

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

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

Google Tags Manager работает просто: 

1. Настройте необходимые события в контейнере GTM.
2. Добавьте код GTM на ваш сайт.

Для настройки пикселя Facebook через менеджер тегов нужно авторизоваться в аккаунте Google и следовать инструкции. 

Чтобы добавить GTM на Tilda:

1.  В настройках сайта зайдите в раздел «Аналитика».

2. Введите ID контейнера.
3. Опубликуйте сайт.

Для проверки корректности размещения контейнера установите и запустите расширение для браузера Google Tag Assistant. Успешные установки будут обозначены зеленым флажком. В разделе «Версии» будет храниться история редактирования контейнера. Вы можете выбрать любой из предыдущих вариантов и сделать его действующим.