# How to Track Custom Click Events

{% hint style="info" %}
Humblytics automatically tracks click events and form events—no setup required. In your dashboard you'll see **Site Traffic**, **Pages**, **Links**, and **Forms**. Add custom attributes only when you want to assign specific labels to click events (e.g., to distinguish a particular CTA button from other links).
{% endhint %}

**Automatic Tracking**

Click events and form events are tracked automatically once you install the Humblytics script. You can view:

* **Site Traffic** — overall visitor and session metrics
* **Pages** — page view data
* **Links** — click events on links and buttons
* **Forms** — form submission events

**When to Add Custom Attributes**

Add custom attributes when you want to label specific click events with meaningful names (e.g., `hero-cta`, `pricing-button`) so you can identify them in the **Links** section and use them in funnels or A/B tests. Without custom attributes, clicks are still tracked—you just won't have custom labels for specific elements.

**How to Add Custom Click Tracking**

Humblytics supports custom attributes for both Webflow and Framer sites:

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 or link).
3. **Add Tracking Attributes**
   * For Webflow: Add a custom attribute such as `humblytics="your-event-name"` in the element settings panel.
   * For Framer: Humblytics natively tracks layer names, so no additional attributes are needed. You can add custom attributes via code overrides for more precise naming.
4. **View in Humblytics**
   * Log in to your Humblytics dashboard.
   * Navigate to **Analytics → Links** to see your click events. Custom attribute events will appear once they have been triggered at least once.
5. **Monitor and Analyze**
   * Use Humblytics' real-time insights and reports to monitor clicks 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:

```javascript
// 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](https://docs.humblytics.com/cross-domain-tracking-and-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 Click Tracking for Webflow Sites](https://docs.humblytics.com/how-to-track-custom-click-events/how-to-add-custom-event-tracking-for-webflow-sites)
  * [How to Add Custom Click Tracking for Framer Sites](https://docs.humblytics.com/how-to-track-custom-click-events/how-to-add-custom-event-tracking-for-framer-sites)
  * [Video Tutorials](https://www.humblytics.com/video-tutorials)