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 IDpt_abc123xyz789
3

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