# 🚀  Astro — Analytics

[![NPM](https://img.shields.io/npm/v/astro-google-analytics)](https://www.npmjs.com/package/astro-google-analytics)
![Downloads](https://img.shields.io/npm/dt/astro-google-analytics.svg)
[![ISC License](https://img.shields.io/npm/l/astro-google-analytics)](https://github.com/JulianCataldo/web-garden/blob/develop/LICENSE)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://makeapullrequest.com)  
[![Astro](https://img.shields.io/badge/Astro-333333.svg?logo=astro)](https://astro.build)
[![TypeScript](https://img.shields.io/badge/TypeScript-333333.svg?logo=typescript)](http://www.typescriptlang.org/)
[![Prettier](https://img.shields.io/badge/Prettier-333333.svg?logo=prettier)](https://prettier.io)
[![EditorConfig](https://img.shields.io/badge/EditorConfig-333333.svg?logo=editorconfig)](https://editorconfig.org)
[![ESLint](https://img.shields.io/badge/ESLint-3A33D1?logo=eslint)](https://eslint.org)

Provides Google Analytics 4 snippet injection.

## 📦  Installation

```sh
pnpm i astro-google-analytics
```

## 🛠  Usage

```astro
---
import { GoogleAnalytics } from 'astro-google-analytics';

// ...
---
```

```astro
<!-- ... -->
<head>
  <!-- Place component inside `HEAD` tag -->

  <Analytics id="G-XXXXXXXXXX" />

  <!-- ... -->
</head>
```

<div class="git-footer">

---

## [LIVE DEMO  🎭  DOCUMENTATION WEBSITE ⎋](https://code.juliancataldo.com/)

[![Live demo website](https://code.juliancataldo.com/poster.png)](https://code.juliancataldo.com)

**_[`code.juliancataldo.com`](https://code.juliancataldo.com/)_**

---

🔗  [JulianCataldo.com](https://www.juliancataldo.com/)

</div>
