Introduction to Humblytics

Key Capabilities

1. Custom Event Tracking

  • Track specific interactions by adding a simple attribute such as humblytics="signup-button" to any element.

  • No‑code & low‑code friendly for platforms like Webflow, Framer, and Typedream.

  • Real‑time reporting in the dashboard under Clicks with filters for device, referrer, and timeframe.

2. Funnel Analysis

  • Multi‑step funnels: map page views, clicks, form submissions—or any custom event—in a visual flow.

  • Conversion metrics at a glance: see starting volume, drop‑off percentages, overall conversion rate, and per‑step value attribution.

  • Cross‑domain support: switch between “primary domain only” or multiple domains to follow users across subdomains or checkout flows.

  • Segment & save funnels for one‑click access during campaigns or A/B tests.

3. Click & Scroll Heatmaps

  • Dynamic heatmaps overlay click density on live pages for desktop, tablet, and mobile views.

  • Scroll-depth insights show where users lose interest on long pages.

  • Page‑level filtering lets you compare different layouts or devices side‑by‑side.

  • No extra installation—heatmaps activate automatically once the base script is on your site.

4. Experiments (A/B Testing)

  • One script, unlimited tests: run split tests without adding extra libraries.

  • SEO‑safe redirects with canonical tags to avoid duplicate content penalties.

  • Cookie‑free audience assignment using short‑lived query parameters.

5. Privacy & Performance

  • Cookie‑free by design—no consent banners required under GDPR.

  • Lightweight (~36 KB) async‑loaded script served from regional CDNs.

Integrations

  • Webflow: add the script in Site Settings → Custom Code → Head; Tally.so and native Webflow forms are auto‑tracked.

  • Framer: paste the tag in Site Settings → General → Custom Code; use attributes to tag custom interactions.

  • Wix: in the site editor go to Settings → Custom Code → paste the tag in Head and apply to all pages.

  • Squarespace: navigate to Settings → Advanced → Code Injection and add the snippet to the Header field.

  • WordPress: use a header/footer plugin (e.g., Insert Headers and Footers) or edit header.php to insert the tag before </head>.

  • Shopify: open Online Store → Themes → Edit Code; in theme.liquid, add the tag just above </head>.

  • Typedream & static sites: include the script in the global <head> template or HTML files.

Typical Use Cases

Goal

Humblytics Workflow

Improve landing page sign‑ups

Heatmap → identify low‑click CTAs → A/B test hero copy

Diagnose checkout drop‑off

Funnel (Cart → Checkout → Thank You) → view step‑level conversion

Attribute campaign ROI

Custom click events on ads/UTM pages → Funnel value attribution

Ready to dive in? Install the single script, verify your site, and start exploring funnels, heatmaps, and real‑time events within minutes.

PreviousOverviewNextFeatures Overview

Last updated

Was this helpful?