How to set up Carrd analytics, session replay, and more

Ian Vanagas

Jun 18, 2024

product analytics

Carrd is a popular simple site builder. It makes building one page websites like profiles, portfolios, and landing pages a breeze.

PostHog enables you to track and analyze these sites by capturing analytics data like pageviews, button clicks, and other user behavior. This requires both a Carrd site and their pro plan (for embeds) as well as a PostHog instance (you can signup and use it for free).

How to add PostHog to your Carrd site

Once your Carrd site is set up, go to PostHog and copy your web snippet from your project settings. It looks like this:

HTML
<script>
    !function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys getNextSurveyStep onSessionId".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]);
    posthog.init('<ph_project_token>',{api_host:'https://us.i.posthog.com', defaults:'2026-05-30'})
</script>

In your Carrd site, go to your site editor, click the + in the top right toolbar, and select Embed. In the options sidepanel:

For Type, choose Code
For Style, choose Hidden and Head
In Code, paste your PostHog web snippet from above
Click Done

Carrd site editor

Click the save icon and publish the site. Now, when you go to your published site and click around, you will see pageviews, clicks, and more autocaptured in PostHog's activity tab. If you enabled session replay and heatmaps in your project settings, these are also captured.

Analytics

PostHog is the leading platform for building self-driving products. With a full suite of developer tools – AI observability, product analytics, session replay, feature flags, experiments, error tracking, logs, and more – PostHog captures all the context agents need to diagnose problems, uncover opportunities, and ship fixes. A data warehouse and CDP tie it all together, unifying that context into one source agents can read across. You can steer it all from Slack, the web app, the desktop (PostHog Code), or your own editor via the MCP.

How to set up Carrd analytics, session replay, and more

Contents

How to add PostHog to your Carrd site

Further reading

Product for Engineers

Community questions