MickeyD
MickeyD
  • 9
  • 57 359
Active Users Bubble Plugin
Tracking active users in real-time applications like chats, dashboards, or live interactions often involves detecting when users are online and when they leave. With our plugin, you can use client-side exposed states to track users' online statuses, allowing you to monitor user activity directly in your app.
The exposed states (either "active" or "away") provide a fast and easy way to access the user's current status. These states update in response to user interactions like mouse movements and keypresses, and will automatically switch to "away" if the user becomes inactive or leaves the page.
However, one of the biggest challenges in tracking active users is handling scenarios where users close their tabs or unload pages. Relying solely on exposed states isn't always reliable, as workflows may not complete before the page unloads-leaving users marked as "active" even when they're no longer online.
To overcome this limitation, we offer an optional backend solution that works alongside the exposed states for more accurate tracking. Our plugin can trigger a backend API to update the user’s status directly on the server side. This ensures that even if a page unloads unexpectedly, the user's status is updated correctly, maintaining an accurate list of active user IDs.
With minimal setup, you can implement both client-side tracking and a backend API for added reliability. Whether you're building a live chat, a dashboard, or any real-time experience, this solution provides a comprehensive and reliable method for managing active user tracking.
My Plugins: bubble.io/contributor/1565232415123x960964918039952600
Переглядів: 148

Відео

Bubble.io Tutorial | Show loading UI until backend WF completed
Переглядів 1,5 тис.10 місяців тому
In this tutorial I show you how to setup workflows to show UI elements such as "loading" and alerts when a backend workflow has completed or your app has received a webhook from a third party API. Checkout my plugins here 👉 bubble.io/contributor/1565232415123x960964918039952600
Create Stunning Popups in Bubble.io
Переглядів 64010 місяців тому
Up your Bubble.io design skills by creating a stunning Popup element. Checkout my plugins here 👉 bubble.io/contributor/1565232415123x960964918039952600
Bubble.io API Connector Tutorial
Переглядів 25 тис.3 роки тому
In this quick tutorial, I'll show you how to pull data from external API's into your Bubble.io App. This Bubble.io API Connector tutorial is easy to follow along and helps you understand how to make calculations and access external public API's. Checkout my plugins here 👉 bubble.io/contributor/1565232415123x960964918039952600
5 Design Tips for Better bubble.io Apps (Tutorial)
Переглядів 7 тис.3 роки тому
In this video, I'll show you 5 design tips for better bubble.io apps. Sometimes we can get so caught up in building new features, playing with plugins or integrations that we can easily forget to focus on designing our app from the beginning of the build. Here are my top 5 tips for building a better looking bubble.io app. 1. Styles 2. Colours 3. Responsiveness 4. Navigation 5. Utilising Reusabl...
bubble.io responsive design & data tables
Переглядів 8 тис.3 роки тому
Creating a data table with bubble.io responsive design can overall improve the functionality of your bubble app. Here is a tutorial showing you how to create a data table that's responsive by collapsing data fields as the screen size gets smaller. Checkout my plugins here 👉 bubble.io/contributor/1565232415123x960964918039952600
Switch between Light & Dark Mode within your Bubble.io App
Переглядів 2,7 тис.3 роки тому
Using option sets is a great way to create color pallets within your bubble.io application. Creating a dark mode in bubble.io is great way to add modern features to your current or next bubble project. Here is a tutorial showing you how to set up the functionality for your user to switch between light & dark mode within your Bubble.io App. Checkout my plugins here 👉 bubble.io/contributor/156523...
Creating a left menu with Bubble.io
Переглядів 6 тис.3 роки тому
How to create a responsive left menu in Bubble.io that collapses on mobile and an easy page navigation system using page parameters. We use option sets to create your page navigation and left menu with collapsable sub-menus. Bubble.io is a great no-code development tool used to create powerful software and web apps. Checkout my plugins here 👉 bubble.io/contributor/1565232415123x960964918039952600
Create a menu / sub-menu using option sets in Bubble.io
Переглядів 6 тис.3 роки тому
Here is a tutorial on how to create a toggle sub-menu using option sets in bubble.io Checkout my plugins here 👉 bubble.io/contributor/1565232415123x960964918039952600

