Как установить пиксель на странице благодарности

Обновлено: 21.11.2024

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

Применимо к версиям: 3.9.x Series

Из этой статьи вы узнаете:

Что это за код?

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

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

Для отслеживания переходов Google нажмите здесь.

Как найти область для добавления кода

Сначала найдите файл, в котором мы собираемся сделать копию. Файл завершен.html.

<р>1. Войдите в систему администратора корзины, затем нажмите «Настройки» > «Дополнительные настройки» > «Диспетчер файлов».

2.. Перейдите в файловый менеджер через [корневую корзину] > контент > движок > дизайн-доработка > шаблоны > страницы > оформить заказ

<р>3. Откройте файл complete.html, а затем скопируйте файл на свой локальный компьютер. Сохраните его в своих документах и ​​назовите completed.html.

<р>4. Загрузите этот файл обратно в файловый менеджер по другому пути через

[корневая корзина] > содержимое > скины > _custom > скины > шаблоны > страницы > оформить заказ, нажав кнопку "Загрузить файл".

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

Куда добавить код?

Теперь, когда вы сохранили completed.html в правильном месте, вы можете добавить код. Рекомендуется сначала скопировать код из файла и вставить его в Блокнот (предпочтительно Notepad++ или Sublime text).

Ваш код будет выглядеть примерно так, как показано на снимке экрана ниже:

Теперь у вас есть код в текстовом документе, нажмите CTRL+A на клавиатуре, чтобы выделить весь документ, а затем CTRL+C, чтобы скопировать. Войдите в админку корзины, куда вы загрузили файл, и снова нажмите CTRL+A, чтобы выделить, и CTRL+V, чтобы вставить старый код.

После того как вы вставите свой код, нажмите Сохранить. Найдите в каталоге «_custom» тот же файл и добавьте туда код (если он существует).

Ваш код размещен.

Ссылки на похожие статьи

В настоящее время нет.

Если вы не получили ответа на свой вопрос, обратитесь в службу поддержки PinnacleCart. Чтобы отправить заявку, перейдите в раскрывающееся меню «Моя учетная запись» в правом верхнем углу области администрирования и выберите Поддержка.

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

Но отслеживаете ли вы, приносят ли ваши объявления положительную отдачу от инвестиций? То есть вы получаете прибыль?

В этой статье я покажу вам, как добавить пиксель Facebook в ClickFunnels; буквально снимут повязку с глаз и посадят вас прямо на место водителя. Я покажу вам, как настроить отслеживание конверсий, и покажу, как использовать его для создания ваших рекламных кампаний на Facebook.

Я имею в виду: ездить с закрытыми глазами просто безумие. Кто бы это сделал? ?

(Ps. Хотя я использую ClickFunnels в качестве примера, это применимо независимо от того, какой инструмент вы используете)

Зачем нам нужно настраивать воронки и отслеживать конверсии Facebook?

Мы хотим видеть, куда идут наши расходы на рекламу.

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

Без отслеживания конверсий вы фактически не контролируете свою рекламную кампанию.

К счастью, это очень легко сделать?

Шаг первый: создание воронки

Вам нужна воронка, прежде чем вы сможете эффективно отслеживать свои кампании.

Если вы не знаете, как настроить воронку, Гэвин Белл поможет вам.

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

Как только вы настроите воронку, вы можете перейти ко второму шагу.

Шаг второй: получите пиксель Facebook

Пиксель Facebook — это фрагмент кода, который помогает вам:

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

Чтобы получить и установить пиксель Facebook, вам необходимо:

  • Перейдите на страницу бизнес-менеджера и нажмите меню "гамбургер".
  • Перейти ко всем инструментам
  • Нажмите "Пиксели" .

Когда вы заходите в Pixels , вы попадаете на такую ​​страницу:

Если у вас еще нет Pixel, его легко настроить. Если вы еще не настроили его, просто следуйте инструкциям.

  • Нажмите "Настроить".
  • Нажмите "Установить Pixel" .

