Azotirovanie.ru

Инженерные системы и решения
3 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Ка, Google Analytics и Roistat: как работает интеграция сервисов веб-аналитики с YCLIENTS

Яндекс.Метрика, Google Analytics и Roistat: как работает интеграция сервисов веб-аналитики с YCLIENTS

В одной из предыдущих статей — о кейсе использования интеграции YCLIENTS x Roistat — мы рассказали, что такое performance-маркетинг, и как с его помощью увеличить прибыль, при этом сократив расходы на рекламу.

А в этом материале объясняем, какие возможности и преимущества есть у сервисов веб-аналитики, с которыми интегрирована платформа YCLIENTS, и как их настроить.

Полина Попова @apollypopova, Руководитель группы аналитики инцидентов YCLIENTS

Из YCLIENTS передается информация в три сервиса веб-аналитики: Google Analytics, Яндекс.Метрику и Roistat. Они позволят оценить эффективность рекламных кампаний, покажут источники привлечения клиентов и информацию об аудитории сайта.

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

Google Analytics

Google Analytics – это бесплатный сервис, который подойдет, если на сайте менее 10 миллионов просмотров страниц в месяц. Если больше, то стоит выбрать Google Analytics Premium. Но принцип подключения интеграции одинаков в обоих случаях. Инструкция по интеграции по ссылке .

Фильтрация по цели в отчете «Источники трафика» – «Весь трафик» – «Источник/канал»

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

Фильтрация по цели в отчете «Аудитория» – «Демографические данные» – «Мобильные устройства» – «Устройства»

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

Фиксация 2 целей «Запись через форму YCLIENTS» и «Выбор услуги»

Яндекс.Метрика

Яндекс.Метрика – тоже бесплатный сервис, исключение – функция «Целевой звонок 2.0», инструмент коллтрекинга. Инструкция по интеграции по ссылке .

В Яндекс.Метрике можно создать составную цель на основе действий в виджете YCLIENTS, а затем в стандартном отчете «Конверсия» отследить, на каком этапе чаще всего пользователи выходят из формы. На основе этой статистики можно будет сформулировать гипотезы и проверить их правдивость, например: пользователи выходят из виджета на шаге выбора услуги, потому что высокие цены, непонятные описания, большое количество услуг.

Создание основной цели

Отчет по составной цели

Также как и в Google Analytics возможно фильтровать отчеты по целям из виджета.

Фильтрация по цели в отчете «Источники, сводка»

Фильтрация по цели в отчете «Аудитория» – «Пол»

Преимущество интеграции – фильтрация отчетов по параметрам визитов, которые передаются из YCLIENTS. Фильтровать можно по:

• названию филиала, companyName;
• названию услуги, service_name;
• сотруднику, master;
• дате визита, date;
• времени визита, time;
• комментариям, которые клиенты оставляют в виджете, comment.

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

1. Перейдите в Яндекс.Метрике в нужный отчет.
2. В верхней части отчета рядом с фильтром «Визиты, в которых» нажмите на «+».
3. Вбейте в поиск «Параметры визита».
4. Укажите «Имя параметра» как «companyName».
5. И укажите «Строку» как название филиала в YCLIENTS.

«Фильтрация по параметру визита companyName (названию филиала)»

Roistat

Roistat – это платный сервис с 14-дневным пробным периодом. Инструкция по ссылке .

В Roistat отображаются и действия на сайте и в форме, и то, что произошло с записью клиента позже:

• в каком статусе запись: «Ожидание клиента», «Клиент пришел», «Клиент подтвердил» или «Клиент не пришел»;
• оплачена ли запись и на какую сумму;
• количество продаж;
• сумма продаж;
• средний чек.

Отчеты и информация о сделках в кабинете Roistat

Помимо записей из виджета, в Roistat передаются записи, которые создали администраторы. Чтобы в Roistat отобразилась информация о том, откуда клиент узнал о компании и после чего записался с помощью администратора, добавьте в запись в поле «roistat» название источника. Если клиент узнал о компании из рекламы в Instagram, то укажите в поле «roistat» значение «instagram-stories» или «instagram». Нет формата, какой текст указывать, главное, чтобы один и тот же источник указывался одинаково.

Читайте так же:
Счетчики для колонки нара

Запись в YCLIENTS с заполненным полем «roistat»

Отчет в Roistat с кастомными источниками

Если у вас остались вопросы по настройке, пишите на почту support@yclients.com .

Хотите узнать больше о возможностях YCLIENTS? Смотрите еженедельные вебинары на платформе YCOMMUNITY!

