Quick Start

Get Produl running on your site in under 5 minutes.

Install the tracker

  1. 1

    Create a site in the dashboard

    Go to your dashboard and click New Site. You'll get a unique site ID — copy it for the next step.

  2. 2

    Add the tracker to your site

    Paste this before </body> on every page, replacing YOUR_SITE_ID:

    html
    <script defer data-site="YOUR_SITE_ID"
      src="https://app.produl.tech/tracker.min.js"></script>
  3. 3

    Deploy and open the page

    Deploy the change, then visit any page on your site. The pageview should appear in your dashboard within seconds.

Not using plain HTML?

We have framework-specific packages with better DX. See Installation for Next.js, React, Vue, and Remix.

Verify it works

Open your site with browser devtools on the network tab. You should see a POST to /api/collect on page load. In your dashboard, the Live visitors counter should tick up.

If you want a visual confirmation while you're setting up, enable debug mode — it renders a small overlay in the corner of your page showing every tracked event:

html
<script defer data-site="YOUR_SITE_ID" data-debug="1"
  src="https://app.produl.tech/tracker.min.js"></script>

Ad blockers

Some browser extensions block third-party analytics. If events aren't arriving in production, try disabling the extension for your site or switching browsers to confirm.

What's next?

Now that tracking works, the most common next steps are:

  • Wire up custom events for signups, purchases, or anything else you care about
  • Build a custom dashboard with the metrics that matter to you
  • Set up alerts so you know when something breaks