Это дает вам три варианта.

  1. Добавьте Pixel с помощью партнерской интеграции — для использования, если вы используете такой сервис, как Диспетчер тегов Google.
  2. Вручную добавьте код Pixel на веб-сайт – метод, который я собираюсь показать вам сегодня
  3. Отправить инструкции по электронной почте веб-разработчику, если сторонний разработчик настраивает для вас пиксель Facebook.

Нажмите «Вручную добавить код Pixel на веб-сайт» .

Появится всплывающее окно с кодом, составляющим пиксель Facebook. Выделите текст и скопируйте его.

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

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

Пока все просто: просто скопируйте код из всплывающего окна.

Шаг 3. Скопируйте код Pixel в воронку

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

Во-первых, убедитесь, что ваша воронка содержит как минимум два этапа, иначе Pixel не сможет определить конверсию.

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

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

И эта страница имеет ключевое значение: когда кто-то попадает на эту страницу благодарности, Facebook знает, что он совершил конверсию.

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

Настройка отслеживания конверсий в ClickFunnels

Выберите страницу воронки, которую вы хотите отслеживать (страница благодарности).

Нажмите «Редактировать страницу» . Это приведет вас к редактору страницы благодарности. Нажмите «Настройки» > «Код отслеживания» .

Появится новое окно:

Здесь вы вставляете код Pixel.

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

В ClickFunnels у вас есть два варианта: специальные конверсии или стандартные события.

Итак, когда кто-то нажимает на ваше объявление в Facebook и попадает в вашу воронку, это не классифицируется как конверсия, пока пользователь наконец не нажмет на назначенный вам URL.

Стандартные события — это место, где мы редактируем код пикселя Facebook. Не паникуйте. Это НАМНОГО проще, чем кажется, и вам не нужны знания программирования.

Что касается ClickFunnels, мы хотим использовать стандартные события; Пользовательские конверсии работают не очень хорошо (не спрашивайте меня, почему).

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

В этом контексте инициированием страницы благодарности является «Событие». ClickFunnels сообщает о событии (отправке страницы благодарности) в Facebook, и Facebook переводит это событие как нашу конверсию.

Как добавить стандартное событие в пиксель Facebook

В коде Pixel, который мы только что добавили в редактор страницы благодарности, вы найдете строку:

fbq («трек», «Просмотр страницы»)

Скопируйте эту строку и вставьте под ней.

Замените слово "PageView" на что-нибудь запоминающееся, например "FreeGuideDownload". На самом деле не имеет значения, что вы выберете.

Итак, две строки должны быть такими:

fbq («трек», «Просмотр страницы»)

fbq («трек», «FreeGuideDownload»)

Нажмите X, чтобы закрыть окно редактора, и нажмите Сохранить .

Шаг пятый. Проверьте, работает ли ваш Pixel

Вам потребуется подключаемый модуль Chrome под названием Facebook Pixel Helper.

В Chrome перейдите по URL-адресу, который ваш клиент будет использовать для запуска конверсии. Нажмите на подключаемый модуль Facebook Pixel Helper, и он подтвердит, установлен ли Pixel.

Сопоставьте идентификатор пикселя с идентификатором в вашем бизнес-менеджере Facebook.

Помощник по пикселям также подтвердит загрузку события FreeGuideDownload.

Пока все хорошо.

Шаг шестой. Свяжите свою рекламную кампанию на Facebook с мероприятием

Следующий этап — сообщить Facebook, что вы используете стандартное событие (в данном случае FreeGuideDownload) для идентификации вашей конверсии.

Это говорит нам о том, сколько вам стоит заставить пользователя совершить конверсию.

Вернитесь на страницу Facebook Pixel или выберите Пользовательские конверсии в главном меню Facebook Business Manager.

Нажмите "Создать пользовательскую конверсию" .

По умолчанию всплывающее окно «Пользовательские преобразования» готово для пользовательских преобразований (как следует из названия окна). Нажмите раскрывающееся меню «Событие веб-сайта» и выберите стандартное событие, которое вы только что настроили в ClickFunnels.

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

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

Шаг седьмой. Создайте рекламную кампанию на Facebook

Затем настройте кампанию, чтобы привлечь трафик в воронку. Когда все будет готово, выполните следующие действия:

