Quick Start
Get Pipetrace running on your website in under 5 minutes.
1
Create Your Account
Sign up for a free Pipetrace account to get your tracking ID.
2
Add Your Website
In your dashboard, click "Add Site" and enter your website's domain. You'll receive a unique tracking ID.
Your Tracking ID
pt_abc123xyz7893
Add the Tracking Script
Add the following script tag to your website's <head> section:
html
<script
defer
data-site="YOUR_SITE_ID"
src="https://api.pipetrace.andginja.com/t.js">
</script>Framework Examples
Next.jsApp Router
tsx
// app/layout.tsx
import Script from 'next/script'
export default function RootLayout({ children }) {
return (
<html lang="en">
<head>
<Script
defer
data-site="YOUR_SITE_ID"
src="https://api.pipetrace.andginja.com/t.js"
/>
</head>
<body>{children}</body>
</html>
)
}ReactVite / CRA
html
<!-- index.html -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<script
defer
data-site="YOUR_SITE_ID"
src="https://api.pipetrace.andginja.com/t.js">
</script>
</head>
<body>
<div id="root"></div>
</body>
</html>Astro
astro
---
// src/layouts/Layout.astro
---
<html lang="en">
<head>
<script
defer
data-site="YOUR_SITE_ID"
src="https://api.pipetrace.andginja.com/t.js">
</script>
</head>
<body>
<slot />
</body>
</html>WordPress
php
// functions.php
function add_pipetrace_script() {
wp_enqueue_script(
'pipetrace',
'https://api.pipetrace.andginja.com/t.js',
array(),
null,
false
);
wp_script_add_data('pipetrace', 'defer', true);
wp_script_add_data('pipetrace', 'data-site', 'YOUR_SITE_ID');
}
add_action('wp_enqueue_scripts', 'add_pipetrace_script');4
Verify Installation
Visit your website and check the browser console. You should see:
[Pipetrace] Tracking initialized (v2.0.0)You're All Set!
Your analytics data will start appearing in your dashboard within seconds. Head over to your dashboard to see real-time visitor activity.
Go to Dashboard