Once your Vue site is live, you need data. Traffic numbers, keyword rankings, and technical issues don't surface themselves—you track them with the right tools.
Search Console shows you what Google sees. Add your property, verify ownership, submit your sitemap, and check back in 48 hours.
Track these metrics:
Check the Performance report weekly. Sort by pages with high impressions but low clicks—these need better titles or descriptions.
Google Analytics 4 tracks user behavior and traffic sources. The challenge: Vue SPAs don't reload pages, so default pageview tracking breaks.
GA4 has built-in history change detection, but manual tracking gives you more control. Hook into router.afterEach to send pageviews on route changes:
// router/index.ts
import { createRouter, createWebHistory } from 'vue-router'
const router = createRouter({
history: createWebHistory(),
routes: [/* your routes */]
})
router.afterEach((to) => {
// Send page_view to GA4
gtag('config', 'GA_MEASUREMENT_ID', {
page_path: to.fullPath
})
})
export default router
Add the GA4 script to your index.html with send_page_view: false to prevent double-tracking:
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-XXXXXXXXXX', { send_page_view: false });
</script>
Go to Reports > Acquisition > Traffic acquisition in GA4. Filter by sessionDefaultChannelGroup == Organic Search to see your Google traffic.
Link GA4 to Search Console for keyword data. Navigate to Admin > Property Settings > Product links > Search Console links. Data appears 48 hours after linking.
GA4 requires cookie banners in the EU and collects more data than most sites need. Three alternatives give you clean analytics without privacy headaches.
Plausible is lightweight (under 1KB script) and GDPR-compliant without cookies. No cookie banner needed.
Add the script to your HTML:
<script defer data-domain="yourdomain.com" src="https://plausible.io/js/script.js"></script>
Plausible automatically tracks single-page applications using the History API—no router configuration needed for Vue Router.
Dashboard shows:
Pricing starts at $9/month for 10k monthly pageviews. Self-hosted version is free.
Fathom focuses on simplicity. No cookies, GDPR-compliant, Canadian company with strong privacy stance.
Install via script tag:
<script src="https://cdn.usefathom.com/script.js" data-site="ABCDEFG" defer></script>
Fathom tracks SPAs automatically. Dashboard is cleaner than GA4—fewer metrics, faster insights.
Starts at $15/month for 100k pageviews. No free tier, but 30-day free trial available.
Umami is open-source and self-hosted. Free if you run it yourself, or $9/month for cloud hosting.
Deploy on Vercel/Railway, add the tracking code:
<script defer src="https://analytics.umami.is/script.js" data-website-id="your-id"></script>
SPA tracking works out of the box. Umami's Vue integration lets you track custom events:
// Track button clicks
umami.track('signup_button_clicked')
Best choice if you want full data ownership and don't mind managing infrastructure.
Free tools show what's happening. Paid tools show why and what to do about it.
Upgrade when you hit these signals:
Don't pay for tools on day one. Start with Search Console and free analytics. Upgrade when revenue justifies it—blog earning $500/month can justify $100/month tools.
Ahrefs excels at backlink analysis and keyword research. Use it to:
Rank Tracker shows click potential—how many actual clicks a keyword generates after SERP features take their share. More useful than search volume alone.
Ahrefs doesn't provide daily ranking updates by default—manual refreshes cost credits. Still worth it for backlink database, the largest in the industry.
Starts at $129/month (Lite plan). Use the $7 7-day trial first.
SEMrush is better for full campaign tracking. It sends daily ranking updates via email and includes:
SEMrush's Map Rank Tracker beats Ahrefs for local SEO—see how you rank across cities, not just countries.
Better value than Ahrefs if you need PPC data or manage multiple locations. Starts at $139.95/month.
Screaming Frog crawls your site like Googlebot. Find broken links, duplicate content, missing meta tags, and redirect chains.
Free up to 500 URLs. Paid version ($259/year) crawls unlimited URLs and integrates with GA4 and Search Console.
Run audits monthly. Fix issues before Google does.
Monitor these metrics every Monday:
From Search Console:
From GA4 or Plausible:
From Ahrefs/SEMrush (if paid):
Don't obsess over daily fluctuations. Rankings shift constantly—weekly trends matter more.
Alerts catch problems before you lose traffic.
Search Console emails you automatically for:
Add team members in Settings > Users and permissions so they get alerts too.
Create alerts for traffic drops. Go to Admin > Custom insights and set conditions:
Sessions from Organic Search decreases by 30% week-over-week, send emailConversions drops by 50%, alert immediatelyCatch issues the day they happen, not two weeks later.
If your site goes down, Search Console won't tell you. Use UptimeRobot (free) or Pingdom to check every 5 minutes. Get SMS alerts when your site breaks.
Nuxt adds built-in analytics modules and automatic sitemap generation. Read the Nuxt SEO Monitoring guide for framework-specific setup.