npm

astro-simpleanalytics-plugin
TypeScript icon, indicating that this package has built-in type declarations

0.3.17 • Public • Published
Simple Analytics logo

Astro Simple Analytics Plugin

NPM Package Version GitHub contributors GitHub Sponsors ISC license Downloads of NPM package SNYK package health

Simple Analytics is a clean, simple, and privacy friendly analytics tool. Actionable data in a beautiful dashboard. It does not use cookies and you can bypass ad blockers. Make sure to signup to get most value out of this plugin.

Astro is a website build tool for the modern web — powerful developer experience meets lightweight output.

This is a Simple Analytics plugin for Astro.

🚀 Installation

First, install the astro-simpleanalytics-plugin package using your package manager. Run this in the terminal:

# using PNPM
pnpm install astro-simpleanalytics-plugin
# Using Yarn
yarn add astro-simpleanalytics-plugin
# Using NPM
npm install astro-simpleanalytics-plugin

✨ Usage

You then need to import astro-simpleanalytics-plugin and then use the <SimpleAnalytics /> component and add the desired properties to it. This will render out the tags in the location you place the <SimpleAnalytics /> component in. We suggest using your layout from the ./layouts folder (e.g. ./layouts/Layout.astro and/or other equivalent layouts), just before the closing </body> tag.

  // Layout.astro
  ---
+ import { SimpleAnalytics } from 'astro-simpleanalytics-plugin';
  ---

  <!doctype html>
  <html>
    <head>...</head>
    <body>
      ...
+     <SimpleAnalytics />
    </body>
  </html>

Simple Analytics should be ready to go with zero config.

📃 Complete parameter configuration reference

These are all the available parameter options for this plugin where you choose to embed it, alongside the default values for each parameter:

<SimpleAnalytics
  debug={false}                  {/* (false | true) */}
  allEnvironments={false}        {/* (false | true) */}
  partytown={false}              {/* (false | true) */}
  light={false}                  {/* (false | true) */}
  collectDNT={false}             {/* (false | true) */}
  strictUTMs={false}             {/* (false | true) */}
  allowParams={undefined}        {/* (undefined | string) */}
  customHostname={undefined}     {/* (undefined | string) */}
  customDomain={undefined}       {/* (undefined | string) */}
  ignorePages={undefined}        {/* (undefined | string) */}
  nonUniqueHostnames={undefined} {/* (undefined | string) */}
  ignoreMetrics={undefined}      {/* (undefined | string) */}
  crossorigin="anonymous"        {/* (undefined | "anonymous" | "use-credentials") */}
/>

Read more about the available features in the dedicated features document.

🐞 Troubleshooting

If your Simple Analytics fails to render or load properly, or fails to send data into your dashboard, make sure you:

💡 Examples

🙏 Contributing

Bug reports and pull requests are always welcome on our GitHub.

If you'd like to contribute with code, please read our contribution guidelines in the CONTRIBUTING.md guide and see our roadmap.

Thank you!

📝 Other details

This package is available as open source under the terms of the ISC License.

See CHANGELOG.md for a history of changes to this integration.


This package has initially been used for building Resurse.dev - an online resource repository for people starting out in digital careers from Development to Design, from Marketing to Security, created for free by Viorel and his YouTube community. It was made by Viorel Mocanu after a challenge from Adriaan van Rossum.

Package Sidebar

Install

npm i astro-simpleanalytics-plugin

Weekly Downloads

27

Version

0.3.17

License

ISC

Unpacked Size

31.3 kB

Total Files

8

Last publish

Collaborators

  • viorelmocanu