Документация

Добавьте аналитику на ваш сайт за 30 секунд. Одна строка кода.

Навигация

Quick Start

Без куки и без cookie‑баннера. Базовый скрипт меньше 1 КБ — в 130 раз легче Google Analytics. Данные на серверах в России, ФЗ‑152 compliant.

1 Зарегистрируйтесь и добавьте ваш сайт
2 Добавьте скрипт на сайт (см. примеры ниже)
3 Данные появятся в дашборде мгновенно

Установка

Добавьте тег перед закрывающим </head> или </body>:

HTML

<script src="https://api.naturecode.tech/tracker/YOUR_SITE_KEY.js" defer></script>

Добавьте в корневой компонент:

App.tsx

import { useEffect } from 'react';

function App() {
  useEffect(() => {
    const script = document.createElement('script');
    script.defer = true;
    script.src = 'https://api.naturecode.tech/tracker/YOUR_SITE_KEY.js';
    document.head.appendChild(script);
    return () => { document.head.removeChild(script); };
  }, []);

  return <div>{/* ... */}</div>;
}

App Router — добавьте в layout:

app/layout.tsx

import Script from 'next/script';

export default function RootLayout({ children }) {
  return (
    <html>
      <head>
        <Script
          defer
          src="https://api.naturecode.tech/tracker/YOUR_SITE_KEY.js"
          strategy="afterInteractive"
        />
      </head>
      <body>{children}</body>
    </html>
  );
}

Добавьте в App.vue:

App.vue

<script setup>
import { onMounted } from 'vue';

onMounted(() => {
  const script = document.createElement('script');
  script.defer = true;
  script.src = 'https://api.naturecode.tech/tracker/YOUR_SITE_KEY.js';
  document.head.appendChild(script);
});
</script>

Создайте client plugin:

plugins/naturecode.client.ts

export default defineNuxtPlugin(() => {
  if (import.meta.client) {
    useHead({
      script: [{
        defer: true,
        src: 'https://api.naturecode.tech/tracker/YOUR_SITE_KEY.js',
      }],
    });
  }
});

Server-side (HTTP API)

Подходит для серверного рендеринга (PHP, Python, Ruby), мобильных приложений и кастомных событий без JS на клиенте. Отправляйте события напрямую через POST-запрос:

cURL

curl -X POST https://api.naturecode.tech/api/event \
  -H "Content-Type: application/json" \
  -d '{
    "d": "your-site.com",
    "p": "/page-path",
    "r": "https://referrer.com",
    "w": 1920
  }'

Параметры

d — домен сайта (обязательный)

p — путь страницы

r — referrer URL

w — ширина экрана (px)

Pro

REST API

Читайте данные программно и встраивайте в свои отчёты, дашборды или CRM. Аутентификация через заголовок X-Api-Key.

GET /api/v1/sites/{id}/summary

GET /api/v1/sites/{id}/timeseries

GET /api/v1/sites/{id}/pages

...и ещё 6 endpoints

Полная документация и интерактивные примеры доступны в дашборде после регистрации.

Смотреть Pro-тариф →

Публичный дашборд

Каждый сайт в вашем аккаунте имеет уникальную публичную ссылку. По этой ссылке клиент видит только аналитику своего сайта — без доступа к вашему аккаунту и другим проектам.

Как получить публичную ссылку

1. Откройте дашборд нужного сайта
2. Нажмите «Поделиться» → «Публичная ссылка»
3. Скопируйте ссылку и отправьте клиенту

Для агентств

✓ Один аккаунт — все клиентские сайты
✓ Клиент видит только свой сайт, не другие проекты
✓ Доступно на всех тарифах, включая Free
✓ Без логина — только ссылка

Готовы начать?

Попробовать бесплатно