Skip to content

Commit f7764c2

Browse files
committed
fix: integrations index
1 parent eca0385 commit f7764c2

File tree

1 file changed

+96
-0
lines changed

1 file changed

+96
-0
lines changed
Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
---
2+
title: Integrations
3+
description: Add Databuddy to your favorite platforms and frameworks
4+
---
5+
6+
import { Card, Cards } from "@/components/docs";
7+
import { Callout } from "@/components/docs";
8+
9+
Databuddy integrates seamlessly with popular platforms and frameworks. Choose your preferred integration method and start tracking privacy-first analytics in minutes.
10+
11+
<Callout type="info">
12+
<strong>TL;DR</strong> — **Easy setup**, **3KB script**, **framework-specific components**, **no configuration needed**.
13+
</Callout>
14+
15+
## Frontend Frameworks
16+
17+
<Cards>
18+
<Card title="React" href="/docs/Integrations/react">
19+
TypeScript support with React hooks and components for tracking events and page views.
20+
</Card>
21+
<Card title="Next.js" href="/docs/Integrations/nextjs">
22+
App Router and Pages Router support with automatic route tracking and SSR compatibility.
23+
</Card>
24+
</Cards>
25+
26+
## Content Management
27+
28+
<Cards>
29+
<Card title="WordPress" href="/docs/Integrations/wordpress">
30+
Plugin installation or manual setup for WordPress sites with theme compatibility.
31+
</Card>
32+
<Card title="Framer" href="/docs/Integrations/framer">
33+
No-code integration for Framer websites with visual setup guide.
34+
</Card>
35+
</Cards>
36+
37+
## E-commerce Platforms
38+
39+
<Cards>
40+
<Card title="Shopify" href="/docs/Integrations/shopify">
41+
Complete e-commerce tracking with purchase analytics and revenue monitoring.
42+
</Card>
43+
<Card title="Stripe" href="/docs/Integrations/stripe">
44+
Payment tracking integration for comprehensive conversion analytics.
45+
</Card>
46+
</Cards>
47+
48+
## Tag Management
49+
50+
<Cards>
51+
<Card title="Google Tag Manager" href="/docs/Integrations/gtm">
52+
GTM integration for managing Databuddy alongside other marketing tools.
53+
</Card>
54+
</Cards>
55+
56+
## Quick Setup Guide
57+
58+
**1. Choose Your Platform**
59+
Select the integration that matches your tech stack from the options above.
60+
61+
**2. Get Your Client ID**
62+
Find your unique client ID in your [Databuddy dashboard](https://app.databuddy.cc/settings).
63+
64+
**3. Follow Integration Steps**
65+
Each integration has specific setup instructions tailored to that platform.
66+
67+
**4. Verify Tracking**
68+
Check your dashboard for real-time data after installation.
69+
70+
## Features Across All Integrations
71+
72+
**Core Analytics**
73+
- Page view tracking with SPA support
74+
- Anonymous session management
75+
- Traffic source attribution
76+
- Real-time visitor monitoring
77+
78+
**Performance Tracking**
79+
- Core Web Vitals monitoring
80+
- Page load timing metrics
81+
- JavaScript error tracking
82+
- Custom event measurement
83+
84+
**E-commerce Support**
85+
- Purchase tracking and revenue
86+
- Shopping cart behavior analysis
87+
- Product performance metrics
88+
- Conversion funnel insights
89+
90+
## Need Help?
91+
92+
<Callout type="success">
93+
Having trouble with an integration? Check the specific platform guide or [contact our support team](mailto:[email protected]) for assistance.
94+
</Callout>
95+
96+
Looking for a platform not listed here? Let us know what you need and we'll consider adding it to our integration roadmap.

0 commit comments

Comments
 (0)