Skip to content
Sign in
Google Search Console devtools

Google Search Console in Nuxt

View clicks, impressions, CTR, position, and top queries for the page you are editing. The dock follows page navigation in your app.

Set up NuxtVite setup

Setup

  1. 1. Connect your Site

    Sign in to gscdump with Google. Connect your Site and wait for its initial sync. The dock reads the same Hosted record as your dashboard.

    Join the waitlist

  2. 2. Install the devtool

    Use Node.js 22.13 or later. Use Nuxt 4.5 or later with Nuxt DevTools 4. Nuxt DevTools 4 is currently in beta. 

    pnpm add -D @gscdump/devframe @nuxt/devtools@^4.0.0-beta.3

  3. 3. Add the module

    Replace example.com with your registered Site host or exact Site ID. 

    // nuxt.config.ts
export default defineNuxtConfig({
  modules: ['@gscdump/devframe/nuxt'],
  devtools: { enabled: true },
  gscdump: {
    site: 'example.com',
  },
})

    The module mounts the dock during development. Production builds skip it.

  4. 4. Sign in from the terminal

    Complete the browser login opened by this command. 

    pnpm dlx @gscdump/cli auth login --mode hosted

    If you already have a user API key, set GSCDUMP_API_KEY in your dev server environment.

  5. 5. Open Search Console

    Start your app, then open the Search Console dock in Nuxt DevTools. 

    pnpm dev

    If DevTools asks for a code, enter the code printed in your terminal. Navigate to a page. Follow app updates the dock with that page's stats.

What you can read

  • Clicks, impressions, CTR, and average position, compared with the previous window.
  • A daily chart for the last 7 days, 28 days, or 3 months.
  • The top queries that brought people to the page.
  • An Open in gscdump link to the full page view.

Questions

Package documentationNuxt DevTools documentation