How to Track Custom Click Events

Custom Event Tracking in Humblytics empowers you to monitor specific user interactions on your website, providing deeper insights into user behavior and engagement. This feature is essential for understanding how visitors interact with various elements on your site, enabling you to make data-driven decisions to improve user experience and site performance.

What is Custom Event Tracking?

Custom Event Tracking involves tracking specific actions or interactions that users perform on your website, such as button clicks, form submissions, and other engagement metrics. This allows you to gather detailed analytics on user behavior and tailor your site to better meet user needs.

Key Benefits

1. Enhanced User Insights

   • Gain detailed insights into how users interact with specific elements on your site, allowing you to optimize these elements for better performance and user engagement.

2. Tailored Analytics

   • Customize your tracking to focus on the interactions that matter most to your business goals, whether it's tracking clicks on a call-to-action button or monitoring form submissions.

3. Improved Decision Making

   • Use the data collected from custom event tracking to make informed decisions about site design and functionality, helping to improve overall user experience and conversion rates.

How to Add Custom Event Tracking

Humblytics supports custom event tracking for both Webflow and Framer sites. Below are the general steps involved in setting up custom event tracking:

1. Access the Designer Tool

   • For Webflow: Open your project in the Webflow Designer.

   • For Framer: Open your project in Framer.

2. Select the Element

   • Choose the element you want to track (e.g., a button, link, or form).

3. Add Tracking Attributes

   • For Webflow: Add custom attributes to the element in the settings panel.

   • For Framer: Humblytics natively tracks layer names, so no additional attributes are needed.

4. Set Up in Humblytics

   • Log in to your Humblytics dashboard.

   • Navigate to the "Event Tracking" section.

   • Create a new event and specify the element to be tracked using the appropriate selector (custom attribute for Webflow, layer name for Framer).

5. Monitor and Analyze

   • Use Humblytics' real-time insights and reports to monitor the tracked events.

   • Analyze the data to understand user interactions and optimize your site accordingly.

Cross-Domain Click Tracking

Track click events across multiple domains with unified reporting in your main dashboard. Use the domain parameter to attribute clicks from external domains:

// Track clicks on external domains
window.Humblytics.trackClickEvent("purchase-button", {
  domain: "yourmainsite.com",
});

This is especially useful for:

• Ecommerce sites with separate checkout domains

• Multi-domain company websites

• Third-party integration tracking

For complete cross-domain setup instructions, see our Cross-Domain Tracking & Whitelisting guide.

Additional Features

• Track FAQ Click Events

  • Specifically for Framer, track your most-clicked FAQs without any custom code or attributes. This feature helps you understand which questions your visitors find most engaging.

Resources and Support

• For detailed instructions and visual guidance, refer to the specific guides for Webflow and Framer:

  • How to Add Custom Event Tracking for Webflow Sites

  • How to Add Custom Event Tracking for Framer Sites

  • Video Tutorials

This overview provides a high-level understanding of Custom Event Tracking in Humblytics. For detailed setup instructions, please refer to the specific guides and video tutorials linked above