Перейдите в раздел "Кампания" и нажмите "Создать конверсию" .

В разделе "Какова ваша маркетинговая цель?" выберите Конверсия .

Назовите свою кампанию. Нажмите Продолжить .

Вы окажетесь на странице группы объявлений

Перейдите к Событию-конверсии, снимите флажок по умолчанию и выберите событие-конверсию ("FreeGuideDownload") в раскрывающемся меню.

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

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

И начать отслеживать

После настройки вы сможете начать точное отслеживание своей кампании.

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

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

Без отслеживания вы никогда не узнаете, что работает, а что нет.

Есть еще…

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

И я делюсь ими с вами в блоге MrGavinBell.

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

Спасибо, что прочитали.

Удачного маркетинга, ребята.

Использование Facebook для бизнеса может быть сложным, но с небольшой помощью экспертов вы можете заставить его работать на свой бизнес. Гуру цифровой маркетинговой аналитики Exposure Ninja предлагают умный метод отслеживания конверсий, так что вам не придется этого делать.

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

Отслеживание конверсий в Facebook Ads Manager — головная боль, если у вас нет URL-адреса для размещения пикселя Facebook. Многие клиентские сайты, которые приходят к нам, не имеют стандартной страницы «Спасибо» на своем сайте — страницу, которую клиент просматривает сразу после совершения покупки. Давайте немного поговорим о стандартной настройке страниц благодарности и пикселей Facebook, прежде чем мы перейдем к решению этой проблемы.

Страницы благодарности и пиксель Facebook — лучшие друзья

Цель страницы благодарности – поблагодарить клиента за действие, которое он только что предпринял на вашем веб-сайте. Отсюда и название «страница благодарности». Убедить ваших клиентов в том, что сделанное ими действие было замечено, — отличная идея, чтобы они случайно не заказали дважды или что-то в этом роде. По сути, это означает, что пользователь перенаправляется на веб-страницу с произвольным текстом с благодарностью после того, как он нажмет кнопку "Отправить" в вашей контактной форме или кнопку "Купить" в вашем интернет-магазине.

Если вы хотите увидеть пример страницы благодарности, просто зайдите и получите бесплатный обзор веб-сайта от Exposure Ninja — после того, как вы нажмете «Отправить», вы увидите прекрасную страницу благодарности. ?

Для владельца бизнеса это также очень полезно для отслеживания ваших конверсий в большинстве программ для отслеживания, таких как Google Analytics, или в теме этого сообщения в блоге — Facebook Ads Manager. В Ads Manager это работает путем установки пикселя Facebook на каждой странице вашего сайта. Пиксель Facebook — это небольшой фрагмент кода, который просто отслеживает посетителей вашего сайта и сообщает об этом Facebook. Вы всегда можете получить свой идентификатор пикселя Facebook, перейдя в Менеджер рекламы Facebook > Пиксели > Создать пиксель Facebook. Затем скопируйте свой уникальный 15-значный идентификатор.

Далее сообщите Facebook URL своей страницы благодарности. На Facebook это можно сделать тремя способами. Вы можете создать пользовательскую конверсию, установить код стандартного события на страницу благодарности (подробнее об этом ниже) или использовать новый инструмент Facebook для отслеживания пользовательских событий без внедрения кода. Этот вариант обычно больше подходит для отслеживания небольших событий, таких как нажатие кнопки или подписка на новостную рассылку, но мы подробно расскажем об этом ниже.

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

Но что, если у меня нет страницы благодарности?

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

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

Официальная документация вообще бесполезна

Мы пытаемся решить здесь проблему, которую Facebook создает в собственной документации. Чтобы отслеживать событие с помощью пикселя Facebook, нам нужен небольшой фрагмент кода JavaScript для загрузки. Затем этот код сообщит Facebook, что действие было предпринято, как обсуждалось выше. Затем Facebook записывает это и добавляет единицу к количеству событий, которые он отслеживает. Аналитика цифрового маркетинга в лучшем виде.

Facebook рекомендует пользователям добавлять код на «специальные страницы вашего веб-сайта» и не предоставляет никаких альтернативных мест для кода.

