Skip to content
Aropath logo
Documentation

Build and Understand Your Business Better On Aropath

Quick starts, API references, and SDKs for every language your team already uses.

Installation & Deployment Guide

Aropath offers flexible integration paths tailored to your application architecture. Choose between our lightweight client CDN script tag for static and frontend web analytics, or our official SDK packages for server-side Node.js, Python, and Go applications.

1. Client HTML Script Tag (CDN)

< 3KB • < 30ms Latency

Recommended for standard websites, landing pages, WordPress, Webflow, and custom frontends. Paste the snippet directly inside the <head> element of your website HTML.

html
<!-- Place this snippet in the <head> of your site -->
<script
  src="https://cdn.aropath.com/track.js"
  data-id="YOUR_TRACKING_ID"
  async
></script>

• The async attribute guarantees non-blocking script loading so page render performance is unaffected.

• Replace YOUR_TRACKING_ID with your project's public tracking ID.

• Automatically records pageviews, session duration, scroll depth, engagement metrics, and interaction telemetry.

2. Node Package Manager (@aropath/sdk)

For modern React, Next.js, Vue, or Node.js server applications, install our official npm SDK.

bash
npm install @aropath/sdk
yarn add @aropath/sdkpnpm add @aropath/sdk

3. Next.js App Router Integration

In Next.js App Router applications, embed the script using Next.js Script component inside your root app/layout.tsx file:

typescript
import Script from "next/script";

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <head>
        <Script
          src="https://cdn.aropath.com/track.js"
          data-id={process.env.NEXT_PUBLIC_AROPATH_TRACKING_ID}
          strategy="afterInteractive"
        />
      </head>
      <body>{children}</body>
    </html>
  );
}

Installation Verification & Network Audit

After embedding the tracker, open your browser Developer Tools (F12) and inspect the Network tab. Filter for requests to track.js or /v1/events. You should see HTTP 200 OK responses with active session telemetry streaming to your Aropath dashboard.

Ready to get started?

Talk to Sales