Plazer-don.ru

Сварочное оборудование
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как добавить счетчик Google Analytics на; сайт

Как добавить счетчик Google Analytics на сайт

София Биткова

Мы обновили этот материал летом 2019 года. Приятного чтения!

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

1. Регистрация в Google Tag Manager (GTM)

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

новый аккаунт в Гугл тег менеджер

Принимаем Соглашение об условиях использования

соглашение об использовании

Для получения кода установки на наш сайт переходим в администрирование:

установка кода тег менеджер

Копируем полученный код:

код Google Tag Manager

Вставляем на сайт согласно инструкции и особенностям вашей CMS

Очень важный нюанс. Чтобы любое изменение в Google Tag manager начало работать, после любых проделанных изменений нужно перейти в настройки GTM, и нажать кнопку «Отправить»

Отправить

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

опубликвать контейнер

Аудит веб-аналитики сайта: 5 ошибок, которые портят статистику

Если бы Шерлок Холмс пользовался не только дедуктивным методом, но и специальными инструментами для сбора данных о поведении пользователей, преступления раскрывались бы гораздо быстрее. Однако мало получить информацию. Надо убедиться в ее точности. Анна Климова, руководитель отдела веб-аналитики компании Registratura, входящей в состав iConText Group, рассказывает о наиболее частых ошибках, которые приводят к некорректному сбору данных и, как следствие, неверным решениям в бизнесе.

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

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

Далее расскажем, какие бывают ошибки, к чему они могут привести и как их исправить.

Наличие кода не на всех страницах сайта

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

Приведем пример. На странице, куда вы ведете рекламный трафик, не установлены счетчики статистики. Соответственно, информация о пользователях, которые были только на этой странице, не попадает в систему аналитики. А те, кто все же перешел на другие страницы сайта, где были установлены счетчики, будут причислены не к посетителям с рекламного трафика, а к посетителям с прямого трафика (для Google Analytics) или к трафику с внутренних переходов (для Яндекс.Метрики).

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

Как проверить?

Если на сайте не так много страниц, наличие счетчиков можно проверить вручную, пройдя по всем страницам ресурса и выполнив следующие несложные шаги:

  1. На странице нажмите правую кнопку мыши и выберите «Просмотр кода страницы».
  2. На открывшейся странице найдите код gtag.js, analytics.js (Universal Analytics) или ga.js (классическая версия), а для проверки Яндекс.Метрики — код watch.js.

Также есть сервисы, которые автоматически проверяют наличие счетчиков на сайте. Например, для проверки наличия кода Google Analytics можно воспользоваться сервисом GA Checker, который позволяет проверить до 10 000 страниц. Еще один сервис, который может помочь с автоматической проверкой наличия на сайте счетчиков Google Analytics и Яндекс.Метрики, — Screaming Frog SEO Spider.

Читайте так же:
Что значит счетчик посетителей

Дублирование кода счетчика

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

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

Как проверить?

Для проверки дублирования счетчика Google Analytics на страницах сайта можно использовать плагин Tag Assistant для браузера Chrome. Если на странице счетчик Google Analytics дублируется, в плагине появится сообщение «Same web property ID is tracked twice».

Другой вариант — открыть код страницы с помощью горячих клавиш CTRL+U, открыть поиск по странице CTRL+F и в поисковой строке вбить номер счетчика. Так, используя поиск вы сможете посмотреть, не дублируется ли код.

Код Яндекс.Метрики не чувствителен к дублированию, как Google Analytics. Тем не менее стоит избегать дважды установленного кода с одним и тем же номером счетчика на странице. Проверить это можно, также открыв код страницы.

Как исправить? Удалить один из кодов счетчиков.

Расположение кодов счетчиков аналитики внизу кода страницы

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

Поэтому следует размещать коды счетчиков статистики на всех страницах ресурса в разделе <HEAD>. Коды счетчиков асинхронные и не мешают загрузке остальных кодов на странице.

Дублирование транзакций