Веб-аналитика

Веб-аналитика (англ.  Web analytics ) — система измерения, сбора, анализа, представления и интерпретации информации о посетителях веб-сайтов с целью их улучшения и оптимизации. Основной задачей веб-аналитики является мониторинг посещаемости веб-сайтов, на основании данных которого определяется аудитория сайта и изучается поведение посетителей для принятия решений по развитию и расширению функциональных возможностей веб-ресурса. Веб-аналитика позволяет не только работать над улучшением сайтов, но и проводить работы по оптимизации бюджета на онлайн-продвижение.

Содержание

История веб-аналитики [ править | править код ]

В 1990 году вместе с рождением HTTP-протокола началась эра веб-аналитики. Стала возможной запись взаимодействия пользователей и сервера в лог-файлы. Каждый раз, когда пользователь Интернета вызывает HTML-элемент, в лог-файл записывается строка — хит. С ростом посещаемости владельцы сайтов стали получать слишком много хитов, лог-файлы увеличивались в размерах. Нужен был способ анализа таких объёмов данных.

Начало коммерческой веб-аналитики можно считать создание компании WebTrends в 1993 году [1] . [ значимость факта? ]

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

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

В 2005 году Google создала свою систему веб-аналитики Google Analytics, скупив [2] компанию Urchin Software Corporation и её проект Urchin.

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

Область применения [ править | править код ]

Веб-аналитика помогает во многих аспектах развития сайта и онлайн-продвижения. Вот основные из них:

  1. Развитие функциональности сайта на основании тенденций в поведении посетителей
  2. Оценка эффективности рекламных кампаний и поискового продвижения в интернете
  3. Выявление проблемных мест в структуре, навигации и контенте сайта
  4. Оптимизация продуктовой линейки, представленной на сайте

Статистика посещаемости разделов и веб-страниц сайта позволяет понять:

  • количество просмотренных веб-страниц,
  • ключевые слова и фразы, по которым посетители находят сайт в поисковых системах,
  • географию посетителей,
  • время, проведенное на веб-странице посетителем,
  • переходы между веб-страницами,
  • аудиторию сайта (случайные, постоянные посетители и т. д.)
  • удобство навигации сайта для посетителей и т. д. ;

Методы веб-аналитики [ править | править код ]

    : статистика, тенденции, абсолютные и относительные показатели
  • Анализ данных из электронной торговли: средний чек, популярные товары, доход в разрезе каналов привлечения трафика : анализ плотности щелчков, конверсионных путей посетителей по сайту, анализ скроллинга на странице: взаимодействие с формами, совершение микро и макро конверсий . Сравнение с общими тенденциями и с конкурентами с помощью независимых платформ (Alexa, GemiusAudience, Google Trends) . Отслеживание полного пути пользователя от просмотра рекламы и до завершения сделки, а также повторных продаж.
  • Сбор кукис. Это позволяет аналитическим сервисам сопоставлять активность пользователя на веб-ресурсах, где он предоставлял личную информацию. Далее на основании собранных данных о пользователях для них может быть настроена таргетированная реклама. Однако проблемы конфиденциальности в отношении файлов cookie привели к тому, что заметное меньшинство пользователей заблокировало или удалило сторонние файлы cookie. В 2005 году некоторые отчеты показали, что около 28 % пользователей Интернета блокировали сторонние файлы cookie, а 22 % удаляли их не реже одного раза в месяц. [3]

Основные термины веб-аналитики [ править | править код ]

Сегодня еще не существует согласованных в мире определений для терминов относящихся к веб-аналитике. Основными организациями, которые внесли свой вклад в эту область, были IAB (Бюро интерактивной рекламы), JICWEBS (Объединенный отраслевой комитет по веб-стандартам в Великобритании и Ирландии) и DAA (Ассоциация цифровой аналитики), официально известная как WAA. (Ассоциация веб-аналитики, США). Однако многие термины активно ими используются и поэтому следующий список может быть полезной отправной точкой:

Читайте так же:
Надо ли устанавливать счетчики с 2012 года

Показатель отказов (англ.  Bounce rate ) — процент посещений одной страницы без каких-либо других действий на ней, или сеанс, в котором был только один запрос к серверу. [4]

Путь клика (англ.  Click path ) — хронологическая последовательность просмотров страниц в рамках посещения или сеанса.

Хит (англ.  Hit ) — запрос файла с веб-сервера (например, веб-страница, изображение, JavaScript или каскадная таблица стилей) [5] .

