Using Analytic Tools With Stormkit
Apr 09, 2022
Easily inject snippets into your application without deploying your application.
Snippets
With the help of our Snippets functionality you can inject any code into your application without deploying it. This is very powerful as you can turn on and off integrations instantly.
Plausible and Stormkit
For the purpose of this blog post, we will be using Plausible as an example but this
functionality can be used with any third party tool. Plausible is an open source analytic platform, you can either host it yourself or use their cloud offering. Let's get started by adding our endpoint to Plausible:
We're going to use https://paintersheer-foihe8.stormkit.dev/ as an example.
After providing the endpoint to Plasuible, it will generate a script similar to the one below:
<script
defer
data-domain="paintersheer-foihe8.stormkit.dev"
src="https://plausible.io/js/plausible.js"
></script>
Now head to your App on Stormkit, select the Environment which the snippet will be injected and click on Snippets from the environment menu on the right side of the page.
Select add snippet and paste the code provided by Plausible.
Once you visit your web site you will notice in Plausible dashboard that visitor data is displayed.
Conclusion
In this example, we added analytic capabilities to our website without altering the source code. The snippets functionality allows us to enable or disable injected code without any deployment.
Hope you found this post useful!

© 2023 Stormkit, Inc.
\n```\n\nNow head to your **App** on Stormkit, select the **Environment** which the snippet will be injected and click on **Snippets** from the environment menu on the right side of the page.\n\n
\n

\n
\n\nSelect add snippet and paste the code provided by Plausible.\n\n
\n

\n
\n\nOnce you visit your web site you will notice in [Plausible](https://plausible.io) dashboard that visitor data is displayed.\n\n## Conclusion\n\nIn this example, we added analytic capabilities to our website without altering the source code. The snippets functionality allows us to enable or disable injected code without any deployment.\n\nHope you found this post useful!\n","navigation":[{"path":"building-dynamic-web-applications-with-ssr-and-htmx","title":"Building Dynamic Web Applications With Ssr and Htmx","description":"Learn how to create interactive web applications using Server-Side Rendering (SSR), htmx for seamless AJAX interactions, and Handlebars.js for dynamic templating.","date":"2023-11-09","active":false},{"path":"unlocking-dynamic-web-interactions-with-htmx","title":"Unlocking Dynamic Web Interactions With Htmx","description":"Unlock the potential of htmx, a lightweight JavaScript library for dynamic web interactions. Simplify AJAX requests, page updates, and DOM manipulation with ease. See how htmx integrates seamlessly with server-side rendering.","date":"2023-11-02","active":false},{"path":"getting-started-with-vitejs","title":"Getting Started With Vitejs","description":"Learn how to leverage the lightning-fast Vite.js build system and Stormkit's seamless deployment platform for React static sites. Follow our quick start guide and explore migration options from Webpack. Plus, discover an all-in-one template project for server-side rendering, static page generation, and API development using React and Vite.js.","date":"2023-10-08","active":false},{"path":"how-ai-helping-us-catch-phishing-websites","title":"How Ai Helping Us Catch Phishing Websites","description":"This post explores how Stormkit combats phishing on their hosting platform. They initially used a javascript program for detection, but faced false positives and evasion tactics. By integrating AI through Teachable Machine and TensorFlow.js, they markedly improved accuracy.","date":"2023-09-26","active":false},{"path":"faq","title":"Faq","description":"Our Frequently Asked Questions (FAQ) page is designed to provide you with quick and helpful information about Stormkit.","date":"2023-08-17","active":false},{"path":"writing-a-headless-cms-from-scratch--planning","title":"Writing A Headless Cms From Scratch","subtitle":"Part 1 - Planning","description":"Welcome to the exciting journey of building a headless CMS from scratch! In this blog post series, we will embark on a step-by-step adventure, exploring the process of creating a powerful content management system tailored to our unique needs.","date":"2023-06-04","active":false,"author":{"name":"Savas Vedova","img":"https://pbs.twimg.com/profile_images/824030706112364546/SY-lJnNN_400x400.jpg","twitter":"@savasvedova"}},{"path":"why-we-are-dropping-support-for-next-js","title":"Why We Are Dropping Support For Next Js","description":"In our continuous pursuit of delivering the best developer experience, we've made a bold decision. We're dropping serverless support for Next.js.","date":"2023-05-21","active":false},{"path":"monitoring-app-using-stormkit-and-supabase","title":"Monitoring App Using Stormkit and Supabase","description":"Learn how to monitor your website's URL status using Stormkit and Supabase. Easy to set up and cost-efficient, this powerful tool can send notifications to Discord, track historical data, and more. Check out the source code now!","date":"2023-01-24","active":false},{"path":"factory-pattern-for-go-tests","title":"Factory Pattern For Go Tests","description":"This article will show you how we improved our Go unit tests worklow using a factory pattern.","date":"2022-11-01","active":false},{"path":"how-to-create-content-site","title":"How To Create Content Site","description":"Learn how to create a website in under 5 minutes with this step-by-step guide.","date":"2022-09-23","active":false},{"path":"migrating-your-app-from-webpack-to-vite","title":"Migrating Your App From Webpack To Vite","description":"Learn how to migrate your app from Webpack to Vite with this quick guide. Discover the configuration options used in Vite and the rationale behind the migration.","date":"2022-08-29","active":false},{"path":"how-to-deploy-on-aws-s3","title":"How To Deploy On Aws S3","description":"Learn how to deploy your static applications on your own AWS account using Stormkit.","date":"2022-04-10","active":false},{"path":"using-analytic-tools-with-stormkit","title":"Using Analytic Tools With Stormkit","description":"Learn how to track user data using Stormkit and Plausible without deploying your application. Inject snippets instantly with this powerful functionality.","date":"2022-04-09","active":true},{"path":"how-to-deploy-to-bunny-cdn","title":"How To Deploy To Bunny Cdn","description":"Learn how to deploy your static applications on your own Bunny CDN account using Stormkit.","date":"2022-04-01","active":false},{"path":"whats-new","title":"Whats New","description":"Discover the latest changes and improvements to Stormkit. Stay up-to-date and get the most out of our platform.","active":false}]}