Setting up a proxy using Vercel

Optimize tracking by proxying data via Vercel.

If you’re using Vercel, it’s quite easy to proxy the traffic through your own domain, checkout the guide below.

Setup

Vercel Configuration

First you have to add two rewrite rules to the rewrites object in your vercel.json file.

{
  "rewrites": [
    {
      "source": "/_v_script.js",
      "destination": "https://cdn.vemetric.com/main.js"
    },
    {
      "source": "/_v/:slug",
      "destination": "https://hub.vemetric.com/:slug"
    }
  ]
}

Configure Vemetric

Depending on your setup you need to adjust the Vemetric configuration:

HTML Script

The src attribute of the script tag should now point to /_v_script.js. You also need to pass the data-host attribute with the value of /_v

<script>
  window.vmtrcq = window.vmtrcq || [];
  window.vmtrc = window.vmtrc || function (){window.vmtrcq.push(Array.prototype.slice.call(arguments))};
</script>
<script defer src="/_v_script.js" data-host="/_v" data-token="YOUR_PROJECT_TOKEN"></script>

NPM Package

For the NPM package you need to pass the host option to the init function with the value of /_v

import { vemetric } from '@vemetric/browser';

vemetric.init({
  token: 'YOUR_PROJECT_TOKEN',
  host: '/_v',
});

Congratulations! You’ve successfully set up a proxy using Vercel. Please reach out if you have any questions.

Next.js

Optimize tracking by proxying data via Next.js.

Nginx

Optimize tracking by proxying data via Nginx.