Модуль 1 из 9 · Перед занятием 4

Подключение Segment

Задание

Скачай учебный проект, запусти его на своем компьютере и подключи собственные Browser Source и HTTP API Source в Segment. После этого продолжай занятия в локальной копии сайта.

  1. Создай в Segment Browser Source — источник вызовов из браузера.
  2. Создай HTTP API Source — источник событий, которые отправляет сервер.
  3. Скачай и распакуй учебный проект.
  4. Выполни команды ниже в папке проекта.
  5. Добавь оба write key — ключа доступа к источникам — в .env.local и перезапусти локальный сервер.
  6. Проверь по одному вызову в Debugger каждого источника.
npm install
cp .env.example .env.local
npm run dev
NEXT_PUBLIC_SEGMENT_WRITE_KEY=browser_source_write_key
SEGMENT_WRITE_KEY=http_api_source_write_key
NEXT_PUBLIC_APP_ENV=development

Перед переходом проверь

  • Архив проекта скачан и распакован.
  • В Segment созданы отдельные учебные Browser Source и HTTP API Source.
  • Оба write key добавлены в .env.local, а локальный сервер перезапущен.
  • Pricing Page виден в Debugger Browser Source.
  • После регистрации Signup Completed виден в Debugger HTTP API Source.