Stop 20 · Advanced TopicsTopics · 13/14

Analytics (Google Analytics, Mixpanel)

Part of the Frontend Developer Roadmap

In short

You think users love your new feature. Analytics tells you if they actually click it. Data beats guesses when deciding what to build next.

Tracking how real users actually use your product — page views, clicks, conversion funnels — to inform product decisions with data instead of guesses.

The jaadu clicks a tally counter at a colourful fair entrance as people walk in.

Think of it like this

The counter at the mela gate

Organisers count how many people enter, which stalls get crowds and where people leave. Next year, they move the popular stalls closer to the gate. Analytics does that counting for your app, so you can improve the right parts.

Watch it happen

One sign-up, tracked

User
Your app
GA4
Mixpanel

taps Sign up with Google

1/6A user signs up on your site.

The big ideas

What you need to know

Events, not just page views

Track meaningful actions like sign_up, enrolled or video_played, with useful properties attached.

Funnels

A funnel shows how many users finish each step, like visit, sign up, pay. The big drop is where to look.

GA4 vs Mixpanel

Google Analytics is strong for traffic and marketing sources. Mixpanel focuses on product events and user behaviour.

Consent and privacy

Laws like the EU's GDPR and India's DPDP Act mean you should ask before tracking and avoid personal data in events.

See it in code

Walk through the code

ts
1// Google Analytics 4 (gtag.js already on the page)2gtag("event", "sign_up", { method: "Google" });3 4// Mixpanel5import mixpanel from "mixpanel-browser";6 7mixpanel.init("YOUR_PROJECT_TOKEN");8mixpanel.identify(user.id);9mixpanel.track("Course Enrolled", { courseId: "mba-101", plan: "yearly" });

1/4Send a GA4 recommended event with one parameter.

sign_up is one of GA4's recommended event names. Pick clear, consistent names for your own events and write them down so the whole team uses the same ones.

Save yourself the pain

Common mistakes

Oops

Tracking every click with random names like btn1_click.

Do this instead

Plan a short list of events tied to real questions, with consistent names and properties.

Oops

Sending emails or phone numbers as event properties.

Do this instead

Use an anonymous user ID. Keep personal data out of analytics tools.

Your mission

Measure one funnel

~30 min

Quick check

Your funnel shows 1,000 users opened the pricing page but only 20 clicked "Buy". What does analytics help you do next?

Go deeper

  1. 1Add basic pageview tracking to a project using GA4 or a similar tool.
  2. 2Track one meaningful custom event (e.g. 'signup completed'), not just pageviews.
  3. 3Learn the difference between product analytics (Mixpanel/Amplitude) and traffic analytics (GA).

More topics at this stop

Stuck on this topic? Ask an Insider

Get 1:1 guidance from people who've walked this exact path — on the InsideEdge app.

Download
InsideEdge