Показ страницы (англ.  Pageview ) — показ одной страницы сайта, другими словами, запрос на загрузку одного HTML-файла (веб-страницы) интернет-сайта. [6] Показ и просмотр страницы часто путают, но это принципиально разные понятия. Один показ страницы может генерировать несколько просмотров, поскольку все файлы изображений, .js и .css также запрашиваются с веб-сервера.

Уникальный посетитель / Уникальный пользователь (англ.  Unique Visitor / Unique User ) — клиент с уникальной идентификацией, который генерирует просмотры страниц или посещений в течение определенного периода времени (например, дня, недели или месяца). Идентификация обычно осуществляется с помощью постоянного файла cookie, который был размещен на компьютере с помощью кода страницы сайта. «Посетитель» — это не то же самое, что человек, сидящий за компьютером во время посещения ресурса, поскольку отдельный человек может использовать разные компьютеры или на одном компьютере может использовать разные браузеры, и будет рассматриваться как разного посетителя в каждом случае. Все чаще посетители однозначно идентифицируются с помощью Flash LSO (Local Shared Object), которые менее соблюдают конфиденциальность данных.

Посещение / сеанс / сессия / визит (англ.  Visit / Session ) — период времени, в течение которого пользователь активно работает с веб-сайтом или приложением [7] . К сеансу привязываются все данные об использовании сайта или приложения: просмотры страниц, события, транзакции электронной торговли и т. д. Посещение или сеанс определяется как последовательность запросов страницы или, в случае тегов, запросов изображения от того же уникально идентифицированного клиента. Посещение считается завершенным, если в течение определенного количества минут (обычно 30) не было зарегистрировано ни одного запроса. 30-минутный лимит («тайм-аут») используется многими аналитическими инструментами, но в некоторых инструментах (таких как Google Analytics) может быть изменен на другое количество минут. Сборщики данных аналитики не имеют надежного способа узнать, просматривал ли посетитель другие сайты между просмотрами страниц; посещение считается одним посещением до тех пор, пока события (просмотры страниц, клики и все, что записывается) длятся 30 минут, если другое не настроено в аналитике.

Активное время / Время взаимодействия (англ.  Active Time / Engagement Time ) — среднее количество времени, которое посетители тратят, фактически взаимодействуя с контентом на веб-странице, рассчитывается на основе движений мыши, щелчков, зависаний и прокрутки.

Клик — событие, которое происходит, когда пользователь щелкает по элементу управления [8] .

Событие — это отдельное действие или цепочка действий, которые происходят на веб-сайте. Просмотр страницы — это тип события.

Показатель отказов (англ.  Bounce Rate ) — изначально был определен в отчетах Google Analytics и в оригинале трактуется как процент посетителей, просмотревших за сессию не более 1-й страницы. статистика, применяемая к отдельной странице, а не к веб-сайту, измеряется в процентах [9] [10] .

Первый визит (англ.  First Visit ) — посещение сайта уникально идентифицированным клиентом, который теоретически не совершал ранее переходов на этот веб-ресурс. Поскольку единственным способом узнать, был ли ранее идентифицированный клиент на сайте, является наличие постоянного файла cookie или цифровых отпечатков пальцев, полученных при предыдущем посещении, ярлык «первое посещение» не является надежным, если файлы cookie были удалены с сайта с момента их предыдущего посещения.

Частота (англ.  Frequency ) показывает, периодичность посещения клиентом веб-сайта в определенный период времени. Рассчитывается путем деления общего количества сеансов (или посещений) на общее количество уникальных посетителей за указанный период времени, например, месяц или год [11] .

Impression — это реклама, появляющаяся на просматриваемой странице. Она может отображаться на просматриваемой странице ниже области, фактически отображаемой на экране, поэтому большинство показателей показов не обязательно означают, что реклама была видимой. [12]

Время просмотра страницы (англ.  Page Time Viewed ) — время, в течение которого на экране отображается одна страница (или блог, рекламный баннер и др.), измеряется как вычисленная разница между временем запроса для этой страницы и временем следующего записанного запроса. Если нет следующего записанного запроса, то время просмотра этой страницы не включается в отчеты [13] .

Читайте так же:
Полипропиленовые фильтры для счетчиков

Тепловая карта (англ.  Site Overlay ) — это метод отчета, при котором статистика (клики) или «горячие точки» накладываются по физическому расположению на визуальный снимок веб-страницы, тепловая карта отображает активность пользователей на сайте [14] .

Инструменты веб-аналитики [ править | править код ]

