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

Установка и настройка пикселя ВКонтакте через GTM: пошаговая инструкция

Для установки счетчиков и пикселей рекламных кабинетов социальных сетей на сайт можно использовать не старый и сложный способ с установкой прямо в коде страниц сайта каждого счетчика и пикселя по отдельности, а вариант использования для установки Google Tag Manager (GTM). GTM — это специальный контейнер (программный код), который мы размещаем на сайте, а потом через панель управления добавляем в него нужные нам пиксели и счетчики.

Создание аккаунта и контейнера Google Tag Manager

Чтобы создать контейнер Google Tag Manager, заходим на сайт с помощью логина и пароля в Gmail, которые мы хотим использовать в дальнейшем для управления данным аккаунтом, и создаем новый аккаунт в Google Tag Manager (GTM).

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

Как добавить пиксель ВКонтакте (vk pixel) на сайт? | Тильда Бесплатный Конструктор Создания Сайтов

Желательно копировать текст кода в блокнот (txt файл), чтобы не потерять отдельные символы, не стоит пересылать код в тексте сообщений через мессенджеры, почту, соцсети, а также не нужно сохранять его в Word.

Установка кода Google Tag Manager на сайте рекламодателя

Установка кода Google Tag Manager на сайте рекламодателя

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

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

Например, на скриншоте в WordPress первый фрагмент кода размещается перед закрывающимся head:

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

Сохраняем изменения и отравляемся проверять, нет ли у нас каких-то проблем с версткой. Если все ок, проверяем, корректно ли установлен GTM?

Сделать это можно при помощи просмотра кода страницы сайта, где стоит код контейнера.

Переходим на сайт:

Нажимаем правую клавишу мыши, выбираем из выпадающего списка пункт «Исходный код страницы». После выбора варианта просмотра в виде кода, у нас открывается сайт в соответствующем представлении, и теперь в тексте кода можно найти фрагменты вставленного нами кода контейнера Google Tag Manager:

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

Создание пикселя ВКонтакте

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

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

Устанавливаем пиксель вк на Тильду | VK pixel Tilda

При создании пикселя вам будет доступен его код для установки на сайте. Код можно также скопировать в рекламном кабинете, выбрав свойство пикселя “Редактировать”.

Чтобы добавить пиксель Вконтакте на ваш сайт через Google Tag Manager, зайдите в панель управления GTM и нажмите «Новый тег»

Для установки пикселя Вконтакте в открывшемся окне нажмите ссылку «Конфигурация тега»:

Из появившегося справа выпадающего списка выберите специальный тип тега «Пользовательский HTML»:

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

Далее открываем «Расширенные настройки» под окном ввода кода пикселя:

И в пункте «Настройка активации тега» выбираем «Один раз на страницу».

Опускаемся ниже, в «Триггеры», в списке, появившемся справа после нажатия в разделе «Триггеры» мышью, указываем пункт «Все страницы или All Pages»

Добавляем триггер, сохраняем, а дальше надо опубликовать изменения.

Потом отправляем на публикацию:

После этого на зеленом баннере появляется слово «Опубликованная версия».

Если вы ставите версию пикселя через GTM, можно разместить его в теге .

После всех действий в списке тегов у вас появится Вконтакте:

Проверить корректность установки можно при помощи сервиса «Предварительный просмотр» в верхнем правом углу:

Указать url сайта:

И убедиться в корректности на странице сайта:

Если вы выполнили все действия правильно, после захода на сайт пользователей, зарегистрированных и залогиненных в социальной сети Вконтакте статус установленного на сайте пикселя в рекламном кабинете поменяется на “Работает”:

Источник

Как установить пиксель, работая с Tilda, WordPress, Wix и Bitrix ?

Макс Довольный | 11.07.2020 11.07.2020 Оставить комментарий для Как установить пиксель, работая с Tilda, WordPress, Wix и Bitrix ?

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

Подробно о работе с пикселем Facebook

Bitrix

Bitrix представляет собой CSM или Content management system, т.е. систему для создания управления и редактирования содержимым сайта и самим сайтом.

Для установки пикселя на CMS первым делом необходимо войти в свой аккаунт Facebook Ads и скопировать ID пикселя. На самом деле, это первый шаг установки на любой из рассматриваемых сегодня сервисов.

