Adding our script

Step 1: the CLI tool

Our CLI automatically injects the script tag into static HTML files or those generated by Static site generators (SSG). It also prefixes any existing <script> tags, eliminating the need for manual Server side prefixing. Additionally, this tool enables us to implement future security enhancements more easily, such as integrating a service worker for an extra layer of protection.

It's just a one-liner to use, run this line after your build step:

# Replace `example.com` by your domain:
npm_config_yes=true npx @cside.dev/cli@latest example.com

Add this line to your CI/CD pipeline to automate your protection. For the latest updates on the package, please visit the npm page.

Step 2: adding the script tag

You can skip this step if you're using static HTML or SSG, our CLI tool will already have you covered. Below is a guide on adding our script to your website, regardless of your environment or tech stack.

You can easily add our script tag to the document <head>. Make sure the <script> tag is the first script element that is added to the page.

<!DOCTYPE html>
<html lang="en">
  <head>
    <script src="https://proxy.csidetm.com/script.js"></script>
    ...
  </head>
  <body>
  ...
  </body>
</html>

Once you've added our script to your website, you will see the website's script traffic in realtime on our dashboard. The last step to take will be

Previous

Adding your domain to the dashboard

Next

Server side prefixing

On this page

Step 1: the CLI toolStep 2: adding the script tag