Примечание. Если у вас есть Shopify Store, вас ждет угощение. Facebook предлагает стандартную индивидуальную интеграцию событий с вашим Shopify Store с помощью простого пикселя Facebook, добавленного на вашу платформу. Просто добавьте свой идентификатор пикселя Facebook в свой магазин (перейдите к администратору Shopify, перейдите в «Интернет-магазин», затем «Настройки» и скопируйте и вставьте идентификатор пикселя Facebook).

Аналитика страницы Facebook: стандартные события

Стандартные коды событий — это дополнительные фрагменты кода, которые вы можете добавить в дополнение к стандартному коду пикселя Facebook. Они сообщают Facebook, что только что произошло что-то интересное, и это стоит записать в Facebook Ads Manager. Чтобы отслеживать стандартное событие, Facebook требует, чтобы мы добавили код стандартного события к URL-адресу страницы. Для Facebook каждое из этих событий эквивалентно уникальному URL, потому что нам нужно добавить код к уникальному URL, чтобы отслеживать его.

Посмотрите список стандартных событий на Facebook:

Полный список стандартных событий, доступных для реализации

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

В этом случае контент будет загружаться на той же странице. Если кто-то ищет, он, вероятно, загрузит страницу результатов поиска, чтобы мы могли видеть связь между загрузкой веб-страницы и стандартным событием «поиск». Однако некоторые сайты могут выбрать, чтобы поиск на сайте выполнялся в раскрывающемся меню, а не на отдельной странице — например, панель поиска в справочном центре Facebook. Опять же, это означает, что URL для установки стандартного события отсутствует.

Интересно, как Facebook отслеживает поисковые запросы на своих справочных форумах? (Ответ: нет, они даже пиксель Facebook не установили на эти страницы.)

Рекомендуется создать страницу благодарности для веб-сайта, когда кто-то совершает желаемое действие, например совершает покупку или отправляет данные для подписки на информационный бюллетень. Нам нужно дать клиенту некоторую уверенность в том, что веб-сайт отметил его действие, и ему не нужно предпринимать никаких дальнейших действий. Как обсуждалось выше, это идеальное место для установки кода отслеживания и стандартных событий «Совершить покупку», «Повести» или «Завершить регистрацию».

Однако существует множество веб-сайтов, которые не загружают новую страницу, когда происходят такие события. Возможно, откроется всплывающее окно с сообщением благодарности, или, может быть, весь процесс покупки происходит в окне iframe. Если на этом этапе ваш веб-сайт не загружает новый URL-адрес, у вас нет URL-адреса для размещения кода «Завершить регистрацию».

Затем у нас есть такие действия, как «Добавить в список желаний», «Добавить в корзину» и «Добавить платежную информацию». Для каждого из них вы, безусловно, можете связать эти действия с URL-адресом, загрузив новую страницу, когда люди нажимают кнопки на вашем сайте для выполнения каждой из этих действий. Однако мы бы не рекомендовали загружать новый URL для этих действий. Загрузка URL-адреса только для отслеживания чего-то вроде «Добавить платежную информацию» означает, что ваш процесс оформления заказа станет многостраничным — доказано, что это снижает коэффициент конверсии. «Добавить в список желаний» может повредить браузеру вашего пользователя, если вы будете показывать им новый URL-адрес каждый раз, когда они нажимают кнопку, чтобы добавить элемент в список. «Добавить в корзину» работает так же.

Вы хотите, чтобы ваши пользователи просто купили один товар и ушли? Или вы хотите, чтобы они выезжали с корзиной, готовой лопнуть? Если вы хотите последнего, загрузка страницы с сообщением «обновленная корзина», а затем принуждение пользователя к загрузке другой страницы, чтобы вернуться в магазин, чтобы добавить еще один элемент, — это что-то вроде катастрофы. Допустим, пользователь хочет купить у вас пять товаров. С большей вероятностью они это сделают, если для этого потребуется загрузить шесть страниц (дополнительная — это оформление заказа) или десять?

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

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