Собирать статистику можно с помощью:

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

Сравнение лог-анализаторов и счетчиков [ править | править код ]

Лог-анализаторы позволяют собирать статистику, ничего не меняя на сайте. Веб-сервер самостоятельно создает лог-файлы и сохраняет их на сервер. Данные хранятся на серверах компании в стандартном формате. Это позволяет компаниям создавать свои программы для анализа данных, переходить на обновления именно в тот момент, когда им это необходимо. В лог-файлах содержится информация о поведении поисковых роботов, что позволяет грамотно оценить работы по SЕО оптимизации.

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

Анализаторы логов [ править | править код ]

  • WebTrends (англ.  WebTrends )

Системы веб-аналитики (устаревшее название — счетчики-трекеры) [ править | править код ]

Системы веб-аналитики дают суммарную информацию по посещениям, выбранным по некоторому срезу (измерениям), заданному пользователем.

Системы интернет-статистики с детализацией по просмотрам страниц [ править | править код ]

Системы интернет-статистики помимо суммарной информации дают информацию по просмотрам страниц внутри каждого посещения.

  • Woopra (англ.  Woopra )

Системы интернет-аналитики с детализацией поведения посетителя на странице [ править | править код ]

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

Диспетчер тегов [ править | править код ]

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

      (англ.) русск.
  • Tealium
  • Adobe Dynamic Tag Management (DTM)
  • Signal
  • Qubit
  • Piwik
  • TagCommander
  • Ensighten

Счетчики-рейтинги [ править | править код ]

Счетчики-рейтинги показывают количество посетителей за день, неделю, месяц, за всю историю.

Как добавить код WEB-аналитики на OpenCart

Установка счетчиков Google Analytics и Яндекс Метрика позволяют вам отслеживать:

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

См. подробнее статьи:

Итак, как же вставить коды счетчиков WEB-аналитики на ваш сайт?

Как установить код счетчика Google Analytics на OpenCart?

Вариант 1. Установка кода Google Analytics через Дополнение в Панели управления сайтом

В панели управления OpenCart предусмотрено стандартное дополнение для встраивания кода Google Analytics:

Как установить код счетчика Google Analytics на OpenCart?

Вариант 1. Установка кода Google Analytics через Дополнение в Панели управления сайтом

Код Google Analytics в дополнении в панели управления сайтом

Просмотр кода Google Analytics на страницах сайта

  1. В панели управления перейдите в блок «Дополнения», далее «Дополнения».
  2. В выпадающем списке выберите «Статистика».
  3. Нажмите на «+» в строке «Google Analytics».
  4. Ниже строки появится строка «Мой магазин».
  5. Нажмите «Редактировать».
  6. В поле Код отслеживания вставьте код скопированный в аккаунте Google Analytics.
  7. Измените статус на «Включено».
  8. Нажмите на пиктограмму «Сохранить».
  9. Код статистики Google Analytics вставлен на все страницы вашего сайта.
  10. Перейдите в браузере на любую страницу вашего сайта.
  11. Нажмите клавишу F5 (обновление страницы).
  12. Нажмите клавиши Ctrl+U, в новой вкладке браузера откроется код страницы.
  13. Нажмите клавиши Ctrl+F (появиться поле поиска).
  14. В поле поиска введите текст «google».
  15. Вы увидите выделенный код счетчика Google Analytics.

Вариант 2. Добавление Google Analytics при помощи FTP-доступа к коду сайта

Добавление кода счетчика Google Analytics в шаблон сайта

  1. Подключитесь к вашему серверу при помощи FTP-клиента.
  2. Найдите файл header.tpl , обычно он находится по адресу: /catalog/view/theme/default/template/common (theme — это название вашего шаблона).
  3. Откройте файл в текстовом или html-редакторе.
  4. Вставьте код счетчика Google Analytics в блок <head> … </head> .
  5. Сохраните измененный файл header.tpl на сервере.
  6. Код статистики Google Analytics вставлен на все страницы вашего сайта.
  7. Перейдите в браузере на любую страницу вашего сайта.
  8. Нажмите клавишу F5 (обновление страницы).
  9. Нажмите клавиши Ctrl+U, в новой вкладке браузера откроется код страницы.
  10. Нажмите клавиши Ctrl+F (появиться поле поиска).
  11. В поле поиска введите текст «google».
  12. Вы увидите выделенный код счетчика Google Analytics.
Читайте так же:
С какого времени нужно устанавливать счетчики

