код google analytics на сайт
Установка кода Google Analytics на сайт
Пример кода для моего сайта выглядит так:
Однако не все так просто. Есть несколько вариантов установки данного кода применительно к онлайн-ресурсам.
Статический сайт
Статическим принято называть сайт, состоящий из неизменяемых HTML-страниц, связанных между собой ссылками. Они (страницы) создаются вручную, при каждом обращении к сайту не изменяются. А чтобы обновить информацию на таком сайте, необходимо самостоятельно вносить изменения в программный код страницы.
Если вы являетесь владельцем статического сайта, вам придется вручную добавлять код Universal Analytics на все страницы вашего веб-ресурса.
Изначально все сайты, созданные в интернете, были статическими. Сейчас же все больше веб-ресурсов имеют динамические страницы, информация на которых генерируется с помощью языков программирования (PHP, Ruby, Python и т.д.).
Динамический сайт
В отличие от статических, динамический сайт представляет собой набор отдельных хранимых файлов (шаблонов, контента, скриптов и прочего). Для отображения содержимого сайта, как правило, используется одна страница-шаблон. В нее при каждом обращении к сайту подгружается нужная информация.
При таком подходе формирования страниц, когда идет разделение контента и дизайна сайта, обычному пользователю становится легко управлять любыми изменениями. Редактирование содержимого в одном месте приведет к изменениям на последующих страницах.
Как добавить тег analytics.js на свой сайт
Библиотека analytics.js, также называемая тегом Google Аналитики, – это библиотека JavaScript для отслеживания взаимодействий пользователей с сайтом. В этой статье рассказывается, как добавить тег Google Аналитики на сайт.
Тег Google Аналитики
Тег Google Аналитики необходимо добавить в начале раздела (перед другими скриптами и тегами CSS), указав идентификатор ресурса, который вы хотите отслеживать.
Приведенный выше код выполняет четыре основные задачи:
Какие данные собирает тег Google Аналитики?
После того как вы добавите на сайт любой из приведенных выше тегов отслеживания, в Google Аналитику будет отправляться обращение pageview при каждом посещении ваших страниц. Это позволит вам получать важную статистику, в том числе следующие показатели:
Кроме того, по IP-адресу, строке агента пользователя и данным первоначального анализа страницы, выполняемого скриптом analytics.js при создании нового объекта отслеживания, определяются в том числе следующие параметры:
Дальнейшие действия
В большинстве случаев достаточно информации из стандартных отчетов, которые составляются на основе данных, получаемых с помощью тега Google Аналитики. Однако не исключено, что вам потребуется более детально анализировать действия пользователей.
Руководства, размещенные на этом сайте, помогут вам отслеживать нужные взаимодействия с помощью analytics.js. Прежде чем реализовать те или иные функции, ознакомьтесь со статьями, приведенными в разделе Основы на навигационной панели слева. Наши руководства позволяют получить общее представление о библиотеке analytics.js и ознакомиться с различными примерами кода.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
Как установить Google Analytics на сайт
Опытные вебмастера знают, что благополучие любого интернет-проекта во многом зависит от своевременного сбора данных, а также их дальнейшей обработки.
Рекламная кампания лишь тогда принесет пользу, если перед ее запуском вы определили приоритетные задачи и добавили web-аналитику.
Для этого стоит установить Google Analytics. Бесплатный и простой в использовании инструмент дает возможность администратору сайта получать точные сведения о действиях посетителей, конверсиях.
Благодаря аналитике вы узнаете:
Хотите сэкономить время и прямо сейчас научиться правильно создавать, настраивать код счетчика Гугл Аналитикс и добавлять его на сайт? Тогда эта статья точно станет для вас полезной!
Пошаговая инструкция: от, а до я
Для использования сервиса необходимо выполнить несложные действия: зарегистрироваться в Гугл Аналитикс и разместить код отслеживания на страницах блога, после чего можно переходить к изучению поведения своей аудитории.
Регистрация в Google и создание счетчика
Перейдите на сайт и создайте новый аккаунт. Если профиль уже есть, тогда просто введите соответствующую информацию.
Теперь необходимо уточнить, что именно вы хотите отслеживать: веб-сайт или мобильное приложение. После этого требуется указать название аккаунта, сайта и его урл.
В разделе «Отрасль» выберите из предлагаемого списка категорию, к которой больше всего подходит ваш ресурс. Затем установите часовой пояс отчетов.
Автоматически поставленные галочки в функциях предоставления доступа к данным снимать не рекомендуется:
Теперь осталось лишь нажать на кнопку «Получить идентификатор отслеживания» и принять соглашение об условиях использования Google Analytics.
Учтите! Analytics предусматривает создание до 100 аккаунтов. Это удобно для тех, у кого много рабочих и личных сайтов — при наличии доступа к административной панели вся информация о них будет находиться в одном месте.
Вот и все — счетчик Google Analytics создан и доступен в разделе «Код отслеживания», однако перед его установкой рекомендуем подкорректировать параметры инструмента под собственные нужды.
Настройка системы отслеживания в категории «Ресурс»
Соответствующая вкладка позволяет расширить возможности информера, а также отключить ненужные вам опции.
Найдите категорию «Функции для рекламодателей» и включите демографические отчеты — так вы получите данные по интересам и многоканальным цепочкам. Сервис также предоставит вам информацию о возрасте и поле ваших приоритетных клиентов. Обратите внимание на то, что на одном аккаунте нельзя создать более 2000 аудиторий ремаркетинга.
Примечание! Аудитории ремаркетинга — это списки cookie, которые соответствуют группе ЦА с потенциально высокой конверсией. Они создаются на основе действий посетителей, демонстрируя тех, кому целесообразно повторно показывать рекламу.
Если вы желаете получать подробные сведения о внутренних линках, обязательно включите функцию «Использовать улучшенную атрибуцию ссылок», которую содержит вкладка «Статистика страницы». Решив установить Google Analytics на сайт и настроив упомянутую выше опцию, вы увидите не только общую статистику кликов, но и данные по каждому урлу, кнопке и другому элементу на странице. Для подключения опции требуется установка плагина Page Analytics для Chrome, который вы найдете по этой ссылке.
Все остальное (использование рекомендованного поисковиком встроенного режима и включение данных о пользователей) оставьте неизменным — галочки уже стоят в нужных местах.
Вкладка «Настройки ресурса» также дает возможность подключить многие полезные инструменты. К примеру, взаимодействуя с профилем AdWords, анализатор станет накапливать сведения о поведении пользователей после показа или клика. Значит, вы будете точно знать, какую долю трафика привел AdWords, сможете при необходимости оптимизировать страницу и объявление.
Необходимые изменения в разделе «Представление»
В этой вкладке можно сделать 25 наборов отчетов, каждый из которых будет иметь свои сегменты, доступы и оповещения.
Здесь владельцу аккаунта следует указать подходящую валюту — впоследствии она отобразится в отчетах. Если вы хотите поставить код счетчика Google Analytics для получения максимально точных данных, воспользуйтесь фильтрацией роботов — упомянутая опция исключит из статистики обращение пауков и поисковых ботов на сайт.
Над оптимизацией вашего проекта трудится несколько специалистов? Добавьте их в список и предоставьте разрешение на том уровне, который считаете нужным (от просмотра и анализа, до совместного пользования и возможности внесения изменений в аккаунты, отчеты и фильтры).
Благодаря этой вкладке вы сможете накапливать данные о конверсионных событиях и целях. Шаблоны с настроенной конфигурацией ориентированы на оценку источников трафика, внедренных запросов, взаимодействия и доходов, то есть оформление заказа на сайте. Кроме того, вы можете настроить собственную цель. Непосредственно после установки пользователю предлагается ввести описание и подробные сведения о цели — все это станет основой для анализа эффективности.
Пригодятся желающим объединить конкретные материалы или сгруппировать страницы по определенным признакам: извлечениям, коду отслеживания и заданным правилам.
Они дают возможность изменять, а также сужать сбор сведений. Имеются встроенные инструменты для включения (исключения) трафика с IP-адреса, из домена провайдера, на конкретный хост и в определенные подкаталоги.
В подразделе «Группа каналов» можно легко изменить каналы переходов, а в следующей категории — разделить источники трафика на обычные и брендированные, то есть запросы с названием компании. Так вы сможете изучить рентабельность разных ключей для улучшения своей кампании.
Крайне полезная функция для интернет-магазинов, предоставляющая отчеты по сопутствующим товарам и поведению клиентов на каждом этапе совершения сделки.
Важно! Изменение настроек влияет на код счетчика, именно по этой причине настраивать web-аналитику под себя лучше заблаговременно. После изменения некоторых настроек может потребоваться добавить новую версию кода счетчика на сайт.
Как установить Google Analytics на сайт?
Скопируйте код отслеживания и разместите его на всех страницах ресурса либо в файле, отвечающем за формирование шаблонов всех страниц (в футере или шапке после тега).
Три способа добавления счетчика на сайт
Все предельно просто: зайдите на сервер и найдите файл в котором отображается теги добавьте код сразу под ним. Зачастую такой файл называется Header.php (пример для WordPress).
Существует большое количество расширений для разных движков (например, Google Analytics WordPress), установка которых занимает считанные секунды. Вам останется лишь скопировать скрипт на страницу настроек плагина — и все готово!
Перейдите на сайт https://www.google.com/analytics/tag-manager/ и добавьте новый аккаунт и нажмите «Далее». Затем укажите название контейнера и место, где будет использоваться анализатор (это может быть AMP, веб-сайт, iOS или Android). Щелкните мышкой по функции «Создать» — вам откроется соглашение об использовании диспетчера тегов. Для удобства можно выбрать в выпадающем сверху меню русский язык.
Осталось лишь согласиться с условиями компании, и сразу после этого появятся оба фрагмента кода: первый надо вставить на сайте в разделкак можно ближе к началу, а второй — после открывающего тега.
Разобравшись с менеджером тегов, переходим к установке счетчика. Самый простой способ — импорт контейнера через администрирование и дальнейшая замена идентификатора в поле «Значение» на собственный аналог.
Как проверить, что информер работает?
Убедиться в корректной настройке веб-аналитики несложно: добавив счетчик Google Analytics на сайт, перейдите в аккаунт сервиса. Выберите вкладку «Отчеты», а затем «В режиме реального времени», после чего зайдите во второй вкладке на свой ресурс.
Если в отчете отобразилась информация об одном посетителе — значит, ошибок нет, и с задачей вы справились!
С этой же целью можно использовать и специальное расширение для браузера.
Установка Google Analytics на разные CMS
В админ панели выберите «Расширения» и перейдите в «Менеджер шаблонов». Установив флажок возле нужного варианта, нажмите «Изменить HTML ». Сюда и требуется разместить код.
Советуем добавить модуль как можно ближе к началу страницы в специально выделенную и подключенную область.
Владелец сайта на этом движке должен зайти в раздел «Элементы», затем в «Управление элементами», «Шаблоны». Далее нужно открывать по очереди каждый шаблон и вставлять туда код счетчика. Более удобное решение — добавление скрипта в чанки шапки.
Подведем итоги
Время, потраченное на установку Гугл Аналики, сполна окупается возможностью удобного отслеживания статистики посещений сайта.
Установка кода Google Analytics
Что такое код отслеживания
Где на странице размещать код Google Analytics
Конечно, код отслеживания выполняет функцию в любой части страницы. Другой вопрос – насколько хорошо он это делает.
Есть два исключения, когда размещать код в «голове» страниц не нужно.
1) Пользовательские переменные отслеживания
Они всегда на странице в режиме ожидания очередного просмотра или другого события.
Пользовательскую переменную можно установить в «голове» документа, и она активируется до того, как Google отправит код HTML. Но если разработчики построили страницу иначе и вы не хотите ничего менять, можно создать пользовательскую переменную где угодно. Удалите эту строку из асинхронного кода:
Вставьте её на любую страницу после того, как установили переменные. Так код не прерывает загрузку, и вы можете отслеживать пользовательские переменные в любом блоке страницы.
Да, это может снизить точность данных, если посетитель уходит сразу после загрузки страницы.
2) Отслеживание событий
Второе исключение – функция «Отслеживание событий». Когда происходит событие, сигнал идет к переменной отслеживания. Как учесть «быстрых» посетителей:
Варианта два: событие произошло и событие не произошло.
Для первого присваиваем ярлык, например 0 (может быть любое другое значение, удобное для вас). Также устанавливаем значение для второго варианта (событие не произошло).
Расширенная настройка – Веб-отслеживание (analytics.js)
Этот документ содержит общую информацию о библиотеке analytics.js.
Фрагмент кода JavaScript
Глобальная функция ga – это основной способ взаимодействия с библиотекой analytics.js. Эта функция принимает ряд параметров, первый из которых представляет команду Google Analytics. Например, в стандартном фрагменте кода
Переименование глобального объекта
Теперь для вызова команд вы сможете использовать имя __gaTracker вместо ga :
Справка по фрагменту кода JavaScript
Далее показан основной фрагмент кода JavaScript с пояснительными комментариями.
Альтернативный вариант асинхронного фрагмента кода
Выше показан стандартный фрагмент кода analytics.js, который загружается и выполняется асинхронно на всех браузерах. Тем не менее, современные браузеры не поддерживают предварительную загрузку такого скрипта.
Создание объектов трекера
Для отправки данных в Google Analytics вам необходимо создать объект трекера. Каждый такой объект может передавать данные только в один веб-ресурс Google Analytics. Для создания объекта трекера используется следующий код:
Настройка объектов трекера
Вся настройка трекера должна выполняться при его первоначальном создании. Для этого функции ga в качестве последнего параметра передается объект конфигурации. Например, вот так можно переопределить некоторые стандартные настройки cookie:
В показанном выше примере с помощью объекта конфигурации были переопределены домен, имя и срок действия файла cookie.
В этом разделе Справки по полям вы найдете подробную информацию обо всех полях, которые могут настраиваться в методе create.
Тестирование на локальном хосте
Отправка данных
Например, для просмотров страницы укажите тип обращения pageview:
В результате в Google Analytics будут переданы данные об URL просмотренной страницы.
Объект имени поля
Подробнее о настройке объекта трекера читайте в Справке по полям.
Настройка обратного вызова после обращения
Настройка параметров для нескольких команд send
Отправка обращений с помощью метода useBeacon
Функции «проталкивания»
В некоторых случаях код требуется выполнять только после того, как завершится загрузка библиотеки analytics.js. Для этого функции ga в качестве параметра нужно передать функцию:
Когда библиотека закончит загружаться, пользователь увидит окно, уведомляющее об этом.
Получение параметров
Принудительное использование SSL (HTTPS)
По умолчанию при отправке исходящих запросов Google Analytics будет использовать тот же протокол, что и у страницы. Чтобы данные отправлялись с использованием протокола SSL даже с незащищенных страниц (HTTP), задайте для поля forceSSL значение true :
Работа с несколькими трекерами
Иногда может понадобиться отправлять данные с одной страницы на несколько веб-ресурсов. Например, если за разные разделы сайта отвечают разные люди, то будет удобнее, если каждый из них сможет просматривать свой веб-ресурс.
Чтобы реализовать эту возможность, создайте трекер для каждого веб-ресурса, на который нужно отправлять данные:
Для отправки просмотра страницы с использованием обоих трекеров добавьте к началу команды имя трекера и точку. Пример:
В результате просмотр страницы будет отправлен как в стандартный, так и в новый трекер.
Чтобы найти трекер по имени, используйте метод getByName :
Получить массив со всеми настроенными трекерами можно с помощью метода getAll :
Улучшенная атрибуция ссылок
Улучшенная атрибуция ссылок позволяет автоматически различать ссылки на один и тот же URL на странице с помощью идентификаторов элементов ссылок.
Чтобы использовать эту функцию:
Настройка улучшенной атрибуции ссылок
Плагин улучшенной атрибуции ссылок различает ссылки на один и тот же URL, используя идентификаторы элемента ссылки или родительского элемента, а также файл cookie. Вы можете указать, на каком уровне DOM следует искать идентификатор элемента и как устанавливать cookie, задав эти настройки при загрузке плагина:
Анонимизация IP
В некоторых случаях может потребоваться анонимизировать IP-адрес обращения (http-запрос), отправляемый в Google Analytics. Вы можете анонимизировать IP-адреса для всех обращений, отправляемых со страницы (на протяжении всего жизненного цикла трекера), используя команду set и задав для поля anonymizeIp значение true :
Чтобы анонимизировать IP-адрес для отдельного обращения, установите поле anonymizeIp в объекте конфигурации для данного обращения:
Подробнее читайте в справочной статье Анонимизация IP в Google Analytics.
Отказ пользователя от отслеживания
Иногда возникает необходимость отключить код отслеживания Google Analytics на странице, не удаляя с нее фрагмент JavaScript (например, если ваша политика конфиденциальности дает пользователям возможность отказаться от отслеживания).
Чтобы отключить отслеживание, задайте значение true для следующего свойства window:
UA-XXXX-Y – это идентификатор того веб-ресурса, на котором вы хотите отключить отслеживание.
Свойство window должно быть задано до вызова кода отслеживания, и его следует установить на каждой странице, где вы хотите отключить отслеживание Google Analytics. Если его значение на задано или равно false, отслеживание будет выполняться, как обычно.
Пример
Вот простой пример кода, позволяющего реализовать отказ от отслеживания.
Сначала добавьте на свой сайт HTML-ссылку для отказа от отслеживания:
Отладка
Для работы с отладочной версией analytics.js используйте библиотеку analytics_debug.js :
Библиотека analytics_debug.js имеет больший размер и обрабатывает обращения к сайту google-analytics.com с дополнительной задержкой. В связи с этим ее следует использовать только в качестве временного решения или на этапе разработки.
Трассировка отладки
Эта функция позволяет выводить на консоль более подробную информацию. Чтобы активировать ее, используйте библиотеку https://www.google-analytics.com/analytics_debug.js и добавьте следующую строку перед фрагментом кода.
Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. For details, see the Google Developers Site Policies. Java is a registered trademark of Oracle and/or its affiliates.