- 3
- 16 959
Aliaksandr Tsykin
เข้าร่วมเมื่อ 2 ก.พ. 2015
Blog: tsykin.com
Umami vs Google Analytics vs Plausible: The Ultimate Web Analytics Comparison
🔗 Source post: tsykin.com/blog/google-analytics-vs-umami-vs-plausible?+vs+google+analytics+vs+plausible:+the+ultimate+web+analytics+comparison
➡️ Check out Railway: railway.app/?referralCode=tsykin
Railway allows you to self-host both Umami and Plausible in just 2 clicks.
👀 In this video I am comparing 3 web analytics tools: Google Analytics, Umami and Plausible. Let's look at the data after 30 days of using all 3 tools and decide analytics tool is the best!
💬 Comment if you want to see full tutorial on using Umami from setup and hosting to custom events and server-side tracking.
#️⃣ Chapters
00:00 Intro
00:34 Why do you need web analytics tool?
01:33 Why these tools?
03:21 Setup and pricing
10:39 Custom events
16:57 Accessing data via web view
20:22 nice
20:35 Accessing data programmatically
25:15 Data quality comparison
32:16 Data quality summary
32:46 Other notes
32:51 Differences in definitions and tracking methods
33:27 Google Analytics quirks
34:22 Umami features
36:33 Server-side tracking
40:19 TLDR
47:26 Conclusion
48:31 Outro
➡️ Check out Railway: railway.app/?referralCode=tsykin
Railway allows you to self-host both Umami and Plausible in just 2 clicks.
👀 In this video I am comparing 3 web analytics tools: Google Analytics, Umami and Plausible. Let's look at the data after 30 days of using all 3 tools and decide analytics tool is the best!
💬 Comment if you want to see full tutorial on using Umami from setup and hosting to custom events and server-side tracking.
#️⃣ Chapters
00:00 Intro
00:34 Why do you need web analytics tool?
01:33 Why these tools?
03:21 Setup and pricing
10:39 Custom events
16:57 Accessing data via web view
20:22 nice
20:35 Accessing data programmatically
25:15 Data quality comparison
32:16 Data quality summary
32:46 Other notes
32:51 Differences in definitions and tracking methods
33:27 Google Analytics quirks
34:22 Umami features
36:33 Server-side tracking
40:19 TLDR
47:26 Conclusion
48:31 Outro
มุมมอง: 414
วีดีโอ
Self host Next.js on Google Cloud VM for Free | Complete Guide
มุมมอง 1.1K11 หลายเดือนก่อน
Text version: tsykin.com/blog/nextjs-self-host-google-cloud-vm? host next.js on google cloud vm for free | complete guide Learn how to deploy and self-host your Next.js app on Google Cloud Virtual Machine for free. Ubuntu VM, Ngnix and Node.js server to self-host Next.js Leave a comment telling me whether this deployment method worked for you 😉 Chapters: 00:00 Intro 02:00 Pros and cons of self ...
How to deploy Next.js app to Firebase Hosting? Simple step-by-step tutorial
มุมมอง 15Kปีที่แล้ว
Text version: tsykin.com/blog/how-to-deploy-nextjs-to-firebase-hosting? to deploy next.js app to firebase hosting? simple step-by-step tutorial Leave a comment letting me know whether this video was helpful, and did you manage to deploy your app to Firebase Hosting?
Great video thanks! Unless something has changed in 40 days or the self hosted differs from the hosted plausible, I just want to mention; You have to add the goals manually yes, but if events are fired before that, there's a link to import all currently-missing-events that was sent in the past 6 months. This will add the missing categories under goals Also you can just click on a source and it will be added as a filter on the page
Thanks for this goals tip! I didn't get a part about source filter on page, can you give more details on that?
@@tsykin Under "Goal Conversions" select a goal, the tab bar moves to "properties" the goal has now been added at the very top of the viewport, "goal conversions" as changed to "custom properties" and theres a dropdown where you can select which prop you want to filter the goal by, and if you then click on one of the values from that custom property, it also becomes a filter at the very top of the viewport. Same goes for top pages or referrers, if you click say 'google" it will become a filter at the top op the viewport and you can then filter any other metrics by the chosen referrer only. It's not very intuitive but it works just fine. the filter bar at the top of the viewport is only if you're scroll down of course. And if you have more than 2 filters there's a "filter" button with the amount of filters instead, super easy to miss also Hopefully it makes sense hard to explain like this 😅
Thanks for the comprehensive comparison! Subscribed 👍
Thanks for the sub!
The video is useful!!. Please can you make a video on how to configure the environment variables and apphosting.yaml file. Because only static websites are allowed to deploy in this method.
Thankyou for the feedback! This video is about Next.js, and we usually define environment variables in .env files. Could you specify why would you need to have them in yaml file?
this is awesome anylsis!
Glad you liked it 😊
how can we host specific site in nextjs because i am using multiple sites i deployed one site in angukar and another site i want to deploy in nextjs
thanks for tutorial❤❤
You're welcome 😊
Thanks for the tutorial! I’m currently migrating my current live portfolio (already with firebase) from basic html/css/js to nextjs/tailwind. I have a question: so I just need to select the "Use an existing project" option (which is my live portfolio) to deploy the new nextjs portfolio? And would the files of my old portfolio be automatically fully replaced?
If you already have a project and choose it when deploying then yes, files will be replaced.
Really good video, thanks man!
Glad you liked it!
Thanks guy. This video really helped me.
You're welcome! 😊
Works. Thanks!
great tutorial 🙏 u got a new sub 👍
Thanks a lot for the sub 👍
Bro you are a life saver my demo is ready for google io
Great to hear! You can share a link here 🙌
Thanks for the video! :)
You are welcome! 😊
Is work for SSG?
Yes, it should work for Static Site Generation.
If you don't have a pay-as-you-go plan on firebase, this won't work. You're better off deploying with vercel or netlify. It is also much faster
Of course using hosting platform is faster and easier. But it's also pricy and sometimes lacks ability to go inside the machine that hosts your app. That's why I showed how to host you Next.js app for free on a VM 😊 And yes, you might need to add credit card details to Google Cloud when setting this up, but you won't be charged anything if done correctly.
@@tsykin Ohkay thanks for the info 👍
Can't we use Google cloud run with google cloud build? In that way, we can connect our github repo and when ever we push a new commit, a new preview url will be created in the Google Cloud Build? (Just like how vercel creates preview URLs), or am i wrong?
You are 100% right, but Google Cloud Run is a paid feature. What I am describing in the video is a completely free way of deploying Next.js
thanks!
Happy to help 😊
Thanks Very helpful!...
You are very welcome 😊
is working , I can do it
Glad my tutorial helped 🤓
Very helpfull ! Thank you man..
Glad that it worked for you 👍
One more question or let's say nice to have is how to set up github actions with deployed project ? so that it re-deploys only once new push to master branch happens or a new release
I believe you CAN setup CI/CD pipeline like you described, but I don't have a tutorial on that at the moment. Maybe I sill make a tutorial on that later 🙃
Do you think it's really free ?? this $300 credits I don't believe in
It's ok that you don't believe me. You can check official Google Cloud Free Plan Docs and read about Free Plan details. Link is in the blog post below the video 😊
You misunderstood me man I believe you, but I meant since they have our billing info in any time they could charge what
@@Anonymose43 You are right, they can. From my personal experience, I can tell you that they don't charge anything if you use Free Plan services.
the enable experimental webframeworks is a life saver. i debugged for so many hours but this setting finally automated the deploy process
Glad my guide helped you 👍
Great tutorial,
Ive done everything, but its showing me this Welcome page Welcome Firebase Hosting Setup Complete You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary! OPEN HOSTING DOCUMENTATION Firebase SDK loaded with auth, database, firestore, functions, messaging, storage, analytics, remoteConfig, performance
You forgot to mention that Firebase require you to have paid account for this - Pay as You Go
Thanks for the feedback 😊 Actually, I did mention it in my post (text version of this tutorial). Check the first link in the description
@tsykin sorry, my fault 😔
@@VASILASIS it's OK. Did it work for you after all?
Yes, but still requires HTTPS when call backend :-( The same as Vercel. So - no difference between Vercel deploy and Firebase @@tsykin
thank you for this tutorial, saved me a lot of time!
You are welcome, make sure to check out my website to find more free methods of deploying Next.js
super useful
Glad it helped 🙃
Great tutorial, appreciate you taking the time and step by step guide, worked perfectly for me 🙏
I am really glad to hear that, thanks for feedback!
I have a next 14 app running nicely but when i deploy it on firebase the videos are not uploaded when i check the source of the website.
Make sure that files are included in the project. Also, are images being uploaded normally for you?
Hello guys, I have the same problem. I discovered that occurs because the default req for next server contains _next in the url, and firebase doesn't support this. There's some tutorials on the web teaching how to configure, but just older versions of Next. Can you guys solved the problem?@@tsykin
Super helpful 👍👍👍! Thanks a lot.
Glad it was helpful!
Thanks 🎉
You are welcome 😊 Hopefully that helped you deploy your app to Firebase Hosting
Great tutorial! thanks. Just one question, do you know if all the features from Next.js, like server side components/functions and etc are available when using Firebase hosting? I did read somewhere that a Node.js server is needed for that, but I don't have a clue of how Firebase hosting works.
Thanks for feedback. I am yet to test deployment of an app with advanced functionality, so I might come back with information on that. For now it's up to you to use my tutorial to test out those features 😊
great tutorial 👍👍👍
Thanks, glad I could help 😊
Thanks ! So useful
Glad it helped 😊
Thanks for this tutorial - got my site up and running. I'd be interested in a more complex tutorial with subdomains :)
Thanks for the feedback. You can deploy to a subdomain the same way as your main domain 😉
@@tsykin how 😢 with Next JS 13
@@davidlintin i think you can just deploy your app following my guide and then assign this app a domain in firebase.
Normal pages are loading fine, But when I deploy nextjs project with dynamic pages I'm getting error like this. Building a Cloud Function to run this application. This is needed due to: • non-static component /todos/[id]/page Unable to bundle next.config.js for use in Cloud Functions, proceeding with deploy but problems may be enountered. The command line is too long. How can solve this issue?
Thanks for reporting this. To be honest I am a beginner developer and I have not encountered this issue. Hopefully someone more experienced will reply to your comment.
Put "use client" all of pages if you don't use Server Side Rendering
@@heynerhumanez4406 Thank you very much
wow i really like the zeal just continue it will pay off later💪💪🚀🚀🔥🔥