КОМЕНТАРІ

  • @imtheone007
    @imtheone007 Місяць тому

    i am not recieving any request, when I click on "detect data" and update the preview app

  • @MichaelKenton-g8t
    @MichaelKenton-g8t 2 місяці тому

    I am a bit curious if this works for non-simulated time for the back-end WF example (without web-hook) My understanding is that all Bubble Worfklows (BE or FE) trigger the steps asychronously- it does not wait on the first Scheduled APi worfkflow to "end" before moving onto the next step (where the next step would be 'inActionEnd' to toggle the DB to generate the 'completed' alert). Rather, it starts any/all of the Scheduled API steps in the order it finds most efficient (whether they're simple WF steps, public API WFs, or 'Back-end 'API' workflows operating on Bubble data - the ones I specifically want to 'show loading' until finished). So with that said, the 'inActionEnd' always triggers pretty much instantaneously along with the *start* of the time-consuming BE API workflow, possibly even a fraction of a second before, depending on how Bubble decides to delegate the processing - not when a previous step completes/ends. As such, the user doesn't get notified that the intermediary BE WF _finished_ processing anything - it could be going on for minutes, but Bubble triggers "inActionEnd" asynchronously, so they're just told it's done right away 😕 I've had to just give the user the 'feeling' they're waiting on a workflow by estimating an arbitrary amount of time, like how you simulated 5 seconds. But not ideal because some WF times scale with I've been able to make Bubble force the order of _which_ scheduled API tasks _begin_ first by putting it inside a custom workflow (Bubble does _start_ custom workflows in their listed order). But again, no luck getting one to trigger based on the *completion* of the prior step. If your "inActionEnd" workflow step actually triggers only *after* some long-lasting WFs truly finish (sans awaiting webhook), I'd love to know how you got that to work!

  • @fheralanis
    @fheralanis 3 місяці тому

    An excellent option for those of us testing our MVP.

    • @Bubblewithmickey
      @Bubblewithmickey 3 місяці тому

      Yeah, I was frustrated with how unreliable using exposed states from a plugin are as the page unloads before the workflows run. This is probably the best way to capture online status updates reliably.

  • @Bubblewithmickey
    @Bubblewithmickey 3 місяці тому

    Hey guys! I just submitted a free plugin for Bubble where you can get real-time alerts for any of your workflows that fail to complete. Has always been a frustration of mine so I created workflowlogs.com.

  • @AriffHakimiChik
    @AriffHakimiChik 5 місяців тому

    thanks for the video!

  • @kevinsloan5805
    @kevinsloan5805 5 місяців тому

    dude! i've been trying to do something similar for days now with another method and it was driving me crazy. This way seems to work so far, thank you a million

  • @duno08
    @duno08 8 місяців тому

    Hi Mickey, I'm trying to read data from Zabbix through the Bubble API CONNECTOR, I can do it using JSON code but I would like to use Bubble parameters, can you help me with this?

    • @Bubblewithmickey
      @Bubblewithmickey 8 місяців тому

      Hey, Do you need parameters for any particular reason? Looking at their api you should just be able to parse a json to the post request. If you want variables in your json just use <> around any variables you need. For example {"jsonrpc":"2.0","method":"item.create","params":{"name":"<name>"}}. Hope that helps :)

  • @supbeemo
    @supbeemo 8 місяців тому

    Hi. You video are really helpful. Thanks alot man. Hope you make more content on this.

  • @makingitwithKara
    @makingitwithKara 9 місяців тому

    This is exactly what I needed. Thanks!

  • @sarahcoard2464
    @sarahcoard2464 9 місяців тому

    too fast and too much clicking without explanation. Wish the instruction was more clear.

  • @sim0nall3n
    @sim0nall3n 9 місяців тому

    This is fantastic, thankyou! Could you show how to do this in a Repeating Group?

  • @costsia
    @costsia 9 місяців тому

    Hey can these be placed withJavaScript on external websites?

  • @jul8803
    @jul8803 10 місяців тому

    Does not work on my side, I h8 bubble. Thanks for the effort though.

  • @netxyz00
    @netxyz00 10 місяців тому

    This is very useful. Thanks for sharing!

  • @ki001
    @ki001 10 місяців тому

    Very cool…

  • @zholdas1
    @zholdas1 10 місяців тому

    Nice font (Plus Jakarta Sans). Definitely gonna use this one for my next project.

    • @Bubblewithmickey
      @Bubblewithmickey 10 місяців тому

      It's a good one. Other favourites are Inter, Poppins and Outfit.

  • @wealthyman5420
    @wealthyman5420 10 місяців тому

    Yo man! Where have you been? You're one of my inspiration when I started 2yrs ago.

    • @Bubblewithmickey
      @Bubblewithmickey 10 місяців тому

      Hey Mate! Been doing lots of building lately. I didn't even realise its been 2 years. 😆 Think it's time to share some of the knowledge I've accumulated of the past two years. You working on anything?

    • @wealthyman5420
      @wealthyman5420 10 місяців тому

      @@Bubblewithmickey cool, yeah launching my first SaaS in a couple of weeks!

  • @gedwardnelson
    @gedwardnelson 10 місяців тому

    Looks nice

    • @Bubblewithmickey
      @Bubblewithmickey 10 місяців тому

      Thanks. It is possible to make nice apps with Bubble.io 😉

  • @DeborahWolleswinkel
    @DeborahWolleswinkel 11 місяців тому

    Great video, thanks a lot!

  • @FerSotoL
    @FerSotoL Рік тому

    Abolutely beautiful and straight to the point

  • @gucciferart
    @gucciferart Рік тому

    Appreciate the help, brother.

  • @djames5713
    @djames5713 Рік тому

    Do you offer consulting or coaching sessions? Can I connect an external server to bubble app?

    • @Bubblewithmickey
      @Bubblewithmickey Рік тому

      Hey! You can connect external servers with Bubble. I guess it depends on your use case. Is the data on an external server you want access via your Bubble app? Or are you looking for an alternative to Bubble due to other reasons? If you can keep your database in Bubble and work out any limitations I personally would as Bubbles database will only be getting better in the coming years and effort and time to use a different backend can be a nightmare. Xano is probably the best option at the moment. You can reach me at hello@flo.page if you need help with your project. Cheers, Mickey

    • @djames5713
      @djames5713 Рік тому

      @nocodeknowledge4186 thanks I will reach out via email.

  • @rossdelport
    @rossdelport Рік тому

    Hey mate! Ive binge watched all your videos and love em - is there anyway I can get in contact with you? Fellow Aussie here

    • @Bubblewithmickey
      @Bubblewithmickey Рік тому

      Hey mate. No worries you can email me at hello@flo.page.

  • @juanrobles3087
    @juanrobles3087 Рік тому

    great video thanks!

  • @faisalmaroof5098
    @faisalmaroof5098 Рік тому

    Legend! Clear and concise explanation. I was able to solve the issue that I had with your tutorial. Thanks man.

  • @Arthass123
    @Arthass123 Рік тому

    Thank you very much, you helped me a lot!

  • @fernandofischer3725
    @fernandofischer3725 Рік тому

    Thank you. Very understandable!

  • @kunalsuradkar7975
    @kunalsuradkar7975 Рік тому

    Amazing video!

  • @kanikagupta923
    @kanikagupta923 Рік тому

    there is a parameter in the URL which needs to passed with the input value ?? how do i call dynamic value

  • @diegomaldonado586
    @diegomaldonado586 Рік тому

    Great Job and explanation. Thank you very much!

  • @raffusiks
    @raffusiks Рік тому

    what if you have 1000 rows or more, can you use pagination or something like that?

  • @AndrewOnTestingCars
    @AndrewOnTestingCars Рік тому

    Thank you for a great video!

  • @Riddlestar93
    @Riddlestar93 Рік тому

    Thanks man, really straightforward.

  • @Officialchens
    @Officialchens Рік тому

    Wow this can be way to much work when u already ´ve built a whole app

  • @teksaiyanhere
    @teksaiyanhere Рік тому

    Great video brother 👏

  • @luizkrzyzaniak
    @luizkrzyzaniak Рік тому

    Top demais 🔥Obrigado

  • @burner918
    @burner918 Рік тому

    Enjoying your videos. Thank you for the amazing tutorials.

  • @jean-louisgouwy
    @jean-louisgouwy Рік тому

    very interesting, if I saw your video before, it would definetely save me a lot of time :D but still ... it's when we face to problems that we learn by solving it. Anyway ... I was wondering you talked about reusable element but why shouldn't use your side menu with a reusable element ?

  • @nassosk
    @nassosk 2 роки тому

    Thank you!

  • @luisaoba
    @luisaoba 2 роки тому

    Hello there! Amazing tutorial! I repeat your steps now and the Fitness Calculator changes the field BMI to BMR and add some required params too.

  • @BenLenzo
    @BenLenzo 2 роки тому

    Hi mate, wondering if you have a website or some way to get in contact re some potential contract work?

    • @Bubblewithmickey
      @Bubblewithmickey 2 роки тому

      Hey mate. You can email me at hello@springboardsolutions.com.au cheers! Mickey.

  • @KathySierraVideo
    @KathySierraVideo 2 роки тому

    Thank-you for this!

  • @jordanfriesen432
    @jordanfriesen432 2 роки тому

    Great tutorial!

  • @adamsardo
    @adamsardo 2 роки тому

    Awesome tutorial, thank you!

  • @seanhuynh5184
    @seanhuynh5184 2 роки тому

    you are going way too fast!

  • @arcataslacker
    @arcataslacker 2 роки тому

    Great video, thank you! Would it be difficult to allow users to add, remove, or reposition columns?

  • @xurgesocial866
    @xurgesocial866 2 роки тому

    Thank you, this helped greatly!

  • @joshuaogbeifun6323
    @joshuaogbeifun6323 2 роки тому

    Nice.. Please is there any tutorial on API integration with klanar

  • @anmolsharma9539
    @anmolsharma9539 2 роки тому

    Thanks for the video it was helpful. But I want to make the url dynamic how can i achieve this. Thanks

  • @JeremyNeish
    @JeremyNeish 2 роки тому

    Super cool tutorial thank you. Is there any way to show the options when in Design/UI Builder mode? It's hard to get into the groove of designing things when all I see is a repetition of Current Cell's SidebarMenu. I'd love to have a way to even put in some placeholder text when in design mode only, then pull the actual option at runtime. Maybe that's a limitation of Bubble?