Как легко установить пиксели отслеживания на своем веб-сайте с помощью Диспетчера тегов Google

13 октября 2018, 17:26

Как легко установить пиксели отслеживания на своем веб-сайте с помощью Диспетчера тегов Google

 

Используете ли вы несколько пикселей социальных сетей и инструменты отслеживания на своем веб-сайте? Хотите простой способ установки и управления этими фрагментами кода, не дожидаясь технического прогресса?

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

 

Что такое Диспетчер тегов Google?

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

Обратите внимание, что Диспетчер тегов Google и Google Analytics являются отдельными инструментами. Диспетчер тегов Google будет отслеживать любые действия, которые вы просите отслеживать на веб-странице, и отправлять данные об этих поведении в Google Analytics , где хранятся данные.

Кроме того, Диспетчер тегов Google может отправлять информацию многим инструментам, а не только Google Analytics . Таким образом, Диспетчер тегов Google предоставит центральное место для управления фрагментами кода, которые вы используете для отслеживания и измерения поведения пользователя .

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

Преимущества Диспетчера тегов Google

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

 


 

# 1: настройте свой сайт в Диспетчере тегов Google

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

 

 

 

 

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

После того, как вы нажмете « Создать» и согласитесь с Условиями обслуживания Диспетчера тегов Google , вы увидите свой идентификатор контейнера. Чтобы завершить процесс установки, вам нужно добавить два фрагмента кода на каждую страницу вашего веб-сайта . Важно следовать инструкциям на экране .

 


# 2: добавление тега отслеживания в диспетчер тегов Google

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

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

Чтобы создать новый тег , нажмите кнопку «Теги» в левой боковой панели, а затем нажмите кнопку «Создать» .

 


 

 

 

На следующем экране вы увидите все доступные типы тегов , включая теги, связанные с Google, пользовательские теги и раздел «Дополнительно», в котором полно тэгов сторонних производителей. В разделе «Дополнительно» вы найдете встроенные опции для инструментов для социальных сетей, таких как Hotjar, LinkedIn и Twitter. Если вы не видите заранее подготовленную опцию для требуемой платформы, например Вконтакт, вы используете опцию Пользовательский HTML.

 

 

 

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

Во-первых, скопируйте свой код пикселя Facebook из Facebook Business Manager . Для того, чтобы найти Facebook пиксельный код отслеживания в Бизнес - менеджере, откройте меню в левом верхнем углу , выберите Все инструменты , если это необходимо, а затем выберите параметр Пиксели в Manage и табличного отчета .

 


 

Затем, в Диспетчере тегов Google, выберите опцию «Пользовательский HTML» и вставьте код отслеживания, который вы скопировали из Facebook, в поле HTML , как показано на следующем рисунке. Дайте тегу имя, подобное Facebook Pixel, что бы вы помнили, что делает этот тег.


 

 

 

# 3: создание триггеров на основе поведения пользователя

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

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

Чтобы добавить триггер в свой тег , щелкните в поле « Триггер» под сценарием тега.

 

 

 

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

Когда появится экран триггера без названия, нажмите в окне Trigger Configuration,чтобы выбрать тип триггера, который вы хотите добавить . Чтобы проиллюстрировать, если вы хотите отслеживать клики по ссылкам, вы можете выбрать опцию “Только ссылки”.

 


 

Когда вы закончите, назовите и сохраните все триггеры, которые вы добавили, а затем сохраните свой тег , а Диспетчер тегов Google вернет вас на главную вкладку «Рабочая область».

 

# 4: Тестирование и публикация тега

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


 

 

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

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

 

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

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

 

По завершении нажмите «Опубликовать»

 

 

Всем спасибо , все свободны :)) 

Автор:

Сергей Нестеров

https://vk.com/ipnesterov

https://www.instagram.com/ipnesterov/

https://www.facebook.com/ipnesterov