Skip to main content

Documentation Index

Fetch the complete documentation index at: https://docs.scanova.io/llms.txt

Use this file to discover all available pages before exploring further.

The SDK is a single <script> tag. Install it once in your site’s <head> and it loads asynchronously — no impact on page performance.

​
Step 1: Copy your snippet from the dashboard

  1. Go to Integrations → Conversion Tracking in the Scanova dashboard
  2. Click on your tracking site
  3. Open the Embed tab
  4. Configure the auto-tracking toggles you want enabled
  5. Copy the generated snippet
The snippet will look like this, with your site_id already filled in: 
<script>
(function(w,d,s,o,f,js,fjs){
  w['ScanovaTrackingObject']=o;w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments)};
  js=d.createElement(s),fjs=d.getElementsByTagName(s)[0];
  js.id=o;js.src=f;js.async=1;fjs.parentNode.insertBefore(js,fjs);
})(window,document,'script','scanova','https://cdn.scanova.io/ct/js/qcg.min.js');

scanova('init', 'YOUR_SITE_ID', {
  autoPageview: true,
  autoClicks: true,
  autoForms: true,
  autoScroll: true
});
</script>
Paste the snippet inside your site’s <head> tag, before the closing </head>: 
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Your Page</title>

  <!-- Scanova Conversion Tracking -->
  <script>
  (function(w,d,s,o,f,js,fjs){
    w['ScanovaTrackingObject']=o;w[o]=w[o]||function(){(w[o].q=w[o].q||[]).push(arguments)};
    js=d.createElement(s),fjs=d.getElementsByTagName(s)[0];
    js.id=o;js.src=f;js.async=1;fjs.parentNode.insertBefore(js,fjs);
  })(window,document,'script','scanova','https://cdn.scanova.io/ct/js/qcg.min.js');

  scanova('init', 'YOUR_SITE_ID', {
    autoPageview: true,
    autoClicks: true,
    autoForms: true,
    autoScroll: true
  });
  </script>
</head>
<body>
  <!-- your content -->
</body>
</html>
Where to paste in common platforms:
PlatformWhere to add the snippet
WordPressAppearance → Theme Editor → header.php, before </head>
ShopifyOnline Store → Themes → Edit Code → theme.liquid, before </head>
WebflowProject Settings → Custom Code → Head Code
SquarespaceSettings → Advanced → Code Injection → Header
WixSettings → Custom Code → Add Code → Head
Custom HTMLDirectly in your HTML template <head>

​
Option B: Google Tag Manager

Use GTM if you manage all your tags from the GTM console and cannot edit your site’s HTML directly.
  1. Open your GTM container
  2. Click Tags → New
  3. Choose Custom HTML as the tag type
  4. Paste the full Scanova snippet
  5. Set the trigger to All Pages
  6. Name the tag (e.g. “Scanova Conversion Tracking”) and click Save
  7. Submit and Publish the container
Do not install the snippet both directly in HTML and via GTM on the same page. This will load the SDK twice and send duplicate events.
GTM tips:
  • Place the tag to fire as early as possible — use “DOM Ready” or “Page View” triggers, not “Window Loaded”
  • If your site is a single-page app (SPA), read the SPA & Framework Guide before configuring GTM triggers

​
Step 2: Verify the installation

After deploying your snippet:
  1. Open your website in a browser
  2. Open DevTools → Network tab
  3. Filter by /ct
  4. Reload the page
You should see a POST request to https://t.scanova.io/ct returning 200. For a full verification checklist, see Verify & Debug.

​
Next steps

SDK Configuration

Learn all init options and what each toggle controls.

Custom Events

Track specific user actions from your JavaScript code.

SPA Frameworks

React, Next.js, and Vue-specific setup.

Verify & Debug

Confirm events are being received correctly.