Documentation

Everything you need to get Monoid running on your site.

1. Create an account

Go to monoid.website, enter your email, password, and domain. You'll receive an activation link by email.

2. Add the tracker snippet

After confirmation, paste this inside your site's <head> tag. Replace YOUR_SITE_ID with the ID from your dashboard.

html

<script async defer
  src="http://localhost:8787/tracker.js"
  data-site-id="YOUR_SITE_ID">
</script>

The script is loaded asynchronously — it never blocks page rendering. Data starts appearing in your dashboard within seconds.

3. Verify installation

Open your site in a browser, then check your Monoid dashboard. You should see a pageview appear in real time. If nothing shows up after a minute, check that the data-site-id attribute matches your site ID exactly.

Next.js / React

In Next.js, add the snippet to your _document.tsx or use the next/script component with strategy="afterInteractive":

tsx

import Script from 'next/script'

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script
          src="http://localhost:8787/tracker.js"
          data-site-id="YOUR_SITE_ID"
          strategy="afterInteractive"
        />
      </body>
    </html>
  )
}

WordPress

In your theme's functions.php, add:

php

function monoid_tracker() {
  echo '<script async defer src="http://localhost:8787/tracker.js" data-site-id="YOUR_SITE_ID"></script>';
}
add_action('wp_head', 'monoid_tracker');

Something missing or incorrect? Let us know — we'll update the docs within 48 hours.