[New Free Plugin] PostHog Analytics 🦔 Alert: Why you need PostHog to understand your users better than they know themselves

:wave:
Hey there Bubble users!

I’ve got some exciting news for you all. I just built a plugin that allows you to seamlessly integrate PostHog into your app in just a matter of minutes! :tada:

experiment-hog
If you’re not familiar with PostHog, it’s a powerful analytics tool that helps you gain a better understanding of your users.
With PostHog, you can easily track user behavior, optimize your app for growth, and gain valuable insights into how your users interact with your product.
:man_technologist:

One of the coolest features of PostHog is the screen recording feature.

It’s like having a window into your user’s minds! :open_mouth: You can see what they click, scroll, type, and more. This can help you identify usability issues, bugs, or opportunities for improvement.


With this plugin, you’ll be able to do so much more.

Identify users

PostHog allows you to identify your users with an ID of your choice. This enables PostHog to associate events with a specific user, track them on different platforms, and connect events from before and after they log in for the first time.

image

Set user properties

In addition to adding extra data to specific events like we discussed earlier, it’s also very common to want to also set properties on users as well.
Tracking properties on users becomes incredibly useful when we start creating insights, which we’ll cover in the next guide.

image

This propeties always overrides, if set ‘One Time’ to true, only writes when the property doesn’t already exist on the user.

Use multiple IDs for users

If you use multiple distinct IDs for the same user (e.g. a logical ID and a UUID), you may want to set both for the same user. This way, if PostHog receives events for either ID, it will properly match them to the same person.

image

Create custom events

This allows you to send more context than the default event info that PostHog captures whenever a user does something. In that case, you can send an event with any metadata you may wish to add.

image

Use super properties

Super Properties are properties associated with events that are set once and then sent with every capture call

Furthermore, if you register the same property multiple times, the next event will use the new value of that property. If you want to register a property only once (e.g. for ad campaign properties) you can change ‘One Time’ to true.

Setting Super Properties creates a cookie on the client with the respective properties and their values. In order to stop sending a Super Property with events and remove the cookie, you can use PH Super Properties Remove.

Track SPA pageviews

If you have a one-page app, that means it’ll only send a pageview once, when your app loads.

To make sure any navigating a user does within your app gets captured, you can make a pageview call manually.

image

and much more!


How to use?

Using the plugin is a breeze. All you need to do is create a PostHog account (which comes with a generous free plan), enter your API key in the plugin settings, and you’re good to go!
PostHog will take care of most events and specifications, so you don’t need to worry about any further settings.
You can start exploring the many features available on the PostHog platform.
If you need to customize PostHog further, you can use the plugin actions in any workflow to send events to PostHog. You can also exclude your team members from being tracked if you want.


:point_down: You can find the plugin here:

And if you don’t have a PostHog account yet, you can create one for free here:
:hedgehog: PostHog - The open source Product OS


Trust me, PostHog is an amazing tool that can help take your Bubble app to the next level.

:raised_hands: If you have any questions or feedback about the plugin, feel free to leave a comment below or contact me directly.

Happy bubbling! :blush:

3 Likes

This is great! Can’t wait to try it out

3 Likes

Yes, it’s really good. :star_struck:

I have tested many free tools, only Microsoft’s Clarity has screen recording, which I do not recommend at all, it displays everything in a mess.

But PostHog has a lot of features and it’s easy to work with.

Unfortunately, it is not famous like other web analysis tools.

I hope you will use it soon and share your experience with us

I would recommend anyone building something in Bubble to use Posthog and this Plugin. However, for me the Set User Properties function is not working. Could you advise on how to mitigate this problem?

1 Like

text
Hi there, we appreciate your loyalty and support.

We’re sorry to inform you that we had a minor glitch in the User Properties feature, but we’ve fixed it now. We apologize for any inconvenience this may have caused you.
Please update the plugin to get the latest version.

Thank you for letting us know about this bug.

We would love to hear your feedback on the plugin on the plugin page. It means a lot to us.

1 Like

My users get prompted with this issue at a place where I use the plugin:

Would be great if you could look into this.

1 Like

Hello.
Did you update the plugin? After that, you have to update the live version of your application to apply the changes.

This was the problem that was fixed in the update.

I think it was the latest version when I got this error. But will double check. Thanks!

1 Like

Do you encounter an error in the test version mode?

This plugin is not working for me, probably because it does not handle european data locations.
The fix is to replace “api_host:‘https://app.posthog.com’” by “api_host:‘https://eu.posthog.com’” in the header script.
Can you add an input to select EU/US location in the plugin config ?

1 Like

You are absolutely right, because the settings don’t have a default part, we didn’t bring this field to make the installation easy.

We will add it and let you know after the update.

Please accept our apologies :sweat:

1 Like

Hello @fares

We would like to inform you that the plugin has been updated and you can now enter the address in the plugin tab. We apologize for any inconvenience caused. :pray:

1 Like

Great, it works now.

1 Like

hey @NoCodeDataArtisan

thanks for building this!

qq - I have it set up on an SPA, and currently running user identify action here:

  1. post-login
  2. on page load of main page

Any recommendations on better places to run this? It’s running lots with the current set up - feels wasteful. I understand it links up all unidentified behaviour in that session, I just want to capture people who load the home page if it’s bookmarked and they are already logged in.

Kai

1 Like

Hello @kai,

It’s wonderful to hear from you, and I’m delighted to learn that you’re benefiting from our tool!

For an experience that’s tailored more closely to your requirements, you might want to consider disabling the automatic capturing feature on your PostHog account. By doing so, you’ll gain the flexibility to modify and control the events as per your specific needs.

Take for instance how we identify users in this image and subsequently dispatch their emails to Hog Post. It’s completely feasible to filter their data before sending, using a straightforward condition.

image


If you’d like to explore further, I encourage you to check out this link, where you’ll find examples of custom events. Hope this helps and I’m here should you need any further assistance.
PostHog Examples | Editor

Stay awesome!

Hey @NoCodeDataArtisan :smile:

Thanks for making this excellent plugin :raised_hands: I’ve installed it, added my API key in both live and dev fields, and removed my previous Posthog script I had in the header from my manual installation.

However, since installing the plugin I’ve had no sessions registered in my session replays. What else do I need to do to make this work? I’ve had traffic since then, but nothing in Posthog since yesterday, when I installed the plugin :thinking:

1 Like

Hello @jamesdaly,

I hope this message finds you well. Apologies for the delayed reply.

Is the plugin not functioning correctly yet?

Typically, after entering the API key, it should only take a few minutes to activate. No further actions are required to begin receiving basic session information on your Posthog dashboard.

If you’re still experiencing issues, please inform me so we can address them.

Best regards,
Mehrdad