Install Muro on Framer
Add Muro to a Framer site through the site-wide Custom Code settings. Works on free and paid plans.
Framer has a built-in custom-code field that runs on every page. Drop the Muro snippet in there.
Steps
-
Open your project in Framer.
-
In the top-left, click the site name to open the site menu.
-
Choose Site Settings.
-
Go to the General tab and scroll to Custom Code.
-
In the Start of
<head>tag field, paste:<script async src="https://api.muroanalytics.com/muro.js" data-project-id="YOUR_PROJECT_ID"></script> -
Click Save in the dialog.
-
Click Publish in the top-right to push the change live.
The snippet only runs on the published site, not in the Framer preview.
Where to find your project ID
Open your Muro dashboard, go to Settings → Project → Tracking script, and click Copy script. The project ID is the value of data-project-id.
Verify
- Open your published site (the
.framer.websiteURL or your custom domain). - In Muro, set the time range to Live.
- Reload your site in another tab.
- Your visit appears within 30 seconds.
Tracking custom events in Framer
You can call window.muro.track() from an Embed component or from a Code Component. For a simple example on a thank-you page:
<script>
window.muro.track('signup');
</script>See Track custom events for naming, props, and recipes.