All platforms

Showing the steps for a site behind Cloudflare. Not behind Cloudflare?

1. 1.Route /_tc on Cloudflare

   Your site is behind Cloudflare, so a small Worker can serve /_tc from your own domain and pass on the visitor's country. The choice is then stored on your domain (Safari keeps it for its full lifetime).

   // Cloudflare → Workers & Pages → Create → Worker. Paste this, deploy, then add the route
   // yourdomain.com/_tc/* (and www.yourdomain.com/_tc/*) under the Worker's Settings → Domains & Routes.
   export default {
     async fetch(request) {
       const url = new URL(request.url);
       const headers = new Headers(request.headers);
       headers.set("x-forwarded-host", url.host);
       headers.set("x-forwarded-proto", "https");
       headers.set("x-tc-client-ip", request.headers.get("cf-connecting-ip") || "");
       headers.set("x-tc-country", request.headers.get("cf-ipcountry") || "");
       headers.delete("cookie");
       headers.set("accept-encoding", "identity");
       return fetch(new URL(url.pathname + url.search, "https://cmp.trackable.digital"), {
         method: request.method, headers, body: request.body, redirect: "manual",
       });
     },
   };

   Copy

2. 2.Add the banner as the first code in <head>

   Settings → Custom code (Advanced) → + Add custom code. Paste it, choose All pages, Load code once, Place code in: Head, and set the code type to Essential. Apply. Custom code needs a Premium plan and a connected domain.

   <script src="/_tc/l/YOUR_SITE_KEY.js"></script>

   Copy

3. 3.Remove the other cookie banner, keep GTM

   Remove any other cookie banner or consent plugin. Keep Google Tag Manager, but make sure the banner script comes before it in <head>, including GTM added by a plugin, a module or a component.

4. 4.Check it

   Open the site in a private window: the banner shows. Then press Check the site now on the site's Install page in the dashboard, and Scan now on the Cookies page to list its cookies.

Next: Google Tag Manager