создание, настройка и добавления пикселя Facebook на сайт
1. 17.08.2017 Создание, настройка и добавления пикселя Facebook на сайт. | Веб-клиент Evernote
https://www.evernote.com/Home.action?login=true&prompt=none&authuser=0#n=afaaddc1-e978-44e7-8445-4ca56a3a57dd&b=08071ba1-507d… 1/10
Создание, настройка и добавления пикселя Facebook
на сайт.
Для того чтобы создать и настроить пиксель Facebook заходим в рекламный кабинет. Нажимаем на иконку в
верхнем левом углу.
В открывшемся меню выбираем "Пиксели"
На открывшейся странице нажимаем "Создать пиксель"
2. 17.08.2017 Создание, настройка и добавления пикселя Facebook на сайт. | Веб-клиент Evernote
https://www.evernote.com/Home.action?login=true&prompt=none&authuser=0#n=afaaddc1-e978-44e7-8445-4ca56a3a57dd&b=08071ba1-507d… 2/10
Вы можете создать только 1 пиксель на рекламный аккаунт. Нажимаем "Далее"
3. 17.08.2017 Создание, настройка и добавления пикселя Facebook на сайт. | Веб-клиент Evernote
https://www.evernote.com/Home.action?login=true&prompt=none&authuser=0#n=afaaddc1-e978-44e7-8445-4ca56a3a57dd&b=08071ba1-507d… 3/10
Facebook предлагает нам два способа установки кода пикселя на сайт:
- через интеграцию;
- копирование и вставка пикселя в код страницы вручную.
Выбираем нужный вариант.
4. 17.08.2017 Создание, настройка и добавления пикселя Facebook на сайт. | Веб-клиент Evernote
https://www.evernote.com/Home.action?login=true&prompt=none&authuser=0#n=afaaddc1-e978-44e7-8445-4ca56a3a57dd&b=08071ba1-507d… 4/10
Рассмотрим как установить пиксель на сайт вручную.
После того как вы кликнули на варианте "Скопируйте и вставьте код" откроется окно с базовым кодом. Его
нужно скопировать и вставить на все страницы вашего сайта между тегами <head> и </head>. Если на
какой-то странице не будет пикселя, то данная страница не будет индексироваться Facebook.
5. 17.08.2017 Создание, настройка и добавления пикселя Facebook на сайт. | Веб-клиент Evernote
https://www.evernote.com/Home.action?login=true&prompt=none&authuser=0#n=afaaddc1-e978-44e7-8445-4ca56a3a57dd&b=08071ba1-507d… 5/10
После того как на все страницы установлен основной код пикселя мы можем продолжить настройку и
выбрать код события.
Facebook предлагает нам 9 кодов событий, а так же возможность прописать собственное событие.
Код события встраивается на страницы соответствующие событию. То есть, например, код "покупка"
встраиваем на страницу, открывающуюся после совершения покупки ("спасибо за покупку").
6. 17.08.2017 Создание, настройка и добавления пикселя Facebook на сайт. | Веб-клиент Evernote
https://www.evernote.com/Home.action?login=true&prompt=none&authuser=0#n=afaaddc1-e978-44e7-8445-4ca56a3a57dd&b=08071ba1-507d… 6/10
Место размещения кода события зависит от того, как регистрируется действие на сайте: во время загрузки
страницы или одновременно с выполнением действия.
1. Во время загрузки страницы.
7. 17.08.2017 Создание, настройка и добавления пикселя Facebook на сайт. | Веб-клиент Evernote
https://www.evernote.com/Home.action?login=true&prompt=none&authuser=0#n=afaaddc1-e978-44e7-8445-4ca56a3a57dd&b=08071ba1-507d… 7/10
2. Одновременно с выполнением действия.
Если после выполнения действия человек не попадает на новую страницу, например человек нажимает
кнопку, в этом случае код события следует регистрировать одновременно с выполнением действия и
добавлять код в элементы HTML, например кнопки.
Проверка статуса пикселя.
Проверить работает ли пиксель можно несколькими способами:
1. Откройте Facebook Ads Manager и выберите Пиксели в верхнем меню. Если пиксель имеет
статус Активен, это означает, что он установлен верно. С момента установки до обновления статуса
пикселя может пройти продолжительное время. Если в течении суток на странице, где установлен
пиксель была активность , но код не активен, значит есть ошибки при установке.
2. Можно зайти на страницу сайта, где расположен пиксель. Щелкнув правой кнопкой мышки и выбрать
"Просмотр кода страницы". Затем с помощью поиска (Ctrl+F) найти код.
Чтобы регистрировать события во время загрузки страницы, например, после совершения покупки человека
перебрасывает на страницу "Спасибо", вставляем код события (между тегами <script>) прямо под тегом
</head>. Благодаря этому код события будет загружен вместе с базовым кодом пикселя во время загрузки
страницы.
8. 17.08.2017 Создание, настройка и добавления пикселя Facebook на сайт. | Веб-клиент Evernote
https://www.evernote.com/Home.action?login=true&prompt=none&authuser=0#n=afaaddc1-e978-44e7-8445-4ca56a3a57dd&b=08071ba1-507d… 8/10
3. Установить бесплатное расширение для Google Chrome от Facebook Pixel Helper.
Для того, чтобы установить расширение, открываем GoogleChrome и кликаем на иконку в верхнем правом
углу.
Выбираем "Дополнительные инструменты"- "Расширения"
9. 17.08.2017 Создание, настройка и добавления пикселя Facebook на сайт. | Веб-клиент Evernote
https://www.evernote.com/Home.action?login=true&prompt=none&authuser=0#n=afaaddc1-e978-44e7-8445-4ca56a3a57dd&b=08071ba1-507d… 9/10
У Вас откроется окно со всеми установленными расширениями. В самом низу нажимаем на "Еще
расширения".
10. 17.08.2017 Создание, настройка и добавления пикселя Facebook на сайт. | Веб-клиент Evernote
https://www.evernote.com/Home.action?login=true&prompt=none&authuser=0#n=afaaddc1-e978-44e7-8445-4ca56a3a57dd&b=08071ba1-507… 10/10
Мы попадаем в интернет-магазин Chrome. В поле поиска вводим необходимое нам расширение. Нажимаем
"установить".
С помощью этого расширения вы сможете без проблем определять наличие и корректную работу пикселя.
Причем пиксели определяются и на сторонних сайтах.
После того, как вы установили основной пиксель и пиксели событий на ваш сайт в менеджере рекламы
будет отражаться вся статистика. Вы сможете проводить аналитику внутри менеджера рекламы, копить
аудиторию и делать ретаргетинг, смотреть конверсию сайта.