Proxy the Admaxxer pixel through Next.js rewrites

Prefer no code changes? A managed first-party subdomain does the same job with one DNS record; the comparison below helps you choose.

Why route the pixel through your own domain

• Requests stay on your domain. The script and every event go to your own hostname, so blockers and DNS filters that work from lists of tracking hostnames have no admaxxer.com request to match.
• A simpler Content Security Policy. Both requests are same-origin, so 'self' already covers them. See CSP troubleshooting.
• Always the current pixel. You forward the script instead of copying it, so pixel updates reach your visitors with no re-install.

What it doesn't change

Visitors who opt out stay opted out, and tools that inspect scripts on your own pages can still interfere. A proxy also changes which network address Admaxxer sees — read what Admaxxer sees through your proxy before you switch.

Before you start

• A Next.js app that runs on a server: deployed to Vercel or started with next start. Rewrites don't apply to a static export (output: "export"); for static hosting, forward the paths at your host instead (see the Netlify, Vercel or NGINX guides).
• Your Admaxxer Website ID (it starts with admx_), from the pixel install page.

What your proxy must forward

With data-proxy-origin set, the pixel sends every request to that address instead of admaxxer.com. Forward each of these paths to the same path on https://admaxxer.com. A proxy that forwards only some of them silently loses data: custom events, purchases and identify calls each travel on a path of their own.

Pass requests through unchanged (same method, same JSON body), addressed to admaxxer.com in both the Host header and the TLS server name. Two browser headers must survive the trip:

• User-Agent. Requests without one are treated as bots and quietly discarded.
• Origin or Referer. Admaxxer only accepts events from your site's domains; with neither header, events are rejected with a 403.

Cookies aren't needed: the pixel sends its visitor and session IDs inside the request body.

Already using one of these paths?

The pixel appends these paths to whatever data-proxy-origin you give it, so you can keep everything under a folder. With data-proxy-origin="https://yourdomain.com/admx" and the script at /admx/pixel.js, the pixel calls /admx/api/event, /admx/api/event/batch and so on. Forward each one to the same path on admaxxer.com without the /admx prefix.

Step 1: Add the rewrites

In next.config.ts (or next.config.js / next.config.mjs, which take the same rewrites function):

next.config.ts

import type { NextConfig } from "next";

const nextConfig: NextConfig = {
  async rewrites() {
    return [
      { source: "/pixel.js", destination: "https://admaxxer.com/pixel.js" },
      { source: "/api/event", destination: "https://admaxxer.com/api/event" },
      { source: "/api/event/batch", destination: "https://admaxxer.com/api/event/batch" },
      { source: "/api/identify", destination: "https://admaxxer.com/api/identify" },
    ];
  },
};

export default nextConfig;

• A rewrite to a full https:// URL makes Next.js proxy the request, passing the browser's headers and body through.
• Rewrites returned as a plain array run after Next.js checks your pages and public files, so an existing route at one of these paths (for example app/api/event/route.ts) takes priority. Rename it, or use the folder approach described above.
• If your rewrites() already returns an object with beforeFiles / afterFiles / fallback, add the four entries to afterFiles.

Step 2: Restart or redeploy

Next.js reads next.config at startup: restart next dev locally, and redeploy (or restart next start) in production.

Step 3: Load the first-party snippet

Remove the old Admaxxer snippet and load the pixel from your root layout. Use your own Website ID and the exact hostname your pages load from:

app/layout.tsx

import Script from "next/script";

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>
        {children}
        <Script
          src="https://yourdomain.com/pixel.js"
          data-website-id="admx_your_website_id"
          data-proxy-origin="https://yourdomain.com"
          strategy="afterInteractive"
        />
      </body>
    </html>
  );
}

On the Pages Router, render the same <Script> in pages/_app.tsx. Outside React, the equivalent plain HTML is:

<script async
  src="https://yourdomain.com/pixel.js"
  data-website-id="admx_your_website_id"
  data-proxy-origin="https://yourdomain.com">
</script>

• data-proxy-origin sends every event through your rewrites. Without it the script still loads from your domain, but events go straight to admaxxer.com.
• Keep exactly one Admaxxer snippet per page. If two load, only the first one runs, so a leftover standard snippet can keep sending events to admaxxer.com.
• /pixel.js always serves the standard script. For another variant, such as script.plus.js for Pro tracking, rewrite /js/script.plus.js instead and point src at it.

Step 4: Check that it works

Run these from any terminal, replacing yourdomain.com with your site's hostname:

