Add Splitbee Analytics To Next.js

Add Splitbee Analytics To Next.js

2 min read · 247 words · Shared July 20, 2021 by

Article Summary: Add Splitbee Analytics to a Next.js Jamstack website for free. Track analytics, users, funnels, automate tasks, run experiments like a/b testing and more with Splitbee Analytics.


Most websites use Google Analytics to track users and events. This is a great way to get an idea of how your website is performing. However, there are some downsides to using Google Analytics.

  1. They sell your data
  2. It slows down your website speed slightly
  3. There is a significant learning curve

In this snippet, we will explore an alternative analytics solution called Splitbee Analytics.



Navigate to and sign up for a free account (no credit card required).


Add The Tracking Tag

Add the folling tag to the head of your website. In Next.js this is inside of _document.js.

<script async src=""></script>
import NextDocument, { Html, Head, Main, NextScript } from 'next/document'

export default class MyDocument extends NextDocument {
    render() {
        return (
            <Html lang="en">
                    {/* Splitbee Analytics */}
                    <script async src=""></script>
                    <Main />
                    <NextScript />

Go To Your Site

Navigate to your site and you should see analytics flow through your dashboard!


Advanced Usage

To get the most out of Splitbee, the Splitbee team recommends looking into event tracking and storing user properties. They allow you to do things like:

  • Track conversion events
  • Capture form data and attach it to a user
  • Assign data to a user, like their email address

Happy tracking!

Edit on GitHub

Related Tags


Related Posts

Add Algolia's InstantSearch to Next.js - A Quickstart · December 17, 2021
Add Google Analytics To Next.js Website · April 29, 2021
Connect Firebase To Next.js · April 15, 2021

On This Page



Add The Tracking Tag

Go To Your Site

Advanced Usage

View Related Posts

December 17, 2021


Add Algolia's InstantSearch to Next.js - A Quickstart

April 29, 2021


Add Google Analytics To Next.js Website

April 15, 2021


Connect Firebase To Next.js

Loading author data...




    Privacy Policy

    Carlson Technologies Logo© Copyright 2021 - 2024, Carlson Technologies LLC. All Rights Reserved.