AccylinDocs

JavaScript Frameworks

Learn how to integrate your Accylin tracking code with various JavaScript frameworks.

Prerequisites

React

Using Script Tag

Add your website tracking code to your main HTML file public/index.html:

<head>
  <!-- Paste your Accylin tracking code here -->
</head>

Learn more about adding scripts to React applications.

Using Next.js

For Next.js applications, add your tracking code in pages/_document.jsx:

import { Html, Head, Main, NextScript } from 'next/document'
 
export default function Document() {
  return (
    <Html>
      <Head>
        {/* Paste your Accylin tracking code here */}
      </Head>
      <body>
        <Main />
        <NextScript />
      </body>
    </Html>
  )
}

Learn more!

Angular

Add your tracking code to src/index.html:

<head>
  <!-- Paste your Accylin tracking code here -->
</head>

SvelteKit

Add to src/app.html:

<head>
  <!-- Paste your Accylin tracking code here -->
</head>
Note

If you didn't find instructions for your specific JavaScript framework, don't worry! You can easily search for how to add a custom script to your framework in its documentation or community resources. Most modern frameworks provide simple ways to inject third-party scripts like Accylin's into the HTML <head> section or dynamically through JavaScript.

Verification

After adding the tracking code:

  1. Visit your application
  2. Open browser developer tools (F12)
  3. Check the Network tab for requests to Accylin servers
  4. Verify data appears in your Accylin dashboard

Custom Events

For implementing custom event tracking in your application, please refer to our detailed guide on Custom Events.

Support

Need help? Contact us at support@accylin.com or visit our help center.

Previous

Webflow

On this page

PrerequisitesReactUsing Script TagUsing Next.jsAngularSvelteKitVerificationCustom EventsSupport