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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.humblytics.com/how-to-track-custom-click-events.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