# 1. The script loads through your domain: expect HTTP 200 and a JavaScript content type
curl -sI https://yourdomain.com/pixel.js

# 2. Each endpoint reaches Admaxxer. An empty body is rejected on purpose,
#    so nothing is recorded; the error reply proves the route works.
curl -s -X POST https://yourdomain.com/api/event -H 'Content-Type: application/json' -d '{}'
#    expect: {"error":"validation_failed", ...}
curl -s -X POST https://yourdomain.com/api/event/batch -H 'Content-Type: application/json' -d '{}'
#    expect: {"error":"empty_batch"}
curl -s -X POST https://yourdomain.com/api/identify -H 'Content-Type: application/json' -d '{}'
#    expect: {"error":"validation_failed", ...}

Only Admaxxer answers with those error messages. If you get your own site's 404 page or HTML instead, that path isn't being forwarded.

Then load your site with the browser's developer tools open on the Network tab. The script and the api/event requests should go to your own domain (none to admaxxer.com), and accepted events are answered with 202. Finally, open the pixel install page: the Verify install card turns green once events arrive.

What Admaxxer sees through your proxy

Visitors and sessions are counted from the IDs the pixel sends, so those numbers don't change. What changes is the network address: Admaxxer uses the address of whatever connects to it, and through a self-run proxy that is your proxy, not your visitor. Forwarding headers such as X-Forwarded-For are not used for this.

• Country. Read from a country header when one arrives with the request (CF-IPCountry, X-Vercel-IP-Country or X-Real-Country, holding a two-letter country code). Otherwise it is looked up from the connecting address, which through a proxy is your proxy's location. On Vercel, an X-Vercel-IP-Country header is added to incoming requests; after deploying, check your dashboard's country breakdown to confirm it reaches Admaxxer through your rewrites. On your own server, Admaxxer sees your server's location unless you pass a country header.
• Rate limit. Each network address can send up to 100 requests every 10 seconds to a site. Through a proxy your visitors share your proxy's address, so a busy site can reach that limit at peak times; requests over it are rejected with 429 and those events are lost.
• Excluding your own traffic. IP-based exclusion rules can't match visitors through a proxy. To keep your own visits out, run admaxxer.optOut() in your browser's console on your site (see the consent API).
• Server-side purchase matching. When a purchase captured by the pixel is passed on to ad platforms, the shopper's network address is one of the match signals. Through a proxy it is your proxy's address, which can lower match quality.

Troubleshooting

• Your own 404 page or HTML instead of Admaxxer's reply. The forwarding rule isn't matching that path. Check the exact path and hostname, and that the rule sits ahead of any catch-all rule.
• 403 with origin_not_allowed. The Origin and Referer headers aren't reaching Admaxxer, or the page's domain isn't one of your site's domains in Admaxxer.
• Requests answer 204 but no pageviews appear. 204 means Admaxxer received the event and deliberately dropped it, most often because the User-Agent header was removed (requests without one are treated as bots). A 204 is also normal for the once-a-day install check and for visitors who opted out.
• 429 responses. Your combined traffic reached the per-address rate limit described in what Admaxxer sees.
• Every visitor shows the same country. No country header is reaching Admaxxer; see what Admaxxer sees.
• Rewrites have no effect locally. Restart next dev after editing next.config; it isn't re-read on hot reload.

Self-run proxy or managed subdomain?

Admaxxer can also serve the pixel from a subdomain of yours with no proxy to run: in Integrations, open First-party tracking domain, add a subdomain such as t.yourdomain.com and create the one DNS record it shows. Both options load the pixel and send events from your own domain.

Choose a self-run proxy when you can't add DNS records, don't want a separate tracking subdomain, or need every request to pass through infrastructure you control. Otherwise the managed subdomain is less to maintain; see the first-party tracking domain guide.

Undo the setup

Put the standard snippet back first (copy it from the pixel install page), then remove the four rewrites from next.config and redeploy. In that order, no page ever points at a path that has stopped working.

Same setup on another platform: Cloudflare Workers · NGINX · Apache · Vercel · Netlify · Nuxt · WordPress

Frequently asked questions

Related guides

• First-party tracking domain — The managed alternative: one DNS record, nothing to run yourself.
• Proxy through Vercel — Four rewrites in vercel.json.
• Proxy through Nuxt — Four routeRules entries in nuxt.config.
• Proxy through Netlify — Four proxy rules in _redirects.
• Install the pixel — Script variants, cookieless mode and the standard snippet.