An open API service indexing awesome lists of open source software.

https://github.com/pravintargaryen/seaslug.js

SeaSlug.js is a lightweight, developer-friendly frontend analytics tool inspired by the ocean's slow-and-steady sea slug. It crawls through your website to gather valuable insights, providing a playful yet powerful alternative to traditional analytics libraries.
https://github.com/pravintargaryen/seaslug.js

analytics frontend javascript

Last synced: 2 months ago
JSON representation

SeaSlug.js is a lightweight, developer-friendly frontend analytics tool inspired by the ocean's slow-and-steady sea slug. It crawls through your website to gather valuable insights, providing a playful yet powerful alternative to traditional analytics libraries.

Awesome Lists containing this project

README

        

# SeaSlug.js ๐ŸŒ๐Ÿ 

**SeaSlug.js** is a lightweight, developer-friendly frontend analytics tool inspired by the ocean's slow-and-steady sea slug. It crawls through your website to gather valuable insights, providing a playful yet powerful alternative to traditional analytics libraries.

---

## ๐ŸŒŠ Why SeaSlug.js?

SeaSlug.js is designed for developers who value:

- **Simplicity**: A minimalistic library thatโ€™s easy to integrate.
- **Efficiency**: Tracks key metrics without bloating your frontend.
- **Playfulness**: Who says analytics canโ€™t be fun? ๐ŸŒ

---

## ๐Ÿš€ Features

- ๐Ÿ“Š **Customizable Event Tracking**: Log page views, clicks, and custom events with ease.
- ๐ŸŒ **Lightweight**: No heavy dependencies. Tiny, fast, and efficient.
- ๐Ÿ”’ **Privacy-Focused**: Designed with user privacy in mind. No unnecessary data collection.
- ๐Ÿ› ๏ธ **Developer-Friendly API**: A simple and intuitive interface for quick integration.

---

## ๐ŸŒ Getting Started

### Installation

You can install SeaSlug.js using npm or yarn:

```bash
npm install seaslug
# or
yarn add seaslug

```

## Usage

Import and initialize SeaSlug.js in your project:

```javascript
import SeaSlug from "seaslug";

// Initialize the library
SeaSlug.init({
trackingId: "YOUR_TRACKING_ID",
debug: true, // Enable debug mode for development
});

// Example: Track a custom event
SeaSlug.track("button_click", {
buttonId: "signup-button",
});
```

## API Reference

1. SeaSlug.init(config)
Initializes the library with your configuration.

### Parameters:

- trackingId (required): Your unique tracking ID.
- debug (optional): Enables logging in the console.
2. SeaSlug.track(eventName, eventData)
Tracks a custom event.

### Parameters:
- eventName (required): Name of the event (e.g., "page_view").
- eventData (optional): Additional data to log with the event.

๐Ÿ›ก๏ธ Privacy Policy
SeaSlug.js is built with privacy in mind. It doesnโ€™t collect personally identifiable information (PII) by default and complies with major data protection regulations.

๐Ÿค Contributing
We welcome contributions! If youโ€™d like to contribute to SeaSlug.js, follow these steps:

## Fork the repository.

Create a new branch for your feature or bug fix.
Submit a pull request with a clear description of your changes.

๐Ÿ  Credits
SeaSlug.js was inspired by the simplicity and adaptability of sea creatures like the humble sea slug. Special thanks to the developer community for their ideas and support.

๐Ÿ“œ License
This project is licensed under the MIT License.

๐ŸŒŸ Support
If you find SeaSlug.js useful, give us a โญ on GitHub and spread the word!

### Next Steps:

1. **Replace placeholders** like `YOUR_TRACKING_ID` with actual values or examples if you have them ready.
2. Add a link to the repositoryโ€™s **LICENSE** file if youโ€™re including one.
3. Add a **logo or badge** if youโ€™d like to give it a branded feel.

Let me know if youโ€™d like further tweaks! ๐ŸŒ