Quick Start
Integrating Humblytics with Framer: A Comprehensive Guide for Framer Analytics
Step-by-step tutorial to install Humblytics on Framer - copy script, verify events, and start heat-mapping in under 5 minutes. 30-day free trial.
Analytics for Webflow Sites
This guide shows Framer users how to install Humblytics, verify tracking, and start collecting privacy-first analytics in less than five minutes.
Step 1: Sign Up for Humblytics
Visit www.humblytics.com.
Click on the "Start Free Trial" button in the top right corner.
Choose a plan that suits your needs. Humblytics now offer a 7-day free trial for any paid plan.
Complete the registration process by providing your email and creating a password.
Step 2: Connect Your Framer Website
Log in to your Humblytics dashboard.
Look for the "Add New Site" or "Connect Website" button.
Select "Add Framer Site" from the options.
Enter the following details:
Domain Name: Your Framer website's domain (e.g., mysite.framer.website)
Website Name: A recognizable name for your project within Humblytics
Step 3: Add Humblytics Tracking Code to Your Framer Site
In your Humblytics dashboard, locate and copy the provided tracking script.
Open a new tab and log in to your Framer account.
Select the project you want to track.
Navigate to Project Settings:
Look for "Custom Code" or "Embed" section.
Paste the Humblytics tracking script into the designated area for custom scripts.
Save your changes in Framer.
Where to paste it: Framer → Site Settings → Custom Code → Head. Click Save and Publish.
Step 4: Publish Your Changes
After adding the tracking script, publish your Framer project to apply the changes.
This step activates the Humblytics tracking across your entire website.
Step 5: Verify the Installation
Visit your live Framer website and perform some actions (e.g., page views, clicks).
Return to your Humblytics dashboard and check for incoming data.
Note: There might be a short delay before data appears.
Step 6: Monitor and Optimize
Regularly review your Humblytics dashboard for insights:
Unique visitors
Page views
User interactions
Use the data to optimize your Framer site:
Improve user experience based on interaction patterns
Identify and fix issues causing drop-offs
Conduct A/B testing for layouts or content
Explore additional Humblytics features:
Custom event tracking
Conversion funnels
Heatmaps (if available in your plan)
Once analytics are set up, you can start optimizing your Framer site with experiments, here's how to run A/B split tests in Framer.
Can I run Google Analytics and Humblytics on the same Framer site?
Yes -both scripts can coexist in the <head>; events are sent to separate endpoints.
Will Humblytics slow my page speed?
No. The script is 36 KB, loads after DOMContentLoaded, and streams data server-side.
Do I need a cookie banner?
Humblytics is cookie-free, so consent banners are optional under GDPR.
By following this guide, you'll successfully integrate Humblytics with your Framer project, gaining valuable, privacy-respecting insights into your website's performance and user behavior.
