Learn the basics of the PostHog toolbar, how to enable it and how to access it.
In this tutorial, you'll learn about the basics of the PostHog Toolbar, how to enable it for your site and how to access it on your site.
At Murmur, we use PostHog for our data analytics and I've been really happy with it.
I didn't feel the magic until I found the PostHog Toolbar and figured out how to use it (specifically the heatmap feature).
The PostHog Toolbar is a little widget with the PostHog logo on it that shows up on in the corner of your site.
In the top left corner of PostHog, you should see a Project. If you aren't on the project you want to use the Toolbar for, click the drop menu icon to the right of the project you're in and select the one you want. 1
Once you're in the project that you want to enable the PostHog Toolbar...
For PostHog to display your analytics data on your site, you'll need to add an authorized URL for your domain.
To add an authorized URL...
Now that you've enabled the Toolbar and authorized it, you can click the Launch button for the URL you authorized.
When you click Launch
When you click the logo, you'll see a few options fly out:
The PostHog Toolbar doesn't start with any of these enabled, so if you want to use one, you have to click the icon to enable it. Enabling it only enables it for the current session, so don't panic if you close the page and re-launch and don't see any Heatmap indicators.
The feature I've used the most so far is the heatmap (shown in the first image in this post).
Heatmap shows you an aggregated view of any autocapture events or manually captured events.
You'll see count indicators anywhere you have clickable elements that have been clicked.
In order to navigate through your site, you'll have to disable the heatmap, click the link or button you want and then re-enable the heatmap.
In this tutorial you learned how to enable and authorize the PostHog Toolbar for your PostHog Toolbar.
You also learned how to enable the heatmap and what you'll see when you enable it.
: When adding a domain, make sure it's using the correct subdomain if you use on (ie, I use https://curiouslychase.com but if I used https://www.curiouslychase.com, I'd need to make sure it's exactly that URL) ↩
Hey, I'm Chase. I help aspiring entrepreneurs and makers turn their ideas into digital products and apps.
A figma community project of vectorized hand-drawn arrows.Go To Figma
A figma community project of vectorized hand-drawn lines.Go To Figma
A figma community project of vectorized hand-drawn shapes.Go To Figma
Subscribe to my Newsletter
Every other week I publish the Curiously Crafted newsletter.
In it, I explore the intersection of curiosity and craft: the people who make stuff, what they make and the way they pursue the craft of making.
I'm on almost all social media as @curiouslychase.