How to Add Framer Analytics to Your Website using Humblytics

Published on

May 1, 2024

Step 1: Sign Up for Humblytics to Use Analytics Framer

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. You can also add Google Analytics for more detailed insights into your website's engagement and traffic.

Domain Name: Enter your Framer website domain name.

Website Name: Give your website a name in Humblytics.

Step 3: Add Humblytics Tracking Code 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 custom code section for adding custom code.

Paste the Script: In the designated area for custom scripts, paste the Humblytics tracking script. The tracking code and tracking ID should be added in the site settings.

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 if Google Analytics is receiving data using the measurement ID.

Check Analytics: Return to your Humblytics dashboard to see if the events are being recorded. Unique visitors can be tracked for better insights. 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. Use Framer analytics for detailed insights, including session replays, pageviews, and button clicks. Engage in A/B testing and other features to enhance user engagement and conversion rates. Search engines consider various factors for ranking, and optimizing the site structure is crucial. Navigate the left sidebar in analytics tools for additional settings.

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.

‍