Reverse-proxy support

Tracking clicks via a reverse proxy#

To avoid ad-blockers from blocking your click-tracking requests, we recommend setting up a reverse proxy.

Depending on which backend framework you're using, there are a few different ways to do this:

// next.config.jsmodule.exports = {  async rewrites() {    return [      {        source: "/_proxy/dub/track/:path",        destination: "https://api.dub.co/track/:path",      },    ];  },};

Once you've set up your reverse proxy, don't forget to update the apiHost parameter in the <Analytics /> component to point to your proxy URL.

// include this script tag in your HTML Head tag<script  src="https://www.dubcdn.com/analytics/script.js"  data-api-host="/_proxy/dub"  data-domains='{"refer": "go.example.com"}'  defer></script>

Loading the script via a reverse proxy#

To avoid ad-blockers from blocking the Dub Analytics script, it is recommended to use a reverse proxy.

Depending on which backend framework you're using, there are a few different ways to do this:

// next.config.jsmodule.exports = {  async rewrites() {    return [      {        source: "/_proxy/dub/script.js",        destination: "https://www.dubcdn.com/analytics/script.js",      },    ];  },};

Once you've set up your reverse proxy, don't forget to update the scriptProps.src parameter in the <Analytics /> component to point to your proxy URL.

// include this script tag in your HTML Head tag<script  src="/_proxy/dub/script.js" // pointing to your reverse proxy  defer></script>