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

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

Задание

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

  1. Создай в Segment источник Browser Source для вызовов из браузера.
  2. Создай источник HTTP API Source для событий, которые отправляет сервер.
  3. Скачай и распакуй учебный проект.
  4. Выполни команды ниже в папке проекта.
  5. Добавь в .env.local ключ записи (write key) каждого источника и перезапусти локальный сервер.
  6. Проверь по одному вызову в Source 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 появился в Source Debugger для Browser Source.
  • После регистрации событие Signup Completed появилось в Source Debugger для HTTP API Source.