Вариант 3. Вставка Google Analytics через Google Tag Manager

  1. Установите на сайт код Google Tag Manager.
  2. Далее, действуйте по инструкции по добавлению кода Google Analytics.

Как установить код счетчика Яндекс Метрика на OpenCart?

В настоящее время, панель управления OpenCart не предоставляет стандартного решения для вставки кода Яндекс Метрика, но у вас есть 3 варианта:

Вариант 1. Установка Яндекс Метрики при помощи FTP-доступа к коду сайта

Как установить код счетчика Яндекс Метрика на OpenCart?

Просмотр кода Яндекс Метрика на страницах сайта

  1. Подключитесь к вашему серверу при помощи FTP-клиента.
  2. Найдите файл footer.tpl , обычно он находится по адресу: /catalog/view/theme/default/template/common (theme — это название вашего шаблона).
  3. Откройте файл в текстовом или html-редакторе.
  4. Вставьте код счетчика Яндекс Метрики перед тегом </body> .
  5. Сохраните измененный файл footer.tpl на сервере.
  6. Код статистики Яндекс Метрика вставлен на все страницы вашего сайта.
  7. Перейдите в браузере на любую страницу вашего сайта.
  8. Нажмите клавишу F5 (обновление страницы).
  9. Нажмите клавиши Ctrl+U, в новой вкладке браузера откроется код страницы.
  10. Нажмите клавиши Ctrl+F (появиться поле поиска).
  11. В поле поиска введите текст «yandex».
  12. Вы увидите выделенный код счетчика Яндекс Метрика.

Вариант 2. Вставка Яндекс Метрики при помощи через Google Tag Manager

  1. Установите на сайт код Google Tag Manager.
  2. Далее действуйте по инструкции по добавлению кода Яндекс Метрики.

Вариант 3. Добавление Яндекс Метрики через Дополнение в Панели управления сайтом

Это самый «нелегальный вариант».

  1. См. выше руководство по установке кода счетчика Google Analytics.
  2. Вставьте код счетчика Метрики сразу после кода счетчика Аналитики 😉 .

Как установить код Google Tag Manager на OpenCart?

Вариант 1. Установка кода Google Tag Manager при помощи FTP-доступа к коду сайта

Как установить код Google Tag Manager на OpenCart

  1. Найдите файл header.tpl , обычно он находится по адресу: /catalog/view/theme/default/template/common (theme — это название вашего шаблона).
  2. Откройте файл в текстовом или html-редакторе.
  3. Вставьте необходимые части кода GTM сразу перед тегом </head> и после тега <body> соответственно.
  4. Сохраните измененный файл header.tpl на сервере.
  5. Код Google Tag Manager вставлен на все страницы вашего сайта.
  6. Перейдите в браузере на любую страницу вашего сайта.
  7. Нажмите клавишу F5 (обновление страницы).
  8. Нажмите клавиши Ctrl+U, в новой вкладке браузера откроется код страницы.
  9. Нажмите клавиши Ctrl+F (появиться поле поиска).
  10. В поле поиска введите текст «Google Tag Manager».
  11. Вы увидите выделенный код GTM.
Вариант 2. Установка кода Google Tag Manager при помощи дополнительного модуля в панели управления сайтом

Для сайтов, созданных на CMS OpenCart, на базе платформы getopencart.com, доступен модуль облегчающий задачу установки кода и настройки Google Tag Manager.

Установка кода Google Tag Manager при помощи дополнительного модуля

Видеоурок, видеоруководство: Добавление кода WEB-аналитики Google Analytics, Google Tag Manger, Яндекс Метрика

Готовый к работе сайт на OpenCart. Все необходимо для начала продаж уже настроено для вас!

Установка кодов отслеживания

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

Заходим в диспетчер тегов под почтой на gmail.com и создаем новый аккаунт.

Создаем аккаунт в GTM

Вводим название аккаунта, страну, название контейнера.

Создание аккаунта GTM

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

Создание контейнера GTM

После всех этих операций в интерфейсе GTM наверху видим номер нашего счетчика.

Установка GTM на сайте

Кликаем на него и появляется всплывающее окошко с техническим заданием на установку кода диспетчера тегов.

Установка кода GTM

Как ты, наверное, успел заметить, код контейнера делится на две части. Первую часть необходимо разместить как можно выше после открывающего тега <head> . Вторую — после открывающего тега <body> .

После добавления кода на все страницы сайта можно начинать работу, только предварительно нужно проверить корректность установки контейнера и для этого потребуется расширение для Chrome — Tag Assistant. Достаточно просто нажать на значок установленного приложения, затем Enable, обновить страницу и оно покажет, какие счетчики установлены на сайте в открытой вкладке.

