Introducing the New Click Tracking Module in WPMC Behavior & Heatmap

At WPMissionControl, we’ve always believed that understanding user behavior is the fastest way to improve WordPress websites. Our latest update to the WPMC Visual Tracker – Behavior & Heatmap plugin brings a completely new click tracking engine that makes analyzing visitor interactions faster, more reliable, and more visual than ever.

Why Click Tracking Matters

Clicks are intent. They tell you where your users want to go, what attracts their attention, and what they ignore. By mapping every click on your website, you can:

  • Spot hot areas that attract the most engagement.
  • Identify dead spots where users click but nothing happens.
  • Optimize CTAs, menus, and navigation for real conversions.
  • Compare desktop vs. mobile usage patterns.

Our new module makes all of this possible, right inside your WordPress admin panel.

How the New Module Works

The engine is built inside the new heatclick-BH system. Here’s a breakdown:

  1. JavaScript Tracking Layer
    • The front-end script (build/tracker.js) records every click event on the page.
    • It works together with a lightweight Web Worker (build/worker.js) for efficient, non-blocking data collection.
    • Mouse clicks are captured along with page URL, device type, and timestamps.
  2. Iframe Renderer
    • Instead of overlaying markers directly on a live site, the new iframe renderer (iframe.php + css/iframe.css) provides a sandbox.
    • Your site loads in an iframe (.wpmc-page), while clicks are displayed as a transparent overlay layer (.wpmc-overlay) above it.
    • This makes the heatmap cleaner and avoids interfering with your live design.
  3. REST API + AJAX Endpoints
    • Data is sent securely to WordPress via the REST API (rest.php) and classic AJAX (ajax.php).
    • A nonce system (wp_create_nonce) ensures request security.
  4. Database Layer
    • All interactions are stored in a dedicated database table (db.php / includes/db-setup.php).
    • This structured data allows filtering by URL, device, time range, or semantic area.
  5. Admin Panel Visualization
    • Admin pages (admin-page.php, panel-above-iframe.php, admin-pages-list.php) let you browse heatmaps for any URL.
    • A control bar sits above the iframe for filters (date range, device type, etc.).
    • The design is clean and modern, fitting seamlessly into the WPMC dashboard UI.

Functions in the Main Plugin File

The wpmc-behavior-and-heatmap.php file acts as the central hub. Here’s what it does:

  • Core Includes
    • Loads database setup (includes/db-setup.php), admin interface (includes/admin.php), statistics engine (includes/statistic.php), charts (Charts/chart-loader.php), and various dashboard tools.
    • Includes modules for referrals, online users, and data cleaning.
  • New Engine Loader
    • Boots the new BH click tracker via:
      require_once plugin_dir_path(__FILE__) . 'heatclick-BH/bootstrap.php';
    • This replaces the old “heatclick” legacy system, which remains commented for backward reference.
  • Theme & UI
    • Adds theme CSS (light/dark) to admin pages.
    • Legacy overlay CSS is commented out (no longer needed with the iframe renderer).
  • Extensible Design
    • Uses add_action and add_filter hooks so developers can extend or customize behavior.

In short: this main file acts like the mission control center, connecting all modules together while delegating the heavy lifting to specialized files.

What Makes This Upgrade Different

  • Cleaner visualization: No interference with your live site — heatmaps are rendered above an iframe copy.
  • Performance-friendly: Web Worker support ensures tracking doesn’t slow down the front-end.
  • Security-first: REST + nonce architecture prevents data injection.
  • Scalable: Structured DB schema means you can run advanced analytics on top of clicks.

Conclusion

The new click tracking module in WPMC Visual Tracker – Behavior & Heatmap is more than just an upgrade — it’s a complete redesign of how click data is captured, stored, and visualized.

Whether you’re a marketer testing call-to-action placement, a designer refining navigation, or a developer optimizing user flows, this tool gives you the insights you need to build better WordPress experiences.

👉 Install the latest version today and start seeing where your users really click.