How to add analytics to a Carrd site

Carrd sites are usually one page that links out — to a Stripe checkout, a Gumroad product, a waitlist or a booking tool. That's why outbound link tracking, which VisitTrack does automatically, is often the most useful report for a Carrd site: you see which button people actually clicked, by source.

How to install VisitTrack on Carrd

1. 1

   Step 1: Copy your site id

   Add your Carrd domain as a site in VisitTrack and copy the snippet from the install step. Replace SITE_ID below.

2. 2

   Step 2: Add an Embed element

   In the Carrd editor, click + (Add Element) and choose Embed. Set Type to Code.

3. 3

   Step 3: Make it a hidden head embed and paste the tag

   Set Style to Hidden and the placement to Head, then paste the snippet into the code box. A hidden embed doesn't appear on the page, so it doesn't matter where the element sits in the editor.

   Embed → Code → Hidden → HeadCopy

   <script defer data-site="SITE_ID" src="https://visitrack.app/tracker.js"></script>

4. 4

   Step 4: Publish

   Click Publish (or Publish Changes). Embeds don't run in the editor preview, so check the live site.

How to check VisitTrack is working on Carrd

1. Open your published site in a normal browser tab.
2. The VisitTrack live view shows an active visitor within seconds.
3. Click one of your outbound buttons; it appears in the Outbound tab with the destination URL.

Does VisitTrack track Carrd page navigation?

A Carrd site is one page, and switching sections (yoursite.com/#pricing) only changes the URL fragment, so it isn't a new pageview. Your Pages tab will mostly show / — the useful questions on Carrd are where visitors came from and what they clicked.

If your Carrd has multiple real pages on a Pro plan, each page has its own path and is counted separately.

How to track custom events and goals in Carrd

Outbound clicks are tracked without any setup and feed the Outbound tab — that's every button pointing to Stripe, Gumroad, Calendly, a waitlist or your app. Carrd forms also record a form_submit event when they submit through a standard form submit; check with data-debug on the tag if a form doesn't show up.

Carrd's own buttons don't take custom attributes. For a click that stays on your site, use an Inline Embed with your own HTML, where data-vt-goal works:

<a href="#waitlist" class="button" data-vt-goal="waitlist_click">
  Join the waitlist
</a>

Then turn waitlist_click into a goal in Settings → Goals — or make a goal from outbound_click to count every click that leaves the page.

Revenue attribution on Carrd

If your Carrd sells through Stripe Payment Links (buy.stripe.com buttons), connect Stripe in VisitTrack's Settings → Revenue, then add a second hidden Embed (placement Body End) with the snippet below. It appends the visitor id to every Payment Link as client_reference_id, so each sale is credited to the referrer, campaign and landing page that brought the buyer in. Details: Stripe revenue attribution.

<script>
  document.addEventListener("DOMContentLoaded", () => {
    const visitorId = localStorage.getItem("_ana_vid");
    if (!visitorId) return;
    document.querySelectorAll('a[href^="https://buy.stripe.com/"]').forEach((a) => {
      const url = new URL(a.href);
      url.searchParams.set("client_reference_id", visitorId);
      a.href = url.toString();
    });
  });
</script>

Script options you might need on Carrd

All optional — add them to the same tag. Full reference: script configuration.

Carrd troubleshooting

Not on Carrd? See all 29 integration guides.