Product

How to Add Session Recording and Heatmaps to WordPress (Plugin or Manual)

Add session recordings and heatmaps to any WordPress site in minutes—with the official plugin or a functions.php snippet. Includes caching, consent, and quota tips.

Purushottam Kumar Suman
Purushottam Kumar SumanSeptember 29, 20269 min read
Founder & CEO, DeepSync
WordPress dashboard with session recording plugin

WordPress powers a huge share of the web, and most WordPress site owners have the same question: what are visitors actually doing on my pages? Pageview counts don't answer it. Session recordings and heatmaps do.

This guide covers two ways to add them: the official DeepSync plugin (easiest) and a manual functions.php snippet (for developers).

Table of Contents

  1. Quick Summary
  2. Option 1: Official Plugin
  3. Option 2: Manual Install
  4. Caching and Optimization Plugins
  5. Cookie Consent Plugins
  6. What to Analyze First
  7. Key Takeaways

Quick Summary

Fastest path

Download the plugin from DeepSync → upload in WP Admin → activate → paste your project ID. Done in under five minutes.

Option 1: Official Plugin

  1. Create a free DeepSync project for your domain.
  2. Download the plugin zip from Settings → Install → WordPress.
  3. In WP Admin: Plugins → Add New → Upload Plugin, choose the zip, install.
  4. Activate, then open Settings → DeepSync and paste your project ID.
  5. Visit your site in a new tab and check Sessions in DeepSync.

Your own admin clicks don't count

The plugin skips wp-admin automatically, so editing posts never eats into your session quota.

Option 2: Manual Install

If you prefer code, enqueue the loader in your child theme's functions.php (or a code-snippets plugin), wrapped in an is_admin() check so admin pages aren't recorded. The exact snippet is in the WordPress install docs.

Always use a child theme. Edits to a parent theme's functions.php are overwritten on the next theme update—silently removing your tracking.

Caching and Optimization Plugins

Plugins like WP Rocket, LiteSpeed Cache, Autoptimize, and others can combine, defer, or delay JavaScript. Usually this is fine, but:

  • "Delay JS until interaction" features can delay the first moments of a session. Exclude the DeepSync script if you want complete recordings.
  • After installing, purge your cache so cached pages include the script.
  • CDN caching (Cloudflare APO etc.) may need a purge too.

DeepSync projects default to consent-required mode: nothing is recorded until the visitor accepts. If you use a consent plugin (Complianz, CookieYes, Cookiebot, etc.), make sure the accept action triggers DeepSync's consent call. Otherwise you'll have a correctly installed script that records nothing. See consent modes.

What to Analyze First

Site typeFirst pages to watch
BlogTop posts: scroll depth, clicks on related posts and newsletter signup
Business siteHomepage → services → contact form flow
Lead genLanding pages and form completion
Membership / courseSignup and login flows
WooCommerceProduct → cart → checkout (WooCommerce guide)

Look for dead clicks (visitors clicking things that aren't links), rage clicks (repeated frustrated clicks), and scroll drop-off above your main call to action.

Key Takeaways

  • The official plugin is the fastest way to add session recording to WordPress.
  • Manual installs belong in a child theme with an is_admin() guard.
  • Purge caches after installing and check your consent plugin is wired up.
  • Start with your highest-traffic pages and your main conversion flow.

Conclusion

Once you watch a few real visitors on your WordPress site, you'll stop guessing about what to change.

Start free with DeepSync.

Frequently Asked Questions

Was this article helpful?

Ready to understand
users like never before?

Join thousands of teams who use DeepSync to uncover insights,improve experiences, and build better products—faster.

Quick & easy onboarding
See results in real time
Enterprise-grade security