Adding analytics to your Carrd site

Installing the analytics script on your Carrd website is super simple. Once you have added your website to Panelbear, all that is left to do is integrate our analytics snippet.

The analytics snippet is a small piece of code that runs on your website, and it collects the metrics necessary to show you the insights in the dashboard.

We'll make use of Carrd's custom code embed to add analytics to your site.

Steps

  1. If you haven't already, create a new website on Panelbear, give it any name you want to help you recognize it later.
  2. Copy the Javascript snippet that is shown to you after creating the website. Alternatively, you can always find it again from the Site Settings page.
  3. Login to Carrd, click on Add and select Embed to create a new Embed element.
  4. Set the style to Hidden and select Head on the dropdown that appears next to it. This will make sure the element will be placed in the site's <head> element once published.
  5. Paste your Panelbear site snippet into the Code box, and configure it to use hash-based routing. Here's an example of what it should look like (don't forget to replace both mentions of YOUR_SITE_ID):
    <!-- Panelbear Analytics - We respect your privacy -->
    <script async src="https://cdn.panelbear.com/analytics.js?site=YOUR_SITE_ID"></script>
    <script>
        window.panelbear = window.panelbear || function() { (window.panelbear.q = window.panelbear.q || []).push(arguments); };
        panelbear('config', {
            site: 'YOUR_SITE_ID',
            includeURLFragment: true,
        });
    </script>
  6. You can optionally set the Carrd element label to "Panelbear snippet" so you can easily recognize it later.
  7. Click Done to save your changes and now Publish.

Check your installation

After you have added our analytics script to your website, you should be able to see pageviews show up in the dashboard within a minute of the visitors coming into your website.

If you need help, you can reach out to us at [email protected].

Where can I find the site ID?

You can find your Panelbear site ID from the Site Settings page.