Adding Framer Analytics to Your Site

For detailed instructions on adding your Framer site, visit the Framer Analytics Guide or watch the Framer Analytics Video Tutorial.

How to Add Framer Analytics to Your Website using Humblytics Published on May 1, 2024

Step 1: Sign Up for Humblytics

• Create an Account: Visit the Humblytics website and register for an account. Select a subscription plan that best fits your needs. The free Lite plan is great for testing the platform’s capabilities.

Step 2: Connect Your First Website

• Select “Add Framer Site” on the app dashboard.

• Domain Name: Enter your Framer website domain name.

• Website Name: Give your website a name in Humblytics.

Step 3: Add Humblytics Tracking Script to Your Framer Site

• Log in to Framer: Open a new tab and log into your Framer account.

• Select Your Project: Choose the project where you want to implement tracking.

• Get the Tracking Script: Copy the embed script provided by Humblytics. This script is tailored for your account to ensure accurate and private tracking.

• Navigate to Project Settings: In your project’s settings, find the section for adding custom code.

• Paste the Script: In the designated area for custom scripts, paste the Humblytics tracking script.

• Verify Script Installation: Use the 'Verify Website' feature on Humblytics to confirm that the site is properly connected and tracking events.

Step 4: Publish Your Changes

• Save and Publish: After embedding the script and adjusting your settings, save the changes in Framer and publish your project. This activates the tracking script throughout your website.

Step 5: Test and Verify Installation

• Test the Installation: Visit your live website to initiate some actions (like page views or button interactions).

• Check Analytics: Return to your Humblytics dashboard to see if the events are being recorded. Data may take a few moments to show up.

Step 6: Monitor and Optimize

• Regularly Review Data: Analyze the data collected by Humblytics to understand user interactions and optimize your site’s performance. Engage in A/B testing and other features to enhance user engagement and conversion rates.

By following these steps, you can effectively integrate Humblytics into your Framer project, enabling robust, cookie-free analytics that respect user privacy and provide valuable insights into your site’s performance.