Мы расскажем вам о самом простом способе настроить отслеживание пикселей в ваших формах WordPress. Это позволит вам легко отслеживать отправку форм и оптимизировать рекламные кампании.

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

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

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

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

  • Товары просмотрены, куплены или добавлены в список желаний.
  • Нажаты кнопки "Добавить в корзину".
  • Посещенные страницы
  • Добавлена ​​платежная информация
  • Встречи забронированы
  • И многое другое.

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

На основе данных, собранных вашими мероприятиями, Facebook может:

  • Показывайте посетителям вашего сайта рекламу Facebook. Например, если посетитель просматривает товары и не покупает их, вы можете создать рекламу, побуждающую их вернуться на специальную целевую страницу или показать им промокод.< /li>
  • Создавайте аудитории с характеристиками, схожими с вашими посетителями. Это позволяет размещать рекламу для аудитории, которая похожа на людей, уже просматривающих ваш сайт. Поскольку Facebook знает вашу целевую демографическую группу, он может показывать рекламу людям с похожим возрастом, полом, интересами или местонахождением.
  • Показывайте рекламу клиентам, которые, скорее всего, потратят деньги. Вы можете создавать специальные аудитории, которые уже потратили деньги, и нацеливать рекламу на этих людей. Это поможет вам повысить рентабельность инвестиций при размещении рекламы на Facebook.

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

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

Как использовать пиксель Facebook для отслеживания отправленных форм

Чтобы пройти это руководство вместе с нами, вам потребуется настроенная и готовая к работе бизнес-страница на Facebook. Мы покажем вам самый простой способ настроить Facebook Pixel для отслеживания отправленных форм.

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

Шаг 1. Установите плагин WPForms

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

Если вам нужна помощь в установке плагина, перейдите к этому руководству по установке плагина в WordPress.

Далее нам нужно создать форму. Вот руководство по созданию простой контактной формы в WordPress, которое поможет вам настроить форму.

Когда форма будет готова, вернитесь к этому руководству и перейдите к шагу 2 ниже.

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

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

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

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

Мы быстро напишем сообщение с благодарностью.

Теперь введите слаг или свою страницу в поле URL-слаг справа.

Мы будем использовать благодарность в качестве ярлыка страницы. Обязательно введите что-то уникальное здесь. Это важно, потому что нам нужен Pixel, чтобы позже легко идентифицировать эту страницу.

Скрытие страницы с благодарностью

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

Чтобы скрыть страницу, мы изменим настройки индексации с помощью нашего плагина SEO.

All in One SEO — это лучший плагин для поисковой оптимизации для WordPress, который позволяет вам легко контролировать, как ваш сайт индексируется. Мы можем использовать настройки на странице, чтобы убедиться, что она не проиндексирована сканерами поисковых систем.

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

На панели настроек AIOSEO отключите параметр Использовать настройки по умолчанию. Затем вам нужно убедиться, что для страницы установлено значение «Без индекса».

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

Вы можете установить страницу без индекса другими способами. Например, вы можете добавить строку в файл robots.txt. Чтобы узнать о различных способах запрета индексации страницы, посетите это руководство о том, как скрыть страницу WordPress от поисковых систем.

После этого нажмите «Опубликовать», чтобы опубликовать свою страницу.

Наконец, убедитесь, что ваша новая страница благодарности не была автоматически добавлена ​​ни в одно из ваших навигационных меню.

Теперь мы готовы вернуться к форме.

Шаг 3. Настройте страницу подтверждения формы

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

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

Чтобы начать, нажмите WPForms на боковой панели. Теперь нажмите «Изменить» под названием формы, которую вы создали.

В конструкторе форм нажмите Настройки слева…

А теперь нажмите Подтверждения.

Справа проверьте, установлен ли тип подтверждения «Сообщение». Это покажет поле с текстом или HTML.

Давайте изменим это.

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

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

Чтобы завершить, нажмите "Сохранить" в верхней части конструктора форм.

Отлично. Форма готова. Теперь мы можем переключиться на Facebook для следующего шага.

Шаг 4. Создайте пиксель Facebook для отслеживания отправленных форм

