Setting up a proxy using Cloudflare

Create the Cloudflare Worker

Navigate to the Compute (Workers) > Workers & Pages section in the Cloudflare dashboard and click on Create. Choose the “Hello World” template and deploy it.

If you choose to rename the worker, we recommend avoiding names like analytics or tracking, as this might lead to Cloudflare taking them down.

Once the worker is created, click on Edit Code and paste the following code.

addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request))
});

const scriptUrl = 'https://cdn.vemetric.com/main.js'
const hubUrl = 'https://hub.vemetric.com'

async function handleRequest(request) {
  const url = new URL(request.url)
  if (url.pathname === '/main.js') {
    return await fetch(scriptUrl);
  } else {
    const newRequest = new Request(hubUrl + url.pathname, request);
    newRequest.headers.set('x-country', request.headers.get('cf-ipcountry'));
    newRequest.headers.set('x-real-ip', request.headers.get('x-real-ip'));

    return await fetch(newRequest);
  }
}

Add the Worker Route

On your domain’s Dashboard, go to Workers Routes and add a new HTTP Route.

Set the Route to your desired domain including a wildcard path (e.g. hub.yourdomain.com/*) and choose the Worker you created in the previous step.

We recommend avoiding names or paths like analytics.yourdomain.com or yourdomain.com/track, as this might also trigger ad/tracker blockers.

Use more generic names like hub.yourdomain.com instead.

Create the DNS Record

The last step on Cloudflare is to create a DNS record for your proxy domain. It should be a record of Type A and the Name should be your desired subdomain (e.g. hub). Set the Content to 192.0.2.1 and leave the Proxy status as Proxied.

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 your proxy domain. You also need to pass the data-host attribute with the value of your proxy domain.

<script>
  window.vmtrcq = window.vmtrcq || [];
  window.vmtrc = window.vmtrc || function (){window.vmtrcq.push(Array.prototype.slice.call(arguments))};
</script>
<script defer src="https://hub.yourdomain.com/main.js" data-host="https://hub.yourdomain.com" 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 your proxy domain.

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

vemetric.init({
  token: 'YOUR_PROJECT_TOKEN',
  host: 'https://hub.yourdomain.com',
});