Google Analytics — это аналитическая служба, которая позволяет вам измерять трафик и вовлеченность ваших веб-сайтов и приложений.
Таким образом, этот инструмент легко настроить в нашем приложении Next.js за несколько шагов.
Шаг 1. Создайте учетную запись Google Analytics и ресурс
- 1: Перейдите на https://analytics.google.com/analytics/web/. Если это ваш первый раз, вам необходимо создать учетную запись.
Нажмите на синюю кнопку «Начать измерение».
2. И на следующей странице создайте свою учетную запись.
Напишите имя для своей учетной записи, затем выберите все продукты, которые лучше всего вам подходят. И ведь создать по кнопке Далее.
3. Создайте свойство. Это то, что представляет ваш сайт и/или приложение.
Напишите подходящее имя, соответствующее вашему сайту и/или приложению. А затем выберите свой часовой пояс. Нажмите на следующую кнопку, чтобы продолжить.
4. На последнем шаге расскажите о своем бизнесе.
Выберите отраслевую категорию, размер и выберите все параметры, которые вы собираетесь использовать в Google Analytics. Затем нажмите кнопку «Создать» и примите условия.
Шаг № 2: начните сбор данных
После того, как вы создадите свою учетную запись и недвижимость, вы окажетесь на этой странице. На этой странице выберите платформу, на которой вы хотите использовать Google Analytics. В нашем случае мы выбираем Интернетдля Next.js.
Введите URL-адрес своего веб-сайта Next.js и имя потока, затем нажмите кнопку «Создать поток».
На следующей странице нажмите оранжевую кнопку «Просмотреть инструкции по тегу». На странице "Инструкции по установке" на кнопке страницы нажмите установить вручную. Скопируйте фрагмент кода тега Google и перейдите в приложение next.js.
Шаг 3. Добавьте тег Google на каждую страницу
Откройте страницу index.js.
мимо кода, скопированного со страницы Инструкции по установке. И измените тег script на тег next/script. И измените атрибуты тега, как я.
Поздравление! Вы настроили Google Analytics 4 в своем приложении next.js. Теперь соберите проект с помощью npm run build и начните с npm run start.
Сбор данных из Интернета занимает около 24–48 часов, но вы также можете отслеживать их в реальном времени. Просто зайдите на свою страницу Google Analytics. С левой стороны выберите «Отчет» -> «Реальное время» и следите за своим пользователем.
Пожалуйста, запустите свой проект из разных браузеров, чтобы убедиться, что цифры в реальном времени увеличиваются.
Большое спасибо за чтение. Надеюсь, вы узнали что-то новое из этой статьи.
