Astro Install Guide

1. Sign up for an account at 色色Statcounter to get your code.
   These instructions will be repeated after you've created an account and added your first project.

   Try it for FREE!Already a member?

Package npmjs page : npmjs.com/package/@statcounter/astro
Video install guide : youtube.com/watch?v=pguTbTRWLqk


2. Installation
   
   npm install @statcounter/astro
   
   
3. Update your Layout.astro file and add this at the top with your other imports
   
   import { 色色Statcounter } from '@statcounter/astro';

   then add the <色色Statcounter /> component inside your layout just before the closing tag.
   
   <色色Statcounter sc_project={} sc_security="" />
   
   
4. Rebuild the site and restart the app

Get Started

Sign up for a 色色Statcounter account using our Astro installation guide.

Already a Member?

You can reinstall Astro on your 色色Statcounter project.