В этом разделе мы познакомим вас с основными этапами создания Facebook Pixel ID. Бизнес-инструменты Facebook очень мощные, поэтому в этом руководстве мы будем использовать только самые основные настройки.

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

Посмотрите на боковую панель и нажмите на значок с 9 точками. В появившемся меню нажмите «Диспетчер событий».

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

Во всплывающем окне выберите «Интернет», затем нажмите «Начать».

В следующем меню нажмите Facebook Pixel, а затем нажмите Подключиться.

Теперь у вас будет возможность назвать свой новый Pixel и позволить Facebook определить используемую вами платформу — в нашем случае WordPress.

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

Теперь Facebook должен определить, что вы используете WordPress.

Нажмите "Подтвердить".

Вы почти у цели!

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

Нажмите «Загрузить», чтобы загрузить плагин Facebook Pixel WordPress, затем выполните оставшиеся шаги, чтобы установить Pixel на свой веб-сайт. Мастер подключится к вашему сайту, используя ваш Pixel ID.

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

Тестирование пикселя Facebook в WordPress

Когда вы устанавливаете плагин Facebook Pixel, он автоматически добавит код отслеживания Facebook Pixel на каждую страницу вашего веб-сайта. Это очень удобный способ отслеживать действия пользователей, и это намного проще, чем добавлять фрагмент кода в шаблоны вручную.

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

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

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

Есть также удобное расширение для Chrome под названием Facebook Pixel Helper, с помощью которого вы можете проверить, работает ли код Pixel на вашем веб-сайте.

Вот оно! Самое сложное сделано, и теперь у вас на сайте есть новый блестящий пиксель Facebook.

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

Шаг 5. Создайте собственную конверсию

Теперь мы подошли к финальной стадии и можем добавить собственную конверсию. Это позволит нам отслеживать переходы со страницы благодарности нашей формы.

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

Мы рассмотрим следующий набор параметров в двух группах.

В верхней части всплывающего окна введите первый набор сведений о новой конверсии Facebook:

  • Имя. Введите имя, которое легко распознается в отчетах.
  • Описание — это необязательно, но вы захотите добавить описание, если вы отслеживаете отправку нескольких форм с помощью кода пикселя Facebook. Таким образом, вы сможете легко отличить их друг от друга на панели инструментов.
  • Событие-конверсия: выберите весь URL-трафик

Чуть ниже нам нужно заполнить еще несколько полей:

  • Правила. Помните ярлык страницы, который мы создали для нашей новой страницы благодарности? Вы захотите вставить это сюда. Если вы предпочитаете, вы можете использовать раскрывающиеся списки, чтобы изменить правило на равенство URL и вставить URL-адрес всей страницы как точное совпадение. Это помогает избежать проблем с несколькими страницами, имеющими одинаковые ярлыки.
  • Введите значение конверсии. Этот параметр предназначен для веб-сайтов электронной коммерции, но в некоторых случаях он полезен для форм. Например, вы можете присвоить ценность каждой конверсии, если хотите отслеживать продажи в простой форме заказа.

Все готово?Теперь нажмите «Создать».

Вы готовы отслеживать отправку форм с помощью нового пикселя Facebook!

Давайте проведем быстрый тест. Выйдите из WordPress и отключите все запущенные вами блокировщики рекламы. Затем заполните форму и отправьте ее.

Вы увидите конверсию, отображаемую на диаграмме следующим образом:

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

И все! Вы успешно установили пиксель Facebook для отслеживания отправки форм на своем сайте. Теперь вы можете использовать данные отслеживания конверсий для улучшения таргетинга рекламы на Facebook.

Следующий шаг: больше конверсий форм

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

Если вам нужна помощь, у нас есть несколько полезных советов по следующим вопросам:

Готовы создать форму? Начните сегодня с самого простого плагина для создания форм WordPress. WPForms Pro включает бесплатный шаблон контактной формы и предлагает 14-дневную гарантию возврата денег.

Если эта статья помогла вам, подпишитесь на нас в Facebook и Twitter, чтобы получать дополнительные бесплатные учебные пособия и руководства по WordPress.

Читайте также: