Repository files navigation

Analyzr 📊

OG

Next.jsshadcn/uiDiscordSupabaseVercel


TL;DR 🚀

Analyzr is a free and open-source analytics tool that requires just one line of code to set up.

It comes with built-in Discord notifications and works seamlessly with any website, giving you all the analytics data you need to make informed decisions.


📑 Table of Contents


Hey there! 👋

Thanks for checking out Analyzr. It's a free tool that manages your website analytics and performance and offers many other features.

This project is an alternative to premium analytics services like Vercel Analytics.

With Analyzr, you can monitor everything from visitor activity to site performance without paying for it.

And the best part? It's open-source and free for everyone.


💡 Why Did We Build This?

Analyzr doesn't charge you for tracking custom events or monitoring performance, unlike other analytics tools.

You get all of this and more, totally free.


🎯 Who Is This For?

Product 2

Developers who want to track their side projects.

Small business owners watching their website traffic.

Anyone who wants simple analytics without paying $$$.


🚀 What Can It Do?

Here are some of the core features of Analyzr:

  • Real-Time Tracking: See what's happening on your website as it happens.

  • Custom Event Tracking: Track specific actions your visitors take (for example, clicks on certain buttons).

    Here's how to track custom events:

    Using JavaScript/Node.js:

    constaxios=require('axios');constAPI_KEY="YOUR_API_KEY";consturl="https://getanalyzr.vercel.app/api/events";constheaders={"Content-Type": "application/json","Authorization": `Bearer ${API_KEY}`};consteventData={name: "",// required - event namedomain: "",// required - your website domaindescription: "",// required - event descriptionemoji: "🔔",// optional - emoji for Discord notificationfields: [// optional - additional fields for Discord notification{name: "Field Name",value: "Field Value",inline: true// optional - display fields in same line}]};constsendRequest=async()=>{try{constresponse=awaitaxios.post(url,eventData,{ headers });console.log("Event sent successfully",response.data);}catch(error){console.error("Error:",error.response ? error.response.data : error.message);}};sendRequest();

    Using Python:

    importrequestsAPI_KEY="YOUR_API_KEY"url="https://getanalyzr.vercel.app/api/events"headers= {
    "Content-Type": "application/json",
    "Authorization": f"Bearer {API_KEY}"
    }
    event_data= {
    "name": "", # required - event name"domain": "", # required - your website domain"description": "", # required - event description"emoji": "🔔", # optional - emoji for Discord notification"fields": [ # optional - additional fields for Discord notification
    {
    "name": "Field Name",
    "value": "Field Value",
    "inline": True# optional - display fields in same line
    }
    ]
    }
    defsend_request():
    try:
    response=requests.post(url, json=event_data, headers=headers)
    response.raise_for_status()
    print("Event sent successfully", response.json())
    exceptrequests.exceptions.RequestExceptionaserror:
    print("Error:", error)
    send_request()

    Yes, it's that simple!

  • Performance Monitoring: Monitor how fast your site loads (and find areas to improve with smart suggestions on what to optimize next).

  • Device & Browser Stats: See what devices, browsers, and operating systems your visitors are using.

  • Location Tracking: Understand where your visitors are coming from.

  • Discord Notifications: Get live updates on events right in your Discord DM.


How Does It Work?

Diagram

Here's exactly how Analyzr works, with no secrets:

First, you add our tracking script to your website - it's just a simple piece of code that counts when people visit your pages and what they click on.

This information goes straight to Supabase (our database provider), which organizes all this data.

We store everything safely in Supabase's storage system.

When you log in to your dashboard, you'll see all this information displayed in charts and numbers.

And if you want, we can send updates about your website straight to your Discord - it's that straightforward!

You can look at our code on GitHub to see exactly how everything works.


🤖 Discord Integration

Product 3

Setting up Discord notifications is easy:

  1. Enable Developer Mode in Discord

    • Open User Settings
    • Go to App Settings → Advanced
    • Enable Developer Mode
  2. Get Your Discord User ID

    • Right-click your profile or username
    • Click "Copy User ID"
  3. Add it to Analyzr

    • Go to /settings in your Analyzr dashboard
    • Paste your Discord User ID
    • Save the changes

Once set up, you'll get real-time notifications for:

  • Website traffic spikes
  • Performance alerts
  • Custom event triggers
  • Error notifications
  • And more!

(as you set it.)


💪 What Makes It Different?

Product 1

  1. It's Free

    • No "free trial" tricks
    • No "upgrade to see more data" stuff
    • Just free, forever!
  2. Super Easy to Use

    • Add one line of code to your site
    • See your stats right away
  3. Discord Integration

    • Real-time notifications
    • Custom alerts for important events
    • Manage everything from Discord

📦 Want to Try It?

It's super easy to get started:

  1. Add the Tracking Script (and other stuff if needed)

    For Vanilla/React apps:

    <scriptdeferdata-domain="your-website.com"
    src="https://getanalyzr.vercel.app/tracking-script.js"
    ></script>

    For Next.js apps:

    <Scriptdeferdata-domain="your-website.com"
    src="https://getanalyzr.vercel.app/tracking-script.js"
    />

    Just add this to your main layout or index file, and you're good to go!

  2. Deploy your app to production.

  3. It's done!

After you are done, start seeing real analytics on your dashboard.


🌟 Quick Links


💬 Let's Chat!

Got questions? Ideas? Just want to say hi.

  • Drop an issue on GitHub
  • DM me on Discord or X (@ArjunCodess)

We love hearing from users!


🎉 Thanks!

Thanks for checking out Analyzr! We hope it makes your life a bit easier.

Happy tracking! 📊

P.S. If you like it, maybe give us a star on GitHub and an upvote on Product Hunt. ⭐