Следующий шаг — вход в панель управления самим ресурсом на Bitrix.

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

• После входа непосредственно в панель управления вашим ресурсом откройте меню «Настройки» и выберите пункт «Настройки сайта».
• В появившемся окне вы увидите вкладку «Дополнительно», сместившись незначительно вниз.
• В этой вкладке вам необходим пункт «Размещение пикселя». Определенно точно вы быстро его заметите.
• В открытом окне необходимо поставить «галочку» в чек-боксе «Facebook»
• Далее в появившемся текстовом поле введите идентификатор пикселя, скопированный ранее
• «Сохранить» и опубликовать изменения на сайте

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

Первым делом как мы и говорили выше необходимо войти в аккаунт Facebook Ads и скопировать идентификатор пикселя. После чего перейти в аккаунт на wix.com.

• Перейдя в аккаунт на Wix сразу же направляемся к вкладке «Настройки»
• В «Пункте управления» выбираем «Маркетинг»
• А в появившемся меню находим «Интеграции»
• В отдельно стоящем блоке «Facebook Pixel» выбираем «Подключить», а далее «Добавить пиксель Facebook»;
• Во вновь открывшемся окне вставьте ID пикселя, скопированного в первом пункте
• И нажмите «Применить»

Все внесенные настройки сохранены, а пиксель готов к работе.

Учтите, что пиксель Facebook можно добавлять в сайты, работающие на тарифе Wix Premium и с подключенным своим доменом.

TILDA

При работе с Tilda есть два варианта установки пикселя Facebook на собственный ресурс. Первым вариантом является установка простым указанием номера пикселя. Вторым же — редактирование HTML-кода на самом сайте.

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

• Вход в аккаунт Facebook Ads и копирование ID пикселя
• Вход в аккаунт на Tilda
• Выбор необходимого ресурса, если у вас их много и переход в «Настройки сайта»
• В меню, находящемся слева, необходимо выбрать пункт «Аналитика»
• В этом пункте, среди прочих имеется и необходимый Facebook Pixel
• Вставьте скопированный идентификатор пикселя в текстовое поле
• Сохраните и опубликуйте изменения

Если же вы предпочитаете делать все «вручную», то для этого вам понадобиться:

• В меню настроек выбрать пункт «Еще»
• Найти раздел «HTML-КОД ДЛЯ ВСТАВКИ ВНУТРЬ HEAD» и перейти в него
• Зайти в «Редактировать код»
• После чего вставить код пикселя
• Сохранить и опубликовать изменения сайта

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

WordPress

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

Для начала взаимодействия с плагином, и установки пикселя с его помощью необходимо

• Выбрать вкладку «Подключите действия на сайте с помощью пикселя»
• Перейти в блок «Добавление кода с помощью Партнерских интеграций»
• В появившемся окне вы увидите кнопку WordPress, после чего нажмите ее
• А в окне «Подключение аккаунта WordPress» нажмите «Продолжить»
• Скачайте архив с расширением для WordPress, нажав на довольно заметную зеленую кнопку «Скачать», после чего не забудьте нажать «Продолжить»
• Перейдите в консоль управления ресурсом
• В левом меню перейдите в пункт «Плагины»
• И нажмите «Добавить новый»
• После этого перед вами появится экран «Добавить плагины»
• Здесь вам необходимо выбрать «Загрузить плагин»
• Нажмите «Выбрать файл», после указав нужный архив с плагином, который вы скачали заранее
• Установите плагин нажав «Установить»
• И активируйте его, выбрав «Активировать плагин»
• В следующем окне вы сможете проверить исправно ли пиксель передает данные, отправив тестовый трафик на ваш сайт
• «Продолжить»

Настройка пикселя Facebook с помощью плагина WordPress завершена, а пиксель готов к работе.

Настройка вручную

При установке пикселя Facebook на сайт WordPress’a вручную путь установки несколько иной. Поэтому мы рассмотрим его также максимально подробно.

Настройка пикселя Facebook на WordPress вручную завершена.

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

Не забывайте подписаться на канал и вступить в чат:
Больше годноты на канале — Довольный Арбитражник
Обсудить и задать вопросы в чате — Арбитраж трафика | Довольный
Так же рекомендуем к прочтению: RevShare или CPA — что выбрать к использованию?

Источник

Настройка событий и конверсий для запуска ретаргетинга во «ВКонтакте»

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

Собирать базу пользователей по выполненным событиям можно тремя способами:

Каждый из способов мы рассмотрим в этой статье. Во всех случаях будем использовать Tag Manager.

Создание отдельного пикселя для каждого события

Это самый простой способ создавать аудитории. Когда пользователь выполняет определенное действие на сайте, пиксель срабатывает, а пользователь попадает в аудиторию. Давайте разберемся, как это настроить.

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

Переходим в рекламный кабинет во вкладку «Ретаргетинг» — «Пиксели» и нажимаем «Создать пиксель».

Даем пикселю понятное название, выбираем тематику сайта и нажимаем «Создать».

Копируем код пикселя и переходим в интерфейс Google Tag Manager.

Настройка в Tag Manager

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

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

В случае с посещением страницы подойдет «Просмотр страницы».

Теперь выбираем активацию, когда идет загрузка страницы, содержащей site.ru/thanks-page.

Далее переходим в «Теги» и кликаем на «Создать».

Даем тегу название и выбираем его тип. В случае с пикселем «ВКонтакте» выбираем «Пользовательский HTML».

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

Выбираем ранее созданный триггер посещения страницы благодарности.

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

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

В открывшейся консоли находим нужный элемент и находим ID кнопки (или class, если нет ID) и копируем его. На скриншоте ниже это abc.

В этой ситуации в качестве триггера используем «Клик — Все элементы» и выбираем активацию по Click ID, содержащем abc.

Создание аудитории

Чтобы использовать этот пиксель в рекламе, переходими в кабинет «ВКонтакте», выбираем «Ретаргетинг» — «Аудитории».

Далее заполняем поля:

даем название, это необходимо для навигации;

выбираем нужный пиксель;

выбираем правило «Все посетители сайта»;

устанавливаем нужный период.

Всё готово — аудитория начнет собираться, ее можно будет использовать в ретаргетинге, когда накопится минимум 100 пользователей.

Передача событий в пиксель «ВКонтакте»

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

Подключение библиотеки и инициализация пикселя

Для передачи данных о событии в пиксель «ВКонтакте» нужно подключить библиотеку JS API при помощи кода.

Далее инициируем передачу события в нужный пиксель при помощи кода ниже. Надо создать тег с типом «Пользовательский HTML», в качестве триггера выбрать All Pages и загрузить код.

Вместо VK-PIXEL-ID указываем ID пикселя «ВКонтакте», найти его можно в разделе «Ретаргетинг» в режиме редактирования.

Копируем значение чуть ниже кода.

Так это выглядит в в GTM:

Подгрузка кода события

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

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

Например, для отслеживания клика по кнопке «Добавить в корзину» будем использовать такой код:

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

Как и в первой части инструкции, чтобы активировать код в определенное действие, ознакомьтесь с триггерами Google Tag Manager.

Создание аудитории на основе событий

Кликаем на кнопку «Создать аудиторию».

Даем название аудитории, выбираем нужный пиксель, в который передается событие, в качестве правила используем «Пользователи, посетившие определенные страницы». Теперь выбираем в правиле «Событие содержит» (также доступно «Совпадает») и прописываем название события. В примере это addtocart.

Всё готово: аудитория, которая выполнила действие, начнет собираться.

Настройка конверсий для пикселя «ВКонтакте» и их использование

Рассмотрим, какие типы конверсий можно добавить в GTM для пикселя, как это сделать, а также как проверить правильность настроек.

Создание конверсии

В случае с конверсиями используйте руководство по подключению библиотеки и использованию GTM, единственная разница — код вида:

purchase — это нужное действие из таблицы ниже;

value — ценность конверсии, здесь надо прописать собственное значение.

Дополнительно можно использовать только предусмотренные типы конверсий. Ниже — полный список.

Источник

Как вставить пиксель ВК на сайт Тильда

На Тильде часто делают корпоративные сайты, блоги, лендинги и интернет-магазины, а затем продвигают их с помощью контекстной или таргетированной рекламы. Если вы используете связку «Тильда + таргет в ВК», то вам просто необходимо установить пиксель. Он будет собирать данные обо всех посетителях и объединять их в аудитории ретаргетинга. В дальнейшем каждому сегменту вы сможете показывать разные рекламные объявления, повысив эффективность своих кампаний.

В этом материале мы покажем, как добавить пиксель ВКонтакте на сайт с Тильдой двумя способами — через админку сайта и в Google Tag Manager. Вы легко сможете это сделать своими руками, даже если у вас нет опыта работы с такими инструментами.

Что такое пиксель ВКонтакте

Пиксель ВКонтакте — это JavaScript-код, который устанавливается в исходный код сайта. Он отслеживает всех пользователей, которые зашли на страницу, и собирает их в аудитории ретаргетинга. Этим аудиториям можно показывать разные креативы в зависимости от действий пользователей на сайте.

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

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

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

Установка пикселя ВК проходит в два этапа: сначала вы формируете код пиксела в рекламном кабинете, а далее размещаете его в настройках сайта. Разберем этот процесс по шагам, чтобы вам было понятно, как все правильно настроить и добавить в Тильду.

Получаем код пикселя ВК

Перейдите в рекламный кабинет ВК и кликните по разделу «Ретаргетинг»:

Найдите в контекстном меню подраздел «Пиксели»:

Нажмите на кнопку «Создать пиксель»:

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

Поле «Разрешенный Mini App id» оставляем пустым. Этот ID нужен, если вы хотите вставить пиксель в мобильное приложение MiniApp VK.

Далее нажимаете на кнопку «Создать» и получаете готовый для вставки код пикселя.

Добавляем пиксель на сайт с Тильдой

Чтобы установить код, перейдите в настройки Тильды.

Откройте раздел «Аналитика» и пролистайте страницу вниз до поля VK PIXEL.

Устанавливаем в строку идентификатор из рекламного кабинета ВК и сохраняем страницу с новыми настройками.

Как добавить пиксель ВК через Google Tag Manager

Если к вашему ресурсу привязан Google Tag Manager, вы можете установить пиксель VK в него, а не в сам конструктор. Google попросит у вас фрагмент кода, а не короткий идентификатор, как Тильда.

Чтобы поставить пиксел, авторизуйтесь в Google Tag Manager, откройте «Рабочую область» и кликните по разделу «Теги».

Нажимаем кнопку «Создать» в верхнем правом углу интерфейса и заполняем форму с настройками.

Даем название тегу в Google Tag Manager (показано стрелкой на скриншоте), а затем кликаем по полю «Конфигурация тега».

Google Tag Manager покажет справа контекстное меню. Пролистайте его вниз и кликните по разделу «Пользовательские теги».

Вставляем в него код пиксела ВК:

Теперь нужно поставить триггер на события, чтобы Google Tag Manager начал собирать через пиксель данные о действиях пользователей на сайте. Выберите в списке триггер All Pages и нажмите на кнопку «Добавить». С такими настройками пиксел будет собирать в аудиторию всех пользователей, которые просмотрели любую страницу сайта.

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

Когда добавите все необходимые триггеры в Google Tag Manager, не забудьте нажать на кнопку «Сохранить» в правом верхнем углу интерфейса.

Новый тег появится в списке вашей рабочей области.

Выводы

Пиксел ВК можно вставить как в настройки Тильды, так и в контейнер Google Tag Manager. В первом случае вы используете короткий идентификатор, а во втором — JavaScript-код.

Поставить идентификатор в Тильду проще простого, но учтите, что у вас должен быть платный тариф. В бесплатной версии конструктора этот функционал недоступен.

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

На фоне последних событий в мире сервисы Google могут работать нестабильно. Чтобы у вас не возникло проблем со сбором аудиторий ретаргетинга, используйте оба способа. Пиксель в Тильде будет работать корректно, пока у вас оплачен тариф, а Google Tag Manager сможет отслеживать разные конверсии.

Вне зависимости от того, каким способом вы ставите пиксел на Тильду, обязательно проверьте его статус в рекламном кабинете. Если в интерфейсе висит надпись «Не работает», то пиксель нужно переустановить.

Источник