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-client-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:

<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>

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

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

import { VemetricScript } from '@vemetric/react';

<VemetricScript
  token="YOUR_PROJECT_TOKEN"
  scriptUrl="https://hub.yourdomain.com/main.js"
  host="https://hub.yourdomain.com"
/>

import { VemetricScript } from '@vemetric/astro';

<VemetricScript
  token="YOUR_PROJECT_TOKEN"
  scriptUrl="https://hub.yourdomain.com/main.js"
  host="https://hub.yourdomain.com"
/>