❓ Frequently Asked Questions

  1. Is Analyzr really free?

    • Yes! We're 100% free and open source
    • No hidden fees or premium features
    • You can even self-host it if you want
  2. Will this slow down my website?

    • Nope! Our tracking script is tiny (< 6KB)
    • It loads asynchronously (won't block your page)
    • Uses edge functions for super-fast response times
  3. Is my data private and secure?

    • Absolutely! We use Supabase for secure data storage
    • Your data is never sold or shared
    • You can delete your data anytime
    • We don't track personal user information
  4. Can I use this with any website?

    • Yes! Works with:
      • Next.js
      • React
      • Vue
      • Plain HTML
      • etc.
  5. What's the difference between Analyzr and other analytics tools?

    • Free custom event tracking (others charge for this)
    • Built-in Discord notifications
    • No complex setup needed
    • Privacy-focused approach
    • Completely open source

About

Instant analytics for your apps.

Topics

Resources

Stars

31 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

Repository files navigation

Analyzr 📊

OG

Next.jsshadcn/uiDiscordSupabaseVercel


TL;DR 🚀

Analyzr is a free and open-source analytics tool that requires just one line of code to set up.

It comes with built-in Discord notifications and works seamlessly with any website, giving you all the analytics data you need to make informed decisions.


📑 Table of Contents


Hey there! 👋

Thanks for checking out Analyzr. It's a free tool that manages your website analytics and performance and offers many other features.

This project is an alternative to premium analytics services like Vercel Analytics.

With Analyzr, you can monitor everything from visitor activity to site performance without paying for it.

And the best part? It's open-source and free for everyone.


💡 Why Did We Build This?

Analyzr doesn't charge you for tracking custom events or monitoring performance, unlike other analytics tools.

You get all of this and more, totally free.


🎯 Who Is This For?

Product 2

Developers who want to track their side projects.

Small business owners watching their website traffic.

Anyone who wants simple analytics without paying $$$.


🚀 What Can It Do?

Here are some of the core features of Analyzr:

  • Real-Time Tracking: See what's happening on your website as it happens.

  • Custom Event Tracking: Track specific actions your visitors take (for example, clicks on certain buttons).

    Here's how to track custom events:

    Using JavaScript/Node.js:

    constaxios=require('axios');constAPI_KEY="YOUR_API_KEY";consturl="https://getanalyzr.vercel.app/api/events";constheaders={"Content-Type": "application/json","Authorization": `Bearer ${API_KEY}`};consteventData={name: "",// required - event namedomain: "",// required - your website domaindescription: "",// required - event descriptionemoji: "🔔",// optional - emoji for Discord notificationfields: [// optional - additional fields for Discord notification{name: "Field Name",value: "Field Value",inline: true// optional - display fields in same line}]};constsendRequest=async()=>{try{constresponse=awaitaxios.post(url,eventData,{ headers });console.log("Event sent successfully",response.data);}catch(error){console.error("Error:",error.response ? error.response.data : error.message);}};sendRequest();

    Using Python:

    importrequestsAPI_KEY="YOUR_API_KEY"url="https://getanalyzr.vercel.app/api/events"headers= {
    "Content-Type": "application/json",
    "Authorization": f"Bearer {API_KEY}"
    }
    event_data= {
    "name": "", # required - event name"domain": "", # required - your website domain"description": "", # required - event description"emoji": "🔔", # optional - emoji for Discord notification"fields": [ # optional - additional fields for Discord notification
    {
    "name": "Field Name",
    "value": "Field Value",
    "inline": True# optional - display fields in same line
    }
    ]
    }
    defsend_request():
    try:
    response=requests.post(url, json=event_data, headers=headers)
    response.raise_for_status()
    print("Event sent successfully", response.json())
    exceptrequests.exceptions.RequestExceptionaserror:
    print("Error:", error)
    send_request()

    Yes, it's that simple!

  • Performance Monitoring: Monitor how fast your site loads (and find areas to improve with smart suggestions on what to optimize next).

  • Device & Browser Stats: See what devices, browsers, and operating systems your visitors are using.

  • Location Tracking: Understand where your visitors are coming from.

  • Discord Notifications: Get live updates on events right in your Discord DM.


How Does It Work?

Diagram

Here's exactly how Analyzr works, with no secrets:

First, you add our tracking script to your website - it's just a simple piece of code that counts when people visit your pages and what they click on.

This information goes straight to Supabase (our database provider), which organizes all this data.

We store everything safely in Supabase's storage system.

When you log in to your dashboard, you'll see all this information displayed in charts and numbers.

And if you want, we can send updates about your website straight to your Discord - it's that straightforward!

You can look at our code on GitHub to see exactly how everything works.


🤖 Discord Integration

Product 3

Setting up Discord notifications is easy:

  1. Enable Developer Mode in Discord

    • Open User Settings
    • Go to App Settings → Advanced
    • Enable Developer Mode
  2. Get Your Discord User ID

    • Right-click your profile or username
    • Click "Copy User ID"
  3. Add it to Analyzr

    • Go to /settings in your Analyzr dashboard
    • Paste your Discord User ID
    • Save the changes

Once set up, you'll get real-time notifications for:

  • Website traffic spikes
  • Performance alerts
  • Custom event triggers
  • Error notifications
  • And more!

(as you set it.)


💪 What Makes It Different?

Product 1

  1. It's Free

    • No "free trial" tricks
    • No "upgrade to see more data" stuff
    • Just free, forever!
  2. Super Easy to Use

    • Add one line of code to your site
    • See your stats right away
  3. Discord Integration

    • Real-time notifications
    • Custom alerts for important events
    • Manage everything from Discord

📦 Want to Try It?

It's super easy to get started:

  1. Add the Tracking Script (and other stuff if needed)

    For Vanilla/React apps:

    <scriptdeferdata-domain="your-website.com"
    src="https://getanalyzr.vercel.app/tracking-script.js"
    ></script>

    For Next.js apps:

    <Scriptdeferdata-domain="your-website.com"
    src="https://getanalyzr.vercel.app/tracking-script.js"
    />

    Just add this to your main layout or index file, and you're good to go!

  2. Deploy your app to production.

  3. It's done!

After you are done, start seeing real analytics on your dashboard.


🌟 Quick Links


💬 Let's Chat!

Got questions? Ideas? Just want to say hi.

  • Drop an issue on GitHub
  • DM me on Discord or X (@ArjunCodess)

We love hearing from users!


🎉 Thanks!

Thanks for checking out Analyzr! We hope it makes your life a bit easier.

Happy tracking! 📊

P.S. If you like it, maybe give us a star on GitHub and an upvote on Product Hunt. ⭐


❓ Frequently Asked Questions

  1. Is Analyzr really free?

    • Yes! We're 100% free and open source
    • No hidden fees or premium features
    • You can even self-host it if you want
  2. Will this slow down my website?

    • Nope! Our tracking script is tiny (< 6KB)
    • It loads asynchronously (won't block your page)
    • Uses edge functions for super-fast response times
  3. Is my data private and secure?

    • Absolutely! We use Supabase for secure data storage
    • Your data is never sold or shared
    • You can delete your data anytime
    • We don't track personal user information
  4. Can I use this with any website?

    • Yes! Works with:
      • Next.js
      • React
      • Vue
      • Plain HTML
      • etc.
  5. What's the difference between Analyzr and other analytics tools?

    • Free custom event tracking (others charge for this)
    • Built-in Discord notifications
    • No complex setup needed
    • Privacy-focused approach
    • Completely open source

About

Instant analytics for your apps.

Topics

Resources

Stars

31 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

Analyzr 📊

OG

Next.jsshadcn/uiDiscordSupabaseVercel


TL;DR 🚀

Analyzr is a free and open-source analytics tool that requires just one line of code to set up.

It comes with built-in Discord notifications and works seamlessly with any website, giving you all the analytics data you need to make informed decisions.


📑 Table of Contents


Hey there! 👋

Thanks for checking out Analyzr. It's a free tool that manages your website analytics and performance and offers many other features.

This project is an alternative to premium analytics services like Vercel Analytics.

With Analyzr, you can monitor everything from visitor activity to site performance without paying for it.

And the best part? It's open-source and free for everyone.


💡 Why Did We Build This?

Analyzr doesn't charge you for tracking custom events or monitoring performance, unlike other analytics tools.

You get all of this and more, totally free.


🎯 Who Is This For?

Product 2

Developers who want to track their side projects.

Small business owners watching their website traffic.

Anyone who wants simple analytics without paying $$$.


🚀 What Can It Do?

Here are some of the core features of Analyzr:

  • Real-Time Tracking: See what's happening on your website as it happens.

  • Custom Event Tracking: Track specific actions your visitors take (for example, clicks on certain buttons).

    Here's how to track custom events:

    Using JavaScript/Node.js:

    constaxios=require('axios');constAPI_KEY="YOUR_API_KEY";consturl="https://getanalyzr.vercel.app/api/events";constheaders={"Content-Type": "application/json","Authorization": `Bearer ${API_KEY}`};consteventData={name: "",// required - event namedomain: "",// required - your website domaindescription: "",// required - event descriptionemoji: "🔔",// optional - emoji for Discord notificationfields: [// optional - additional fields for Discord notification{name: "Field Name",value: "Field Value",inline: true// optional - display fields in same line}]};constsendRequest=async()=>{try{constresponse=awaitaxios.post(url,eventData,{ headers });console.log("Event sent successfully",response.data);}catch(error){console.error("Error:",error.response ? error.response.data : error.message);}};sendRequest();

    Using Python:

    importrequestsAPI_KEY="YOUR_API_KEY"url="https://getanalyzr.vercel.app/api/events"headers= {
    "Content-Type": "application/json",
    "Authorization": f"Bearer {API_KEY}"
    }
    event_data= {
    "name": "", # required - event name"domain": "", # required - your website domain"description": "", # required - event description"emoji": "🔔", # optional - emoji for Discord notification"fields": [ # optional - additional fields for Discord notification
    {
    "name": "Field Name",
    "value": "Field Value",
    "inline": True# optional - display fields in same line
    }
    ]
    }
    defsend_request():
    try:
    response=requests.post(url, json=event_data, headers=headers)
    response.raise_for_status()
    print("Event sent successfully", response.json())
    exceptrequests.exceptions.RequestExceptionaserror:
    print("Error:", error)
    send_request()

    Yes, it's that simple!

  • Performance Monitoring: Monitor how fast your site loads (and find areas to improve with smart suggestions on what to optimize next).

  • Device & Browser Stats: See what devices, browsers, and operating systems your visitors are using.

  • Location Tracking: Understand where your visitors are coming from.

  • Discord Notifications: Get live updates on events right in your Discord DM.


How Does It Work?

Diagram

Here's exactly how Analyzr works, with no secrets:

First, you add our tracking script to your website - it's just a simple piece of code that counts when people visit your pages and what they click on.

This information goes straight to Supabase (our database provider), which organizes all this data.

We store everything safely in Supabase's storage system.

When you log in to your dashboard, you'll see all this information displayed in charts and numbers.

And if you want, we can send updates about your website straight to your Discord - it's that straightforward!

You can look at our code on GitHub to see exactly how everything works.


🤖 Discord Integration

Product 3

Setting up Discord notifications is easy:

  1. Enable Developer Mode in Discord

    • Open User Settings
    • Go to App Settings → Advanced
    • Enable Developer Mode
  2. Get Your Discord User ID

    • Right-click your profile or username
    • Click "Copy User ID"
  3. Add it to Analyzr

    • Go to /settings in your Analyzr dashboard
    • Paste your Discord User ID
    • Save the changes

Once set up, you'll get real-time notifications for:

  • Website traffic spikes
  • Performance alerts
  • Custom event triggers
  • Error notifications
  • And more!

(as you set it.)


💪 What Makes It Different?

Product 1

  1. It's Free

    • No "free trial" tricks
    • No "upgrade to see more data" stuff
    • Just free, forever!
  2. Super Easy to Use

    • Add one line of code to your site
    • See your stats right away
  3. Discord Integration

    • Real-time notifications
    • Custom alerts for important events
    • Manage everything from Discord

📦 Want to Try It?

It's super easy to get started:

  1. Add the Tracking Script (and other stuff if needed)

    For Vanilla/React apps:

    <scriptdeferdata-domain="your-website.com"
    src="https://getanalyzr.vercel.app/tracking-script.js"
    ></script>

    For Next.js apps:

    <Scriptdeferdata-domain="your-website.com"
    src="https://getanalyzr.vercel.app/tracking-script.js"
    />

    Just add this to your main layout or index file, and you're good to go!

  2. Deploy your app to production.

  3. It's done!

After you are done, start seeing real analytics on your dashboard.


🌟 Quick Links


💬 Let's Chat!

Got questions? Ideas? Just want to say hi.

  • Drop an issue on GitHub
  • DM me on Discord or X (@ArjunCodess)

We love hearing from users!


🎉 Thanks!

Thanks for checking out Analyzr! We hope it makes your life a bit easier.

Happy tracking! 📊

P.S. If you like it, maybe give us a star on GitHub and an upvote on Product Hunt. ⭐


❓ Frequently Asked Questions

  1. Is Analyzr really free?

    • Yes! We're 100% free and open source
    • No hidden fees or premium features
    • You can even self-host it if you want
  2. Will this slow down my website?

    • Nope! Our tracking script is tiny (< 6KB)
    • It loads asynchronously (won't block your page)
    • Uses edge functions for super-fast response times
  3. Is my data private and secure?

    • Absolutely! We use Supabase for secure data storage
    • Your data is never sold or shared
    • You can delete your data anytime
    • We don't track personal user information
  4. Can I use this with any website?

    • Yes! Works with:
      • Next.js
      • React
      • Vue
      • Plain HTML
      • etc.
  5. What's the difference between Analyzr and other analytics tools?

    • Free custom event tracking (others charge for this)
    • Built-in Discord notifications
    • No complex setup needed
    • Privacy-focused approach
    • Completely open source

About

Instant analytics for your apps.

Topics

Resources

Stars

31 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

Analyzr 📊

OG

Next.jsshadcn/uiDiscordSupabaseVercel


TL;DR 🚀

Analyzr is a free and open-source analytics tool that requires just one line of code to set up.

It comes with built-in Discord notifications and works seamlessly with any website, giving you all the analytics data you need to make informed decisions.


📑 Table of Contents


Hey there! 👋

Thanks for checking out Analyzr. It's a free tool that manages your website analytics and performance and offers many other features.

This project is an alternative to premium analytics services like Vercel Analytics.

With Analyzr, you can monitor everything from visitor activity to site performance without paying for it.

And the best part? It's open-source and free for everyone.


💡 Why Did We Build This?

Analyzr doesn't charge you for tracking custom events or monitoring performance, unlike other analytics tools.

You get all of this and more, totally free.


🎯 Who Is This For?

Product 2

Developers who want to track their side projects.

Small business owners watching their website traffic.

Anyone who wants simple analytics without paying $$$.


🚀 What Can It Do?

Here are some of the core features of Analyzr:

  • Real-Time Tracking: See what's happening on your website as it happens.

  • Custom Event Tracking: Track specific actions your visitors take (for example, clicks on certain buttons).

    Here's how to track custom events:

    Using JavaScript/Node.js:

    constaxios=require('axios');constAPI_KEY="YOUR_API_KEY";consturl="https://getanalyzr.vercel.app/api/events";constheaders={"Content-Type": "application/json","Authorization": `Bearer ${API_KEY}`};consteventData={name: "",// required - event namedomain: "",// required - your website domaindescription: "",// required - event descriptionemoji: "🔔",// optional - emoji for Discord notificationfields: [// optional - additional fields for Discord notification{name: "Field Name",value: "Field Value",inline: true// optional - display fields in same line}]};constsendRequest=async()=>{try{constresponse=awaitaxios.post(url,eventData,{ headers });console.log("Event sent successfully",response.data);}catch(error){console.error("Error:",error.response ? error.response.data : error.message);}};sendRequest();

    Using Python:

    importrequestsAPI_KEY="YOUR_API_KEY"url="https://getanalyzr.vercel.app/api/events"headers= {
    "Content-Type": "application/json",
    "Authorization": f"Bearer {API_KEY}"
    }
    event_data= {
    "name": "", # required - event name"domain": "", # required - your website domain"description": "", # required - event description"emoji": "🔔", # optional - emoji for Discord notification"fields": [ # optional - additional fields for Discord notification
    {
    "name": "Field Name",
    "value": "Field Value",
    "inline": True# optional - display fields in same line
    }
    ]
    }
    defsend_request():
    try:
    response=requests.post(url, json=event_data, headers=headers)
    response.raise_for_status()
    print("Event sent successfully", response.json())
    exceptrequests.exceptions.RequestExceptionaserror:
    print("Error:", error)
    send_request()

    Yes, it's that simple!

  • Performance Monitoring: Monitor how fast your site loads (and find areas to improve with smart suggestions on what to optimize next).

  • Device & Browser Stats: See what devices, browsers, and operating systems your visitors are using.

  • Location Tracking: Understand where your visitors are coming from.

  • Discord Notifications: Get live updates on events right in your Discord DM.


How Does It Work?

Diagram

Here's exactly how Analyzr works, with no secrets:

First, you add our tracking script to your website - it's just a simple piece of code that counts when people visit your pages and what they click on.

This information goes straight to Supabase (our database provider), which organizes all this data.

We store everything safely in Supabase's storage system.

When you log in to your dashboard, you'll see all this information displayed in charts and numbers.

And if you want, we can send updates about your website straight to your Discord - it's that straightforward!

You can look at our code on GitHub to see exactly how everything works.


🤖 Discord Integration

Product 3

Setting up Discord notifications is easy:

  1. Enable Developer Mode in Discord

    • Open User Settings
    • Go to App Settings → Advanced
    • Enable Developer Mode
  2. Get Your Discord User ID

    • Right-click your profile or username
    • Click "Copy User ID"
  3. Add it to Analyzr

    • Go to /settings in your Analyzr dashboard
    • Paste your Discord User ID
    • Save the changes

Once set up, you'll get real-time notifications for:

  • Website traffic spikes
  • Performance alerts
  • Custom event triggers
  • Error notifications
  • And more!

(as you set it.)


💪 What Makes It Different?

Product 1

  1. It's Free

    • No "free trial" tricks
    • No "upgrade to see more data" stuff
    • Just free, forever!
  2. Super Easy to Use

    • Add one line of code to your site
    • See your stats right away
  3. Discord Integration

    • Real-time notifications
    • Custom alerts for important events
    • Manage everything from Discord

📦 Want to Try It?

It's super easy to get started:

  1. Add the Tracking Script (and other stuff if needed)

    For Vanilla/React apps:

    <scriptdeferdata-domain="your-website.com"
    src="https://getanalyzr.vercel.app/tracking-script.js"
    ></script>

    For Next.js apps:

    <Scriptdeferdata-domain="your-website.com"
    src="https://getanalyzr.vercel.app/tracking-script.js"
    />

    Just add this to your main layout or index file, and you're good to go!

  2. Deploy your app to production.

  3. It's done!

After you are done, start seeing real analytics on your dashboard.


🌟 Quick Links


💬 Let's Chat!

Got questions? Ideas? Just want to say hi.

  • Drop an issue on GitHub
  • DM me on Discord or X (@ArjunCodess)

We love hearing from users!


🎉 Thanks!

Thanks for checking out Analyzr! We hope it makes your life a bit easier.

Happy tracking! 📊

P.S. If you like it, maybe give us a star on GitHub and an upvote on Product Hunt. ⭐


❓ Frequently Asked Questions

  1. Is Analyzr really free?

    • Yes! We're 100% free and open source
    • No hidden fees or premium features
    • You can even self-host it if you want
  2. Will this slow down my website?

    • Nope! Our tracking script is tiny (< 6KB)
    • It loads asynchronously (won't block your page)
    • Uses edge functions for super-fast response times
  3. Is my data private and secure?

    • Absolutely! We use Supabase for secure data storage
    • Your data is never sold or shared
    • You can delete your data anytime
    • We don't track personal user information
  4. Can I use this with any website?

    • Yes! Works with:
      • Next.js
      • React
      • Vue
      • Plain HTML
      • etc.
  5. What's the difference between Analyzr and other analytics tools?

    • Free custom event tracking (others charge for this)
    • Built-in Discord notifications
    • No complex setup needed
    • Privacy-focused approach
    • Completely open source

About

Instant analytics for your apps.

Topics

Resources

Stars

31 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

Repository files navigation

Analyzr 📊

OG

Next.jsshadcn/uiDiscordSupabaseVercel


TL;DR 🚀

Analyzr is a free and open-source analytics tool that requires just one line of code to set up.

It comes with built-in Discord notifications and works seamlessly with any website, giving you all the analytics data you need to make informed decisions.


📑 Table of Contents


Hey there! 👋

Thanks for checking out Analyzr. It's a free tool that manages your website analytics and performance and offers many other features.

This project is an alternative to premium analytics services like Vercel Analytics.

With Analyzr, you can monitor everything from visitor activity to site performance without paying for it.

And the best part? It's open-source and free for everyone.


💡 Why Did We Build This?

Analyzr doesn't charge you for tracking custom events or monitoring performance, unlike other analytics tools.

You get all of this and more, totally free.


🎯 Who Is This For?

Product 2

Developers who want to track their side projects.

Small business owners watching their website traffic.

Anyone who wants simple analytics without paying $$$.


🚀 What Can It Do?

Here are some of the core features of Analyzr:

  • Real-Time Tracking: See what's happening on your website as it happens.

  • Custom Event Tracking: Track specific actions your visitors take (for example, clicks on certain buttons).

    Here's how to track custom events:

    Using JavaScript/Node.js:

    constaxios=require('axios');constAPI_KEY="YOUR_API_KEY";consturl="https://getanalyzr.vercel.app/api/events";constheaders={"Content-Type": "application/json","Authorization": `Bearer ${API_KEY}`};consteventData={name: "",// required - event namedomain: "",// required - your website domaindescription: "",// required - event descriptionemoji: "🔔",// optional - emoji for Discord notificationfields: [// optional - additional fields for Discord notification{name: "Field Name",value: "Field Value",inline: true// optional - display fields in same line}]};constsendRequest=async()=>{try{constresponse=awaitaxios.post(url,eventData,{ headers });console.log("Event sent successfully",response.data);}catch(error){console.error("Error:",error.response ? error.response.data : error.message);}};sendRequest();

    Using Python:

    importrequestsAPI_KEY="YOUR_API_KEY"url="https://getanalyzr.vercel.app/api/events"headers= {
    "Content-Type": "application/json",
    "Authorization": f"Bearer {API_KEY}"
    }
    event_data= {
    "name": "", # required - event name"domain": "", # required - your website domain"description": "", # required - event description"emoji": "🔔", # optional - emoji for Discord notification"fields": [ # optional - additional fields for Discord notification
    {
    "name": "Field Name",
    "value": "Field Value",
    "inline": True# optional - display fields in same line
    }
    ]
    }
    defsend_request():
    try:
    response=requests.post(url, json=event_data, headers=headers)
    response.raise_for_status()
    print("Event sent successfully", response.json())
    exceptrequests.exceptions.RequestExceptionaserror:
    print("Error:", error)
    send_request()

    Yes, it's that simple!

  • Performance Monitoring: Monitor how fast your site loads (and find areas to improve with smart suggestions on what to optimize next).

  • Device & Browser Stats: See what devices, browsers, and operating systems your visitors are using.

  • Location Tracking: Understand where your visitors are coming from.

  • Discord Notifications: Get live updates on events right in your Discord DM.


How Does It Work?

Diagram

Here's exactly how Analyzr works, with no secrets:

First, you add our tracking script to your website - it's just a simple piece of code that counts when people visit your pages and what they click on.

This information goes straight to Supabase (our database provider), which organizes all this data.

We store everything safely in Supabase's storage system.

When you log in to your dashboard, you'll see all this information displayed in charts and numbers.

And if you want, we can send updates about your website straight to your Discord - it's that straightforward!

You can look at our code on GitHub to see exactly how everything works.


🤖 Discord Integration

Product 3

Setting up Discord notifications is easy:

  1. Enable Developer Mode in Discord

    • Open User Settings
    • Go to App Settings → Advanced
    • Enable Developer Mode
  2. Get Your Discord User ID

    • Right-click your profile or username
    • Click "Copy User ID"
  3. Add it to Analyzr

    • Go to /settings in your Analyzr dashboard
    • Paste your Discord User ID
    • Save the changes

Once set up, you'll get real-time notifications for:

  • Website traffic spikes
  • Performance alerts
  • Custom event triggers
  • Error notifications
  • And more!

(as you set it.)


💪 What Makes It Different?

Product 1

  1. It's Free

    • No "free trial" tricks
    • No "upgrade to see more data" stuff
    • Just free, forever!
  2. Super Easy to Use

    • Add one line of code to your site
    • See your stats right away
  3. Discord Integration

    • Real-time notifications
    • Custom alerts for important events
    • Manage everything from Discord

📦 Want to Try It?

It's super easy to get started:

  1. Add the Tracking Script (and other stuff if needed)

    For Vanilla/React apps:

    <scriptdeferdata-domain="your-website.com"
    src="https://getanalyzr.vercel.app/tracking-script.js"
    ></script>

    For Next.js apps:

    <Scriptdeferdata-domain="your-website.com"
    src="https://getanalyzr.vercel.app/tracking-script.js"
    />

    Just add this to your main layout or index file, and you're good to go!

  2. Deploy your app to production.

  3. It's done!

After you are done, start seeing real analytics on your dashboard.


🌟 Quick Links


💬 Let's Chat!

Got questions? Ideas? Just want to say hi.

  • Drop an issue on GitHub
  • DM me on Discord or X (@ArjunCodess)

We love hearing from users!


🎉 Thanks!

Thanks for checking out Analyzr! We hope it makes your life a bit easier.

Happy tracking! 📊

P.S. If you like it, maybe give us a star on GitHub and an upvote on Product Hunt. ⭐


❓ Frequently Asked Questions

  1. Is Analyzr really free?

    • Yes! We're 100% free and open source
    • No hidden fees or premium features
    • You can even self-host it if you want
  2. Will this slow down my website?

    • Nope! Our tracking script is tiny (< 6KB)
    • It loads asynchronously (won't block your page)
    • Uses edge functions for super-fast response times
  3. Is my data private and secure?

    • Absolutely! We use Supabase for secure data storage
    • Your data is never sold or shared
    • You can delete your data anytime
    • We don't track personal user information
  4. Can I use this with any website?

    • Yes! Works with:
      • Next.js
      • React
      • Vue
      • Plain HTML
      • etc.
  5. What's the difference between Analyzr and other analytics tools?

    • Free custom event tracking (others charge for this)
    • Built-in Discord notifications
    • No complex setup needed
    • Privacy-focused approach
    • Completely open source

About

Instant analytics for your apps.

Topics

Resources

Stars

31 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

Analyzr 📊

OG

Next.jsshadcn/uiDiscordSupabaseVercel


TL;DR 🚀

Analyzr is a free and open-source analytics tool that requires just one line of code to set up.

It comes with built-in Discord notifications and works seamlessly with any website, giving you all the analytics data you need to make informed decisions.


📑 Table of Contents


Hey there! 👋

Thanks for checking out Analyzr. It's a free tool that manages your website analytics and performance and offers many other features.

This project is an alternative to premium analytics services like Vercel Analytics.

With Analyzr, you can monitor everything from visitor activity to site performance without paying for it.

And the best part? It's open-source and free for everyone.


💡 Why Did We Build This?

Analyzr doesn't charge you for tracking custom events or monitoring performance, unlike other analytics tools.

You get all of this and more, totally free.


🎯 Who Is This For?

Product 2

Developers who want to track their side projects.

Small business owners watching their website traffic.

Anyone who wants simple analytics without paying $$$.


🚀 What Can It Do?

Here are some of the core features of Analyzr:

  • Real-Time Tracking: See what's happening on your website as it happens.

  • Custom Event Tracking: Track specific actions your visitors take (for example, clicks on certain buttons).

    Here's how to track custom events:

    Using JavaScript/Node.js:

    constaxios=require('axios');constAPI_KEY="YOUR_API_KEY";consturl="https://getanalyzr.vercel.app/api/events";constheaders={"Content-Type": "application/json","Authorization": `Bearer ${API_KEY}`};consteventData={name: "",// required - event namedomain: "",// required - your website domaindescription: "",// required - event descriptionemoji: "🔔",// optional - emoji for Discord notificationfields: [// optional - additional fields for Discord notification{name: "Field Name",value: "Field Value",inline: true// optional - display fields in same line}]};constsendRequest=async()=>{try{constresponse=awaitaxios.post(url,eventData,{ headers });console.log("Event sent successfully",response.data);}catch(error){console.error("Error:",error.response ? error.response.data : error.message);}};sendRequest();

    Using Python:

    importrequestsAPI_KEY="YOUR_API_KEY"url="https://getanalyzr.vercel.app/api/events"headers= {
    "Content-Type": "application/json",
    "Authorization": f"Bearer {API_KEY}"
    }
    event_data= {
    "name": "", # required - event name"domain": "", # required - your website domain"description": "", # required - event description"emoji": "🔔", # optional - emoji for Discord notification"fields": [ # optional - additional fields for Discord notification
    {
    "name": "Field Name",
    "value": "Field Value",
    "inline": True# optional - display fields in same line
    }
    ]
    }
    defsend_request():
    try:
    response=requests.post(url, json=event_data, headers=headers)
    response.raise_for_status()
    print("Event sent successfully", response.json())
    exceptrequests.exceptions.RequestExceptionaserror:
    print("Error:", error)
    send_request()

    Yes, it's that simple!

  • Performance Monitoring: Monitor how fast your site loads (and find areas to improve with smart suggestions on what to optimize next).

  • Device & Browser Stats: See what devices, browsers, and operating systems your visitors are using.

  • Location Tracking: Understand where your visitors are coming from.

  • Discord Notifications: Get live updates on events right in your Discord DM.


How Does It Work?

Diagram

Here's exactly how Analyzr works, with no secrets:

First, you add our tracking script to your website - it's just a simple piece of code that counts when people visit your pages and what they click on.

This information goes straight to Supabase (our database provider), which organizes all this data.

We store everything safely in Supabase's storage system.

When you log in to your dashboard, you'll see all this information displayed in charts and numbers.

And if you want, we can send updates about your website straight to your Discord - it's that straightforward!

You can look at our code on GitHub to see exactly how everything works.


🤖 Discord Integration

Product 3

Setting up Discord notifications is easy:

  1. Enable Developer Mode in Discord

    • Open User Settings
    • Go to App Settings → Advanced
    • Enable Developer Mode
  2. Get Your Discord User ID

    • Right-click your profile or username
    • Click "Copy User ID"
  3. Add it to Analyzr

    • Go to /settings in your Analyzr dashboard
    • Paste your Discord User ID
    • Save the changes

Once set up, you'll get real-time notifications for:

  • Website traffic spikes
  • Performance alerts
  • Custom event triggers
  • Error notifications
  • And more!

(as you set it.)


💪 What Makes It Different?

Product 1

  1. It's Free

    • No "free trial" tricks
    • No "upgrade to see more data" stuff
    • Just free, forever!
  2. Super Easy to Use

    • Add one line of code to your site
    • See your stats right away
  3. Discord Integration

    • Real-time notifications
    • Custom alerts for important events
    • Manage everything from Discord

📦 Want to Try It?

It's super easy to get started:

  1. Add the Tracking Script (and other stuff if needed)

    For Vanilla/React apps:

    <scriptdeferdata-domain="your-website.com"
    src="https://getanalyzr.vercel.app/tracking-script.js"
    ></script>

    For Next.js apps:

    <Scriptdeferdata-domain="your-website.com"
    src="https://getanalyzr.vercel.app/tracking-script.js"
    />

    Just add this to your main layout or index file, and you're good to go!

  2. Deploy your app to production.

  3. It's done!

After you are done, start seeing real analytics on your dashboard.


🌟 Quick Links


💬 Let's Chat!

Got questions? Ideas? Just want to say hi.

  • Drop an issue on GitHub
  • DM me on Discord or X (@ArjunCodess)

We love hearing from users!


🎉 Thanks!

Thanks for checking out Analyzr! We hope it makes your life a bit easier.

Happy tracking! 📊

P.S. If you like it, maybe give us a star on GitHub and an upvote on Product Hunt. ⭐


❓ Frequently Asked Questions

  1. Is Analyzr really free?

    • Yes! We're 100% free and open source
    • No hidden fees or premium features
    • You can even self-host it if you want
  2. Will this slow down my website?

    • Nope! Our tracking script is tiny (< 6KB)
    • It loads asynchronously (won't block your page)
    • Uses edge functions for super-fast response times
  3. Is my data private and secure?

    • Absolutely! We use Supabase for secure data storage
    • Your data is never sold or shared
    • You can delete your data anytime
    • We don't track personal user information
  4. Can I use this with any website?

    • Yes! Works with:
      • Next.js
      • React
      • Vue
      • Plain HTML
      • etc.
  5. What's the difference between Analyzr and other analytics tools?

    • Free custom event tracking (others charge for this)
    • Built-in Discord notifications
    • No complex setup needed
    • Privacy-focused approach
    • Completely open source

About

Instant analytics for your apps.

Topics

Resources

Stars

31 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Repository files navigation

Analyzr 📊

OG

Next.jsshadcn/uiDiscordSupabaseVercel


TL;DR 🚀

Analyzr is a free and open-source analytics tool that requires just one line of code to set up.

It comes with built-in Discord notifications and works seamlessly with any website, giving you all the analytics data you need to make informed decisions.


📑 Table of Contents


Hey there! 👋

Thanks for checking out Analyzr. It's a free tool that manages your website analytics and performance and offers many other features.

This project is an alternative to premium analytics services like Vercel Analytics.

With Analyzr, you can monitor everything from visitor activity to site performance without paying for it.

And the best part? It's open-source and free for everyone.


💡 Why Did We Build This?

Analyzr doesn't charge you for tracking custom events or monitoring performance, unlike other analytics tools.

You get all of this and more, totally free.


🎯 Who Is This For?

Product 2

Developers who want to track their side projects.

Small business owners watching their website traffic.

Anyone who wants simple analytics without paying $$$.


🚀 What Can It Do?

Here are some of the core features of Analyzr:

  • Real-Time Tracking: See what's happening on your website as it happens.

  • Custom Event Tracking: Track specific actions your visitors take (for example, clicks on certain buttons).

    Here's how to track custom events:

    Using JavaScript/Node.js:

    constaxios=require('axios');constAPI_KEY="YOUR_API_KEY";consturl="https://getanalyzr.vercel.app/api/events";constheaders={"Content-Type": "application/json","Authorization": `Bearer ${API_KEY}`};consteventData={name: "",// required - event namedomain: "",// required - your website domaindescription: "",// required - event descriptionemoji: "🔔",// optional - emoji for Discord notificationfields: [// optional - additional fields for Discord notification{name: "Field Name",value: "Field Value",inline: true// optional - display fields in same line}]};constsendRequest=async()=>{try{constresponse=awaitaxios.post(url,eventData,{ headers });console.log("Event sent successfully",response.data);}catch(error){console.error("Error:",error.response ? error.response.data : error.message);}};sendRequest();

    Using Python:

    importrequestsAPI_KEY="YOUR_API_KEY"url="https://getanalyzr.vercel.app/api/events"headers= {
    "Content-Type": "application/json",
    "Authorization": f"Bearer {API_KEY}"
    }
    event_data= {
    "name": "", # required - event name"domain": "", # required - your website domain"description": "", # required - event description"emoji": "🔔", # optional - emoji for Discord notification"fields": [ # optional - additional fields for Discord notification
    {
    "name": "Field Name",
    "value": "Field Value",
    "inline": True# optional - display fields in same line
    }
    ]
    }
    defsend_request():
    try:
    response=requests.post(url, json=event_data, headers=headers)
    response.raise_for_status()
    print("Event sent successfully", response.json())
    exceptrequests.exceptions.RequestExceptionaserror:
    print("Error:", error)
    send_request()

    Yes, it's that simple!

  • Performance Monitoring: Monitor how fast your site loads (and find areas to improve with smart suggestions on what to optimize next).

  • Device & Browser Stats: See what devices, browsers, and operating systems your visitors are using.

  • Location Tracking: Understand where your visitors are coming from.

  • Discord Notifications: Get live updates on events right in your Discord DM.


How Does It Work?

Diagram

Here's exactly how Analyzr works, with no secrets:

First, you add our tracking script to your website - it's just a simple piece of code that counts when people visit your pages and what they click on.

This information goes straight to Supabase (our database provider), which organizes all this data.

We store everything safely in Supabase's storage system.

When you log in to your dashboard, you'll see all this information displayed in charts and numbers.

And if you want, we can send updates about your website straight to your Discord - it's that straightforward!

You can look at our code on GitHub to see exactly how everything works.


🤖 Discord Integration

Product 3

Setting up Discord notifications is easy:

  1. Enable Developer Mode in Discord

    • Open User Settings
    • Go to App Settings → Advanced
    • Enable Developer Mode
  2. Get Your Discord User ID

    • Right-click your profile or username
    • Click "Copy User ID"
  3. Add it to Analyzr

    • Go to /settings in your Analyzr dashboard
    • Paste your Discord User ID
    • Save the changes

Once set up, you'll get real-time notifications for:

  • Website traffic spikes
  • Performance alerts
  • Custom event triggers
  • Error notifications
  • And more!

(as you set it.)


💪 What Makes It Different?

Product 1

  1. It's Free

    • No "free trial" tricks
    • No "upgrade to see more data" stuff
    • Just free, forever!
  2. Super Easy to Use

    • Add one line of code to your site
    • See your stats right away
  3. Discord Integration

    • Real-time notifications
    • Custom alerts for important events
    • Manage everything from Discord

📦 Want to Try It?

It's super easy to get started:

  1. Add the Tracking Script (and other stuff if needed)

    For Vanilla/React apps:

    <scriptdeferdata-domain="your-website.com"
    src="https://getanalyzr.vercel.app/tracking-script.js"
    ></script>

    For Next.js apps:

    <Scriptdeferdata-domain="your-website.com"
    src="https://getanalyzr.vercel.app/tracking-script.js"
    />

    Just add this to your main layout or index file, and you're good to go!

  2. Deploy your app to production.

  3. It's done!

After you are done, start seeing real analytics on your dashboard.


🌟 Quick Links


💬 Let's Chat!

Got questions? Ideas? Just want to say hi.

  • Drop an issue on GitHub
  • DM me on Discord or X (@ArjunCodess)

We love hearing from users!


🎉 Thanks!

Thanks for checking out Analyzr! We hope it makes your life a bit easier.

Happy tracking! 📊

P.S. If you like it, maybe give us a star on GitHub and an upvote on Product Hunt. ⭐


❓ Frequently Asked Questions

  1. Is Analyzr really free?

    • Yes! We're 100% free and open source
    • No hidden fees or premium features
    • You can even self-host it if you want
  2. Will this slow down my website?

    • Nope! Our tracking script is tiny (< 6KB)
    • It loads asynchronously (won't block your page)
    • Uses edge functions for super-fast response times
  3. Is my data private and secure?

    • Absolutely! We use Supabase for secure data storage
    • Your data is never sold or shared
    • You can delete your data anytime
    • We don't track personal user information
  4. Can I use this with any website?

    • Yes! Works with:
      • Next.js
      • React
      • Vue
      • Plain HTML
      • etc.
  5. What's the difference between Analyzr and other analytics tools?

    • Free custom event tracking (others charge for this)
    • Built-in Discord notifications
    • No complex setup needed
    • Privacy-focused approach
    • Completely open source

About

Instant analytics for your apps.

Topics

Resources

Stars

31 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

Repository files navigation

Analyzr 📊

OG

Next.jsshadcn/uiDiscordSupabaseVercel


TL;DR 🚀

Analyzr is a free and open-source analytics tool that requires just one line of code to set up.

It comes with built-in Discord notifications and works seamlessly with any website, giving you all the analytics data you need to make informed decisions.


📑 Table of Contents


Hey there! 👋

Thanks for checking out Analyzr. It's a free tool that manages your website analytics and performance and offers many other features.

This project is an alternative to premium analytics services like Vercel Analytics.

With Analyzr, you can monitor everything from visitor activity to site performance without paying for it.

And the best part? It's open-source and free for everyone.


💡 Why Did We Build This?

Analyzr doesn't charge you for tracking custom events or monitoring performance, unlike other analytics tools.

You get all of this and more, totally free.


🎯 Who Is This For?

Product 2

Developers who want to track their side projects.

Small business owners watching their website traffic.

Anyone who wants simple analytics without paying $$$.


🚀 What Can It Do?

Here are some of the core features of Analyzr:

  • Real-Time Tracking: See what's happening on your website as it happens.

  • Custom Event Tracking: Track specific actions your visitors take (for example, clicks on certain buttons).

    Here's how to track custom events:

    Using JavaScript/Node.js:

    constaxios=require('axios');constAPI_KEY="YOUR_API_KEY";consturl="https://getanalyzr.vercel.app/api/events";constheaders={"Content-Type": "application/json","Authorization": `Bearer ${API_KEY}`};consteventData={name: "",// required - event namedomain: "",// required - your website domaindescription: "",// required - event descriptionemoji: "🔔",// optional - emoji for Discord notificationfields: [// optional - additional fields for Discord notification{name: "Field Name",value: "Field Value",inline: true// optional - display fields in same line}]};constsendRequest=async()=>{try{constresponse=awaitaxios.post(url,eventData,{ headers });console.log("Event sent successfully",response.data);}catch(error){console.error("Error:",error.response ? error.response.data : error.message);}};sendRequest();

    Using Python:

    importrequestsAPI_KEY="YOUR_API_KEY"url="https://getanalyzr.vercel.app/api/events"headers= {
    "Content-Type": "application/json",
    "Authorization": f"Bearer {API_KEY}"
    }
    event_data= {
    "name": "", # required - event name"domain": "", # required - your website domain"description": "", # required - event description"emoji": "🔔", # optional - emoji for Discord notification"fields": [ # optional - additional fields for Discord notification
    {
    "name": "Field Name",
    "value": "Field Value",
    "inline": True# optional - display fields in same line
    }
    ]
    }
    defsend_request():
    try:
    response=requests.post(url, json=event_data, headers=headers)
    response.raise_for_status()
    print("Event sent successfully", response.json())
    exceptrequests.exceptions.RequestExceptionaserror:
    print("Error:", error)
    send_request()

    Yes, it's that simple!

  • Performance Monitoring: Monitor how fast your site loads (and find areas to improve with smart suggestions on what to optimize next).

  • Device & Browser Stats: See what devices, browsers, and operating systems your visitors are using.

  • Location Tracking: Understand where your visitors are coming from.

  • Discord Notifications: Get live updates on events right in your Discord DM.


How Does It Work?

Diagram

Here's exactly how Analyzr works, with no secrets:

First, you add our tracking script to your website - it's just a simple piece of code that counts when people visit your pages and what they click on.

This information goes straight to Supabase (our database provider), which organizes all this data.

We store everything safely in Supabase's storage system.

When you log in to your dashboard, you'll see all this information displayed in charts and numbers.

And if you want, we can send updates about your website straight to your Discord - it's that straightforward!

You can look at our code on GitHub to see exactly how everything works.


🤖 Discord Integration

Product 3

Setting up Discord notifications is easy:

  1. Enable Developer Mode in Discord

    • Open User Settings
    • Go to App Settings → Advanced
    • Enable Developer Mode
  2. Get Your Discord User ID

    • Right-click your profile or username
    • Click "Copy User ID"
  3. Add it to Analyzr

    • Go to /settings in your Analyzr dashboard
    • Paste your Discord User ID
    • Save the changes

Once set up, you'll get real-time notifications for:

  • Website traffic spikes
  • Performance alerts
  • Custom event triggers
  • Error notifications
  • And more!

(as you set it.)


💪 What Makes It Different?

Product 1

  1. It's Free

    • No "free trial" tricks
    • No "upgrade to see more data" stuff
    • Just free, forever!
  2. Super Easy to Use

    • Add one line of code to your site
    • See your stats right away
  3. Discord Integration

    • Real-time notifications
    • Custom alerts for important events
    • Manage everything from Discord

📦 Want to Try It?

It's super easy to get started:

  1. Add the Tracking Script (and other stuff if needed)

    For Vanilla/React apps:

    <scriptdeferdata-domain="your-website.com"
    src="https://getanalyzr.vercel.app/tracking-script.js"
    ></script>

    For Next.js apps:

    <Scriptdeferdata-domain="your-website.com"
    src="https://getanalyzr.vercel.app/tracking-script.js"
    />

    Just add this to your main layout or index file, and you're good to go!

  2. Deploy your app to production.

  3. It's done!

After you are done, start seeing real analytics on your dashboard.


🌟 Quick Links


💬 Let's Chat!

Got questions? Ideas? Just want to say hi.

  • Drop an issue on GitHub
  • DM me on Discord or X (@ArjunCodess)

We love hearing from users!


🎉 Thanks!

Thanks for checking out Analyzr! We hope it makes your life a bit easier.

Happy tracking! 📊

P.S. If you like it, maybe give us a star on GitHub and an upvote on Product Hunt. ⭐


❓ Frequently Asked Questions

  1. Is Analyzr really free?

    • Yes! We're 100% free and open source
    • No hidden fees or premium features
    • You can even self-host it if you want
  2. Will this slow down my website?

    • Nope! Our tracking script is tiny (< 6KB)
    • It loads asynchronously (won't block your page)
    • Uses edge functions for super-fast response times
  3. Is my data private and secure?

    • Absolutely! We use Supabase for secure data storage
    • Your data is never sold or shared
    • You can delete your data anytime
    • We don't track personal user information
  4. Can I use this with any website?

    • Yes! Works with:
      • Next.js
      • React
      • Vue
      • Plain HTML
      • etc.
  5. What's the difference between Analyzr and other analytics tools?

    • Free custom event tracking (others charge for this)
    • Built-in Discord notifications
    • No complex setup needed
    • Privacy-focused approach
    • Completely open source

About

Instant analytics for your apps.

Topics

Resources

Stars

31 stars

Watchers

1 watching

Forks

Releases

Packages

Used by

Contributors

Languages