Integration Guides

Choose your platform below for specific instructions on how to install the Savri tracking script.

HTML / Vanilla JavaScript

Easy

For static sites or custom-built websites. Paste the script directly into HTML.

→

WordPress

Easy

Install via theme, plugin or header settings. Works with all WordPress sites.

→

Next.js

Medium

For Next.js 13+ with App Router or Pages Router. Includes SPA navigation.

→

React (Single Page App)

Medium

For React apps with react-router or similar. Handles client-side navigation.

→

Shopify

Easy

Add via theme settings in Shopify admin. No coding required.

→

Squarespace

Easy

Add via Code Injection in Squarespace settings.

→

Vue.js / Nuxt

Medium

For Vue 2/3 apps and Nuxt projects. Composables and plugin support.

→

Webflow

Easy

Add via Custom Code in Project Settings.

→

Wix

Easy

Add via Custom Code in Wix Dashboard.

→

Hugo / Jekyll / Gatsby / Astro

Easy

For static sites and JAMstack. Simple script in the head tag.

→

General installation

Regardless of platform, the basic principle is the same: add our script to the <head> tag on your site.

<script defer
  data-site-id="DIN-SAJT-ID"
  data-api="https://savri.io"
  src="https://savri.io/script.js">
</script>

Attributes

Attribute	Description	Required
data-site-id	Your unique site ID from the dashboard	Yes
data-api	API endpoint for tracking data	Yes
defer	Loads the script asynchronously without blocking	Recommended

Important: Don't forget data-api

The data-api attribute must be included for tracking data to be sent to the correct server. Without it, the script won't work.

AI prompt for integration

I want to install the Savri (savri.io) tracking script on my site. The script looks like this: <script defer data-site-id="MY-SITE-ID" data-api="https://savri.io" src="https://savri.io/script.js"></script> My site/platform is: [DESCRIBE YOUR SETUP - e.g. "WordPress with Elementor", "Next.js 14 with App Router", "Shopify", "custom PHP site"] I also want to enable these extensions (optional): - data-outbound-links (track external link clicks) - data-file-downloads (track file downloads) - data-forms (track form submissions) - data-scroll-depth (track scroll depth) Help me: 1. Where exactly should I place the script in my setup? 2. How do I verify it's working? 3. If I have a SPA (Single Page Application), is navigation handled automatically? 4. Do I need to configure Content Security Policy (CSP)? 5. Give me the complete code I should use

Can't find your platform?

Most platforms support adding custom scripts in the header. Search for "header scripts", "code injection" or "custom code" in your platform's documentation.

Need help? Contact us and we'll help you out.