Читайте так же:
Счетчик топлива vzo 4 oem

Tag Assistant

Установка Google Tag Manager на учебном сайте

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

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

Установка GTM на учебном сайте

В окошко ввода необходимо добавить номер контейнера GTM в виде: GTM-W*****N, после чего нажать кнопку «Установить». И твой контейнер GTM появится на сайте.

Устанавливаем код счетчика Google Analytics

Мы установили на сайт код Google Tag Manager, но данные не будут собираться, так как еще не создан счетчик, который будет это делать.

Под тем же аккаунтом gmail.com заходим на сайт Google Analytics, далее в панель администратора и создаем новый аккаунт.

Создание нового аккаунта GA

Заполняем все данные и жмем «Получить идентификатор отслеживания».

Настройка аккаунта GA

После принятия пользовательского соглашения, Google Analytics предоставит номер счетчика (ресурса), который мы и будем использовать для установки через Google Tag Manager.

Номер счетчика GA

Давай создадим первый элемент в GTM. Это будет переменная, содержащая номер счетчика GA.

Создаем новую переменную

Для этого выбираем тип переменной «Настройки Google Analytics».

Выбираем тип переменной

Переменная с настройками GA

А теперь создадим тег, который будет вызывать наш счетчик аналитики при каждом просмотре страниц. Выбираем «Google Analytics — Universal Analytics» с типом отслеживания «Просмотр страницы». А в поле «Настройки Google Analytics» будем ссылаться на нашу новую переменную «GA ID».

Не забудь задать условие активации тега. Мы знаем, что счетчик Google Analytics должен быть установлен на всех страницах сайта, поэтому кликаем на блок «Триггеры» и выбираем предложенный по умолчанию триггер «All pages», который будет активировать наш тег на всех страницах сайта.

Настройка GA через GTM

Устанавливаем код счетчика Яндекс.Метрики

Продолжаем устанавливать счетчики систем веб-аналитики на сайт и на очереди у нас Яндекс.Метрика. Для входа в аккаунт понадобится почта на yandex.ru. Жмем на «Добавить счетчик».

Создание счетчика Яндекс Метрики

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

Создание счетчика Яндекс.Метрики

Теперь счетчик нужно добавить на сайт, поэтому переходим в Google Tag Manager. Диспетчер тегов не поддерживает непосредственную связь с Метрикой и не имеет тега-шаблона для нее, поэтому код будем вставлять простым тегом «Пользовательский HTML».

Так как код счетчика нам нужен на каждой странице — добавляем триггер «All Pages» также как и для счетчика Google Analytics. После чего сохраняем изменения.

Установка кода Яндекс Метрики через GTM

Устанавливаем код ретаргетинга

Бывает так, что к веб-аналитику обращается специалист по контекстной рекламе и просит установить пиксель рекламной системы на сайт, например Facebook.

Код ретаргетинга (пиксель) устанавливается через GTM аналогично Яндекс.Метрике.

Заходим в Events Manager под своим аккаунтом Facebook и создаем новый источник данных.

Установка пикселя Facebook

Далее необходимо выбрать где необходимо настроить новый источник — в мобильном приложении или же на веб-сайте. В нашем случае выбираем «Интернет».

Установка пикселя Facebook

После чего выбираем «Пиксель Facebook».

Установка пикселя Facebook

Соглашаемся со следующим шагом и далее указываем название и URL сайта, где хотим установить пиксель.

Установка пикселя Facebook

Забираем код и возвращаемся в Google Tag Manager.

Установка пикселя Facebook

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

Установка пикселя Facebook

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

Проверка контейнера GTM и релиз

Итак, все изменения внесены, осталось проверить правильность их работы. Для этого в Google Tag Manager есть возможность предпросмотра, который будет доступен только у тебя в браузере.

Предварительный просмотр GTM

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

Тестирование тегов

Статус «Tags Fired On This Page» говорит о том, что наши теги сработали и мы можем публиковать контейнер.

Публикация контейнера

Домашнее задание

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

Что теперь тебе нужно сделать:

  1. Создай аккаунт и контейнер Google Tag Manager;
  2. Установи его на учебный сайт;
  3. Создай счетчик Google Analytics и установи его через GTM;
  4. Создай счетчик Яндекс.Метрики и установи его через GTM;
  5. Проверь работу счетчиков и опубликуй контейнер.

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

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector