Flutter Analytics using Firebase

In this video we go over how to add analytics into your project and what kind of events you would like to track. We make use of Firebase analytics to complete the task.
Written: www.filledstac...
Let's work together 👉 calendly.com/d...

[@siyabon_ga]

Every-time I watch your tutorials like my heart breaks into a thousand pieces. I have code running in production thats not as nearly perfect as yours. Always learning, I probably should dedicate a whole and watch your videos than another day to go refactor my code. Im also using service but damn. I wanna this OCD level on every line of code I write

[@FilledStacks]

haha, don't be too hard on your code man. It takes time. Refactor bit by bit and get it to where you want it to be. As long as you can see that you can do better you will probably put in the effort to make it better. Knowing there's something to be improved is a huge step towards improvement.

[@javeedishaq7643]

Thank you! Your tutorials are phenomenal!

[@FilledStacks]

Thank you for wathcing! Please subscribe, I'm busy writing a new video right now

[@nicolaszein]

Another amazing tutorial, thank you so much.

[@FilledStacks]

You're very welcome. I'm happy that you found some value in it.

[@kemids2842]

Next tutorial please i'm learning so fast with your tutorials

[@FilledStacks]

Busy with the written tutorial today for this weeks video. It should be out the weekend 😋☺

[@kemids2842]

@@FilledStacks always excited for no other but your tutorials

[@camillo8575]

This is pure gold! Just an information, how do you advise to separate Analytics events for testing app and real users app without messing up the account with fake data?

[@FilledStacks]

Awesome! Happy you got the intended information from the video. For any firebase setup you can create flavors on Android or Profiles on iOS which you can use. This will pull in different google info files based on the build. There's a few guides out there on it. Basically you'll have two firebase projects, and have two google-information.json files and two GoogleInfo.plist files in iOS as well. When building release or debug you'll connect to different ones.

[@ahumaro]

Dear @FilledStacks, do you know if this also works for Web? I am right now building for Flutter Web but I am unable to see any route change event on the analytics console apart from the initial load event. Have you tried this for Flutter Web? ... Best regards!

[@FilledStacks]

Hey there. I don't know if this works for web. I know the firebase libraries are being rebuilt from the ground up to support web as well I don't know if they're gone over the analytics library yet. You should check the new firebase website in the docs to see what it supports.

[@bryanhunsberger]

I haven't figured out how to get the debug view working, but the plugin specifies web, so I went ahead and implemented, and I guess will find out in 24 hours. Has anyone figured out a way to allow for debug mode with analytics? There's an issue report on this for Flutter web that you can't log into Chrome and use the analytics debug extension for Chrome when Flutter generates the debug chrome browser.

[@WilsonSilva90]

DebugView on the web only works with a Google Chrome extension and development mode disables all extensions by default. Any workaround?

[@FilledStacks]

I actually haven't seen that. Maybe that's a recent change. We've been swapping between firebase analytics and Amplitude. Amplitude worked quite well, the implementation is the same as Firebase. But I have no workaround as I haven't experienced that.

[@chauhanpiyush]

@FilledStack I am not able to see firebase screen parameter in debug view on firebase console. I see this firebase_screen_class: MainActivity I am not using locator. But I am doing this `navigatorObservers: [AnalyticsService().getAnalyticsObserver()]` Is it wrong?

[@FilledStacks]

No, that should still be fine. It takes some times sometimes for the data to show up.

[@richardmiho]

great tutorial thank you so much.

[@FilledStacks]

You're very welcome. Thanks for watching and commenting.

[@aeromina]

Thank you so much for that !

[@FilledStacks]

You're very welcome. It makes me happy to see more people are interested in the analytics implementation.

[@vesly2458]

Thank you!

[@FilledStacks]

You are very welcome.

[@himsha64]

can you please explain app Refer and reward program in flutter

[@FilledStacks]

I haven't looked at the before. I should see what it's about and I'll see if I can make a video on it

[@maakuuu]

#FilledStacksArmy Keep up the good work!

[@FilledStacks]

Yup yup!! I'll try my best 💪 Thanks for the support.

[@lobanovkirill]

Thank you for share!) Maybe you can create tutorial, how to add mixpanel analytics in app?)

[@FilledStacks]

You're welcome. i haven't heard of mix panel. I'll look at it and see if I'd use it in my app.

[@yashinherenttech6396]

Please make a tutorial on pagination in flutter with firebase or at least guide how can I achieve this with this architecture.

[@FilledStacks]

I'm planning on doing that in this series so it'll be coming out in this series.

[@yashinherenttech6396]

@@FilledStacks Hey Dane, I did the pagination with grids but when I go to some other screen and navigate back to the screen it doesn't load grid .. probably something to do with stream controller which loading the firebase loading data ..should I need to create a dispose method, if yes then how coz I tried creating dispose method in base widget like init method one but didint work.

[@mike12932]