Одна из распространенных проблем в сфере e-commerce — дублирование транзакций в Google Analytics. Причина возникновения дубликата может появляться, когда часть кода, которая отвечает за отправку данных о транзакции, срабатывает несколько раз. Например, когда пользователь обновил страницу «Спасибо за заказ» или вернулся на нее спустя какое-то время (часто люди сохраняют эту страницу себе в закладки, чтобы не забыть номер заказа).

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

На скрине выше видно, как одна совершенная транзакция с доходом в 85 420 рублей за счет повторных отправок данных о ней с сайта дополнительно сгенерировала «мифические» 34 транзакции с доходом в 2 904 280 рублей.

Как исправить ситуацию?

Вот два наиболее простых способа:

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

Неисключение платежных систем

У большинства транзакций в качестве источника перехода указывается платежная система. Это происходит из-за того, что после оплаты товара или услуги пользователи, как правило, возвращаются обратно на сайт на страницу «Спасибо за покупку». А поскольку источник перехода изменился (в качестве источника у нас теперь переход с платежного сервиса), в Google Analytics начинается новая сессия с источником платежного сервиса.

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

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

Что в итоге получается? Вы запускаете рекламу, заходите в отчеты и видите, что самый конверсионный источник трафика — сайт платежной системы. Чтобы это исправить, платежные системы необходимо добавить в список исключаемых источников в Google Analytics.

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

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

Другие счетчики («Яндекс.Метрика», HotLog)

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

Фрагмент JavaScript-кода можно добавить на сайт 2 способами.

Способ 1. Пользовательский JavaScript-код в настройках «Сайта»

Этот способ подойдёт, если вам нужно добавить код счётчика только перед закрывающим тегом </head> .

  1. В приложении «Сайт» перейдите в раздел «Настройки сайта».
  2. Вставьте скопированный фрагмент кода в поле «Дополнительный JavaScript-код для вставки перед закрывающим тегом </head>» и сохраните настройки сайта.

Готово: счётчик добавлен на сайт.

Способ 2. Вставка блока «Сайта» в шаблон дизайна

  1. В приложении «Сайт» перейдите в раздел «Блоки».
  2. Создайте новый блок, придумайте для него любой идентификатор (допускаются латинские буквы, цифры и символы подчеркивания) и описание, чтобы не забыть, для чего вы создали этот блок. Описание блока не будет видно на сайте.
  3. Добавьте в редакторе исходного кода блока следующие строки:

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

Готово: счётчик добавлен на сайт.

16 комментариев

alt=»Михаил Ушенин» />Михаил Ушенин Webasyst 14 октября 2013 06:53 #

"Для того чтобы счетчик срабатывал на всех страницах витрины интернет-магазина, добавьте хелпер блока в шаблон вашей темы дизайна"

А если у меня есть еще отдельная мобильная тема, то я и на основную тему и на мобильную должен установить хелпер?

alt=»Михаил Ушенин» />Михаил Ушенин Webasyst 8 июля 2015 10:04 #

В таком случае, я что-то не понимаю. Этот код надо вводить или нет?:

Если не надо, а достаточно только ID, то почему в моем Google-аккаунте Статус: отслеживание не установлено

alt=»Михаил Ушенин» />Михаил Ушенин Webasyst 10 ноября 2015 02:05 #

Читайте так же:
Как подключить розетку помимо счетчика

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

Кстати, в настройках я не нашла встроенную интеграцию с Google Analytics чтобы её отключить. А имеется ли она вообще? Может быть поэтому отслеживание не устанавливается так как не включена эта функция? Если я не права, то где она?

alt=»Михаил Ушенин» />Михаил Ушенин Webasyst 10 ноября 2015 02:04 #

Если в "Настройках" Сайта введён Google Analytics Property ID, значит, интеграция включена. Если ID удалить из этого поля, интеграция отключится.

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

В статье по ссылке "Как узнать, используется ли Universal Analytics" сказано, что прекращается поддержка старых элементов отслеживания, таких, например, как ga.js. В самом ГуглАналитикс пишут: "Мы рекомендуем использовать Global Site Tag (gtag.js) и Диспетчер тегов Google на всех ресурсах, где отслеживание не применялось ранее. Вы также можете работать с дополнительными решениями, такими как analytics.js и Measurement Protocol" и предлагают скопировать код gtag.js.
Если я использую встроенную интеграцию со своим гугло-счётчиком в настройках сайта, то вижу в коде страницы ga.js.

До переезда ga.js работал, всё ок. Но вдруг и правда перестанут его поддерживать.

alt=»Алексей | shop-script.org» />Алексей | shop-script.org Партнер-эксперт 23 октября 2017 21:20 #

Так поставьте в настройках галочку Universal Analytics и будет использоваться analytics.js (вместо ga.js)

Где найти этот шаблон index.html темы дизайна, чтобы добавить туда хелпер блока ?

alt=»Михаил Ушенин» />Михаил Ушенин Webasyst 29 мая 2020 14:15 #

Этот файл обычно можно найти в списке файлов в редакторе шаблонов темы дизайна. В разделе «Витрина → Шаблоны» (в приложении «Магазин») или в разделе «Дизайн → Шаблоны» (в других приложениях).

Есть возможность сделать счетчик невидимым для посетителей?

alt=»Михаил Ушенин» />Михаил Ушенин Webasyst 30 июля 2020 16:47 #

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

Добрый день. Добавил счетчик сюда —

Дополнительный JavaScript-код для вставки перед закрывающим тегом </head>

Код не отображается.

alt=»Михаил Ушенин» />Михаил Ушенин Webasyst 17 августа 2020 09:18 #

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте так же:
Схема подключения счетчика со и4491м2 5

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

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

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

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. Проверь работу счетчиков и опубликуй контейнер.

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

Список отслеживаемых целей и событий

Действие пользователяGA Event Action, цель Метрики, событие Facebook и Вконтакте
Загрузил форму регистрации (например, увидел кнопку регистрации)
Увидел форму регистрации[TimePad] opened form eventRegister
Заполнил поля анкеты регистрации[TimePad] edited field eventRegister
Нажал на кнопку "Купить билет"[TimePad] clicked button eventRegister
Увидел экран выбора способов оплаты[TimePad] opened form eventPaymentTypes
Нажал на кнопку способа оплаты[TimePad] clicked button eventPaymentTypes
Произвел оплату*[TimePad] made eventPayment
Перешел на страницу подтверждения оплаты билета (для платного заказа)
Перешел на экран подтверждения регистрации (для бесплатного заказа)

Примечания

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

В качестве GA Event Category отправляется user . В качестве GA Event Label мы отправляем строку event_id:<ID>;widget_mode:<default|vk|popup|event_list_widget> , где <ID> – id события, а widget_mode указывает на то, как использовался виджет.

  • default — обычный режим виджета
  • vk — виджет-приложение ВКонтакте
  • popup – виджет открывается в попапе ("виджет в режиме кнопки")
  • event_list_widget — виджет отображается внутри виджета списка событий

В Яндекс.Метрику отправляются те же самые данные, но в виде объекта.

Как предоставить доступ к Google Search Console

Google Search Console — инструмент для веб-мастеров и необходим для анализа представления сайта в поисковой системе Google. Чтоб предоставить доступ к Search Console

  • Заходим в Search Console и внизу меню находим шестеренку «Настройки»Доступ в Google Serch Console
  • Для предоставления доступа выбираем «Пользователи и разрешения».
    Важно: для предоставления доступа в Серч Консоль необходимо обладать правами владельца в статусе «Вы являетесь подтвержденным владельцем».Search Console новый пользователь
  • На странице «Пользователи и разрешения» находится перечень всех, у кого есть доступ к панели Серч Консоль и их правами.
    Кликаем по кнопке «Добавить пользователя»
  • Открывается новое окно, где необходимо заполнить email нового пользователя, а так же выбрать предоставляемые права: ограниченный или полный доступ.
  • Жмем «Добавить» и видим нового пользователя, который появился на странице «Пользователи и разрешения» в Search Console.

Добавить пользователя в Серч Консоль

Если у вас что-то не получилось, то обратитесь к специалистам Help2Site и мы обязательно поможем.

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