Humblytics
  • Overview
    • Introduction to Humblytics
    • Features Overview
    • Frequently Asked Questions
  • How to Get Started
    • Create a New Account
    • Add Humblytics Analytics to a Custom / Self-Hosted Site
    • How to Add Humblytics Analytics to Your Weblow Site
    • How to Add Humblytics Analytics to Your Framer Site
  • Split Testing Overview
    • How Humblytics Split Testing Works - Under the Hood
    • How to Setup a Split Test
    • Creating A/B Page Variants for Split Testing
    • How to Analyze Split Test Data
    • Using the Humblytics A/B Sample‑Size Calculator
    • Deciding How Long to Run an A/B Test
  • How to Track Custom Form Submissions
    • GoHighLevel
    • Tally.so
      • Framer – How to Track Tally.so Form Submissions
      • Webflow – How to Track Tally.so Form Submissions
      • Custom/Self-Hosted – How to Track Tally.so Form Submissions
    • Typeform
      • Framer – How to Track Typeform Submissions
      • Webflow – How to Track Typeform Submissions
      • Custom/Self-Hosted – How to Track Typeform Submissions
    • Cal.com
      • Webflow – How to Track Cal.com Booking Submissions
      • Framer – How to Track Cal.com Booking Submissions
      • Custom/Self-Hosted – How to Track Cal.com Booking Submissions
    • Hubspot Forms
      • Framer – How to Track HubSpot Form Submissions
      • Custom/Self-Hosted – How to Track HubSpot Form Submissions
      • Webflow – How to Track HubSpot Form Submissions
    • Hubspot Booking Links
      • Framer – How to Track HubSpot Booking Links
      • Webflow – How to Track HubSpot Booking Links
      • Custom/Self-Hosted – How to Track HubSpot Booking Links
  • How to Track Custom Click Events
    • How to Track Click Events on Custom / Self‑Hosted Site
    • How to Add Custom Event Tracking for Webflow Sites
    • How to Add Custom Event Tracking for Framer Sites
  • Understanding Your Data
    • Understanding Site Traffic
    • Understanding Pages Data
    • Understanding Click Data
    • Understanding Forms Data
    • Understanding Heatmap
    • Understanding Funnels
  • Campaign Tracking with UTM Links
  • Frequently Asked Questions
Powered by GitBook
On this page

Was this helpful?

  1. How to Track Custom Click Events

How to Add Custom Event Tracking for Framer Sites

Humblytics offers native event tracking for Framer projects, making it easier to track interactions without extra setup. However, you can still add custom attributes to your Framer elements for even more precise tracking.

Adding Custom Attributes in Framer

1. Open Code Overrides

• Click on the provided link in your project.

• Scroll down on the right toolbar.

• Click on Code Overrides.

2. Add a Code Override

export function withHumblyticsAttribute(Component): ComponentType {
    return forwardRef((props, ref) => {
        return <Component {...props} data-humblytics="nav-pricing" />
    })
}

‍‍Using Custom Attributes in Humblytics

1. Log in to Humblytics

• Open your Humblytics dashboard and log in.

2. Navigate to the “Clicks” Tab

• Go to the Clicks section to review event data.

3. Monitor Custom Attributes

• Look for the custom attribute event name (e.g., humblytics="hero-nav-btn") once it has been triggered.

• Use the real-time insights and reports to analyze data linked to your custom attributes.

• Track specific interactions and gather detailed analytics based on the custom attributes added to your Framer elements.

Track FAQ Click Events

No more second guessing, track your most-clicked FAQs in Framer without any custom code or attributes. Install the script, and we’ll show you which questions your visitors are interacting with. This functionality is also available for Webflow using custom attributes.

PreviousHow to Add Custom Event Tracking for Webflow SitesNextUnderstanding Your Data

Last updated 26 days ago

Was this helpful?

FAQ elements are automatically tracked with Humblytics