Google Analytics — это инструмент для отслеживания среди разработчиков, который предлагает гораздо больше, чем надежную аналитику, стабильность и интеграцию. Это также удивительно легко настроить.
Если вы запускаете какой-либо веб-сайт, особенно в коммерческих целях, наличие данных об использовании необходимо для управления вашим веб-сайтом.
В этом руководстве мы настроим Google Analytics на простом статическом HTML-сайте и начнем получать данные об использовании в режиме реального времени.
Создание учетной записи Google Analytics
Просто войдите или зарегистрируйтесь в своей учетной записи Google и посетите analytics.google.com, чтобы получить доступ к Google Analytics. Затем вас встретит следующая приветственная страница.
Нажмите кнопку «Начать измерение» на экране приветствия, после чего вы перейдете к следующему экрану.
В разделе настройки учетной записи укажите имя для учетной записи аналитики, настройте параметры обмена данными и нажмите «Далее». Затем вы будете перенаправлены в раздел настройки свойства.
Веб-сайт, приложение и т. д. идентифицируются с помощью значения свойства, и одна учетная запись может состоять из нескольких свойств. Укажите имя свойства и выберите часовой пояс и валюту. Затем нажмите «Далее».
Последний раздел — «О вашем бизнесе». Введите там необходимые данные о своем бизнесе и нажмите кнопку «Создать», чтобы создать учетную запись.
Примечание. Вам будет представлено лицензионное соглашение с конечным пользователем для аналитики, к которой вам необходимо получить доступ, прежде чем приступить к созданию учетной записи.
После успешного создания учетной записи вы будете перенаправлены на страницу создания потока данных.
Интеграция Google Analytics со статическим сайтом
Поскольку мы ориентируемся на статический веб-сайт, выберите «Интернет» в раскрывающемся списке «Выбрать платформу» на странице создания потока данных. Он направит вас в раздел «Настройка потока данных». Над разделом расширенных измерений укажите имя и URL-адрес веб-сайта с тем, что необходимо измерить, и нажмите кнопку «Создать поток».
Расширенные возможности измерения
Вышеуказанные действия создадут веб-поток и направят вас на страницу созданного веб-потока. Эта страница позволяет вам дополнительно настроить поток данных и предоставляет варианты для его интеграции в желаемое приложение или веб-сайт.
В разделе инструкций по добавлению тегов представлены все доступные методы интеграции аналитики на ваш веб-сайт. Есть два способа добавить теги на ваш сайт. Один использует Диспетчер тегов Google, а другой просто использует глобальный тег сайта, добавляя запись JavaScript на свой веб-сайт.
Диспетчер тегов Google предлагает вам больше гибкости при добавлении тегов на ваш сайт. Однако он требует дополнительной настройки и больше подходит для сложных аналитических нужд. Поскольку мы имеем дело с простым статическим веб-сайтом, мы будем использовать более простой метод использования тега Global site. Добавьте следующий код в раздел head вашего сайта:
Как только вы обновите свой код и развернете его, ваше отслеживание будет запущено!
Если вы хотите быстро развернуть свой веб-сайт, попробуйте Codesphere, единственную универсальную среду разработки, инструмент devops и облачный провайдер.
Проверка интеграции с Google Analytics
Самый простой способ проверить, работает ли интеграция, — использовать раздел «Отчеты» в аналитике и просмотреть отчет в реальном времени. Если интеграция прошла успешно, вы сможете увидеть текущую активность пользователей на вашем сайте из панели инструментов Google Analytics.
Вот оно! Ваши аналитические данные не должны передаваться с вашего сайта в Google Analytics!
Удачного кодирования!
