How to Add Framer Analytics to Your Website using Humblytics

Published on

May 1, 2024

Integrating Humblytics with Framer: A Comprehensive Guide

Step 1: Sign Up for Humblytics

Visit www.humblytics.com.
Click on the "Start Trial" button in the top right corner.
Choose a plan that suits your needs. Humblytics now offer a 30-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.

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
Session replays (if available in your plan)

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)

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.