Wszystko, czego potrzebujesz,
nic, czego nie potrzebujesz
Zacznij w mniej niż minutę. Serio. Zmierzyliśmy.
Szybki start
Trzy kroki. To wszystko.
Dodaj fragment kodu
Wklej jedną linijkę kodu do sekcji head HTML. Gotowe.
Obserwuj napływające dane
Odwiedź swoją stronę raz, a Twój panel rozświetli się danymi w czasie rzeczywistym.
Fragment kodu śledzenia
Dodaj ten tag script do sekcji <head> swojej strony. To dosłownie tyle.
<script
defer
data-domain="yourdomain.com"
src="https://datakool.com/tracker/script.js"
></script>Zdarzenia niestandardowe
Śledź rejestracje, zakupy, pobrania — cokolwiek chcesz.
Funkcja datakool()
Wywołaj globalną funkcję datakool() w dowolnym miejscu na stronie, aby śledzić zdarzenia niestandardowe.
// Track a custom event
datakool('Signup')
// Track with custom properties
datakool('Purchase', {
meta: { plan: 'pro', amount: '9.00' }
})
// Track with a callback
datakool('Download', {
callback: function() {
window.location = '/download/file.zip'
}
})Stats API
Dostęp do danych programistycznie. Buduj, co chcesz.
/api/v1/stats/realtime/visitorsPobierz liczbę aktualnych odwiedzających na Twojej stronie.
/api/v1/stats/aggregatePobierz zagregowane statystyki (odwiedzający, odsłony, współczynnik odrzuceń itp.).
/api/v1/stats/timeseriesPobierz dane odwiedzających/odsłon w przedziałach czasowych do wykresów.
/api/v1/stats/breakdownPobierz najczęstsze wartości dla dowolnej właściwości (strona, źródło, kraj, przeglądarka itp.).
Przykład
Zapytanie
curl -H "Authorization: Bearer dk_your_api_key" \
"https://datakool.com/api/v1/stats/aggregate?site_id=example.com&period=30d"Odpowiedź
{
"data": {
"visitors": 12453,
"pageviews": 48291,
"bounce_rate": 42.3,
"visit_duration": 154,
"views_per_visit": 3.9
}
}Serwer MCP
Odpytuj swoją analitykę za pomocą Claude Code, Cursor lub dowolnego narzędzia AI obsługującego Model Context Protocol.
Konfiguracja
Połącz swoją analitykę Datakool z Claude Code jednym poleceniem. Potrzebny jest klucz API z ustawień konta (wymagany plan Pro lub Founder).
claude mcp add datakool \
--transport http https://datakool.com/mcp \
--header "Authorization: Bearer YOUR_API_KEY"Dostępne narzędzia
Po połączeniu wystarczy zapytać asystenta AI o rzeczy jak "Ilu odwiedzających miał example.com w tym tygodniu?" czy "Pokaż mi główne źródła ruchu z ostatnich 30 dni."
Przewodniki po frameworkach
Gotowe fragmenty kodu dla każdego stacku.
WordPress
Dodaj to do pliku functions.php w swoim motywie:
function datakool_script() {
echo '<script defer
data-domain="yourdomain.com"
src="https://datakool.com/tracker/script.js">
</script>';
}
add_action('wp_head', 'datakool_script');Next.js
Użyj komponentu Script w app/layout.tsx:
import Script from 'next/script'
export default function Layout({ children }) {
return (
<html>
<head>
<Script
defer
data-domain="yourdomain.com"
src="https://datakool.com/tracker/script.js"
strategy="afterInteractive"
/>
</head>
<body>{children}</body>
</html>
)
}Remix
Dodaj poprzez funkcję links w app/root.tsx:
export function links() {
return [
{
rel: 'preload',
href: 'https://datakool.com/tracker/script.js',
as: 'script',
},
]
}
// In your head:
<script
defer
data-domain="yourdomain.com"
src="https://datakool.com/tracker/script.js"
/>Astro
Dodaj do sekcji <head> w swoim layout:
---
// src/layouts/Layout.astro
---
<html>
<head>
<script
defer
data-domain="yourdomain.com"
src="https://datakool.com/tracker/script.js"
></script>
</head>
<body>
<slot />
</body>
</html>Hugo
Dodaj do layouts/_default/baseof.html wewnątrz head:
<!-- layouts/_default/baseof.html -->
<head>
<script
defer
data-domain="yourdomain.com"
src="https://datakool.com/tracker/script.js"
></script>
</head>Statyczny HTML
Po prostu wklej to w tag <head>:
<script
defer
data-domain="yourdomain.com"
src="https://datakool.com/tracker/script.js"
></script>Gotowy, żeby zacząć?
Utwórz darmowe konto i zacznij śledzić statystyki w mniej niż minutę.
Rozpocznij za darmo