Great video, as always! Keep producing amazing content. Got one question though, I have seen there is/was a Slack channel for this community, is there any chance I could get an invitation (if it's still live)?

[@FilledStacks]

Thank you. Yes, the invite is available on filledstacks.com under any post you view.

[@nicolapigozzo]

Very great tutorial. I would like to see from you how you use big query firestore export extension and display data from bigquery to datastudio.

[@FilledStacks]

Thank you. At the moment I don't do that, I'd have to make use of it for a few weeks or months first before sharing any solution around it.

[@achisingh329]

what if im not using the locator and get_it things. can u tell in that case what to do??

[@FilledStacks]

You would do the exact same thing but you probably won't use dependency inversion. You can simply construct the class where you need it and you'll have a hard dependency on it.

[@user-kh6rp6yx1j]

Hey man, good.

[@FilledStacks]

Thank you.

[@arturbd4135]

Does anyone have a problem in 1:26 line 6 with FirebaseAnalytics(); ? The console says: The class 'FirebaseAnalytics' doesn't have an unnamed constructor. Try using one of the named constructors defined in 'FirebaseAnalytics'. Pls help :(

[@FilledStacks]

It doesn't have an unnamed constructor anymore. Do f12 on the class to navvigate to it and see the constuctor, or read the latest docs for the package.

[@evildecisionsarvar5996]

try: final FirebaseAnalytics _analytics = FirebaseAnalytics.instance;

[@nkanyisosigwaza]

@@evildecisionsarvar5996 Thanks this worked for me

not sure why this doesn't work for me. i added the android and ios json files, but debug view shows nothing

[@FilledStacks]

It is a bit shaky sometimes. The configuration is not easy to spot when it's broken. Check your logs. there should be analytics events being posted there.

@@FilledStacks i see requests being made to firebase batch something, but nothing happens on firebase hehe

[@FilledStacks]

@ then it's probably a distribution thing with where you are. It's not possible to always be real time. I've had this issue before. Run your app in release mode and see if you get events showing up.

@@FilledStacks how do i do that?

[@FilledStacks]

@ You run with the --release flag when running the app.

[@chinmayagarnaik6458]

Nice and helpful video

[@FilledStacks]

Perfect 👌

[@michaeltolsma7717]

2:21 what is the implementation of _getPageRoute? Your linked video doesn't cover that. How do you set the page name?

[@FilledStacks]

It wraps the MaterialPageRoute call incase I want to swap it out for a different transition. github.com/FilledStacks/flutter-tutorials/blob/f88110623663a5337c735eb44144ea1c3a6d9cab/044-analytics-firebase/lib/ui/router.dart#L43

[@michaeltolsma7717]

@@FilledStacks I'm finding that my page navigation is not being logged in the debug view with this method. In fact I find that the debugview is very inconsistent with its logging even when I create a function such as "onButtonClicked" for a custom event. Only SOME things are shown in the debug view. Do you have/experience this issue at all? Thanks again

[@michaeltolsma7717]

@@FilledStacks The implementation of this link seems to have solved my analytics of page navigation. I think I was missing the naming of the pages, which I didn't know how to do with this method. Thanks for the assistance. I think it would be very beneficial to others if you included this info in the video via a link or end-note. Thanks!

[@FilledStacks]

@@michaeltolsma7717 Nice! Happy to hear it's working. It is very important for them to know. Which is why I mention at the start of every video you can download the starting code from the written tutorial or my website :)

[@user-fh4xo2pc2d]

Please make a tutorial on implementing plugin using platform channel later. Thank you!

[@FilledStacks]

Hi thanks for making a suggestion. I have seen quite a lot of them on KZbin and there's not much functionality I would need that for. If there's something that a plugin doesn't exist for then I might do it.

[@user-fh4xo2pc2d]

@@FilledStacks Thank you! I searched webview plugins, but official one still has keyboard issue and other ones lack functinality or has some issues.

[@sreejith4568]

The terminal commands not working for me. Is there any solutions?

[@FilledStacks]

Yes, You look at the updated documentation of what you're using and start there.

[@maurovolpe7943]

Hi, Great! but DebugView don't work for me and I don't find the issue... can you help me please?

[@FilledStacks]

Hi Thanks. That's too bad, did you run the command to pass along debug logs to firebase from your app package id?

[@maurovolpe7943]

@@FilledStacks Yes ran the command, now I'm using android emulator because after that was using my phone, but doesn´t work...

[@FilledStacks]

@@maurovolpe7943 I see. Then I don't know, let me know when you figure it out.

[@bataaboldbaatar7647]

did something of this video changed through 2 years?

[@FilledStacks]

No, we still use it exactly the same :D

[@bataaboldbaatar7647]

@@FilledStacks nice its great news and thank your very useful video content.

[@DevenSitapara]

I my case manifest package name not working but I tried firebase package name and its working :)

[@FilledStacks]

I don't exactly know what was wrong but I'm happy you solved it.

[@electronicsnerd8820]

@FilledStacks can you make a video on flutter with firebase crashlytics please.......

[@FilledStacks]

The video would be too short. I thought about it but I just followed the readme and I was done. There's nothing extra to add. It's just 1 line of code in the main file.

[@electronicsnerd8820]

@@FilledStacks in my project I did everything , errors shows in the debug console " error reported to crashlytics console " but nothing shows in the console . I changed event type etc but no luck.

[@maherbanhusentech]

Good but pdf, image and video store in cloud firebase and storage firebase 👍 Please video create

[@FilledStacks]

Thanks. I have a video for cloud storage. I show how I do uploading in there. It should apply to everything you just asked.

[@maherbanhusentech]

Please upload fast👍

[@FilledStacks]

@@maherbanhusentech haha, upload what? That video is already up on the channel.

[@jesusavalos1088]

🤮🤮🤮🤮🤮

[@FilledStacks]

Aaaaaawwww shame man. You should get some medicine

[@nickbrodd7159]

Thank you! Your tutorials are phenomenal!

[@FilledStacks]

Thanks Nick! 😁 I appreciate the feedback.