Cookie Consent Storing

Navigate to Cloudflare’s official website by clicking on the following link:
If you already have a Cloudflare account, simply log in.
If you don't have an account, click on "Start for Free" as shown in the image below to create a new account.

You can easily sign up for a Cloudflare account using your Google or Apple account for a faster registration process.

After a successful login, you will be redirected to the Cloudflare dashboard. In the left sidebar menu, find Compute (Workers), click on it to expand the options, and then select Workers & Pages.

Then, click "Create" to add a new worker.

You will be redirected to the Create an Application page. Under the Workers tab, click on Quick Start, as shown in the image below.

Give your worker a name and click Deploy. In our example, we have named the worker cookie-consent-flowappz.

You will be redirected to the Success page. Click Edit Code to proceed.

Then, paste the following code into the code editor and click Deploy.

export default{async fetch(e,s){const t={"Access-Control-Allow-Origin":"*","Access-Control-Allow-Methods":"GET, HEAD, POST, OPTIONS","Access-Control-Allow-Headers":"Content-Type","Access-Control-Allow-Credentials":"true","Access-Control-Max-Age":"86400"};if("OPTIONS"===e.method)return new Response(null,{headers:t});if("POST"===e.method)try{const o=await e.json(),{cookiePreferences:r,expiryDate:n,browserInfo:a,userIp:c,action:l}=o;if(!(r&&n&&a&&c&&l))return new Response("Invalid payload: Missing required fields.",{status:400,headers:t});const i={action:l,userIp:c,browserInfo:a,cookiePreferences:r,expiryDate:n,timestamp:(new Date).toISOString()};return await s.CONSENTS.put(c,JSON.stringify(i)),new Response("Consent preferences successfully stored.",{status:200,headers:t})}catch(e){return console.error("Failed to store data in KV:",e),new Response("Failed to store consent preferences.",{status:500,headers:t})}return new Response("Method Not Allowed",{status:405,headers:t})}};

Then, go back to the Dashboard, and in the left-side menu under Storage and Databases, click on KV.

Then, click on Create.

Give a name to the Namespace and click Add. In our example, we have used the name Cookie Consent KV.

Go to Workers and Pages, then click on the previously created worker. In our example, it is cookie-consent-flowappz.

Navigate to the Settings tab and click on Variables & Secrets in the left-side menu.

Under the Bindings section, click on Add.

Then, select the KV Namespace.

Enter the variable name as CONSENTS and select the KV namespace as Cookie Consent KV. After that, click Deploy.

Right-click on the icon shown in the image and copy the URL.

Open your cookie consent app in the designer. Navigate to the Settings tab, paste the URL into the Consent Storing Endpoint input field, and then click Save Settings.

To view all stored consents, navigate to KV under Storage and Databases, then click on Cookie Consent KV.

Then, navigate to the KV Pairs section, where you will see all the users' consents.

PreviousSettings NextScripts

Last updated 3 months ago

Was this helpful?

Navigate to Cloudflare’s official website by clicking on the following link:
If you already have a Cloudflare account, simply log in.
If you don't have an account, click on "Start for Free" as shown in the image below to create a new account.

You can easily sign up for a Cloudflare account using your Google or Apple account for a faster registration process.

After a successful login, you will be redirected to the Cloudflare dashboard. In the left sidebar menu, find Compute (Workers), click on it to expand the options, and then select Workers & Pages.

Then, click "Create" to add a new worker.

You will be redirected to the Create an Application page. Under the Workers tab, click on Quick Start, as shown in the image below.

Give your worker a name and click Deploy. In our example, we have named the worker cookie-consent-flowappz.

You will be redirected to the Success page. Click Edit Code to proceed.

Then, paste the following code into the code editor and click Deploy.

export default{async fetch(e,s){const t={"Access-Control-Allow-Origin":"*","Access-Control-Allow-Methods":"GET, HEAD, POST, OPTIONS","Access-Control-Allow-Headers":"Content-Type","Access-Control-Allow-Credentials":"true","Access-Control-Max-Age":"86400"};if("OPTIONS"===e.method)return new Response(null,{headers:t});if("POST"===e.method)try{const o=await e.json(),{cookiePreferences:r,expiryDate:n,browserInfo:a,userIp:c,action:l}=o;if(!(r&&n&&a&&c&&l))return new Response("Invalid payload: Missing required fields.",{status:400,headers:t});const i={action:l,userIp:c,browserInfo:a,cookiePreferences:r,expiryDate:n,timestamp:(new Date).toISOString()};return await s.CONSENTS.put(c,JSON.stringify(i)),new Response("Consent preferences successfully stored.",{status:200,headers:t})}catch(e){return console.error("Failed to store data in KV:",e),new Response("Failed to store consent preferences.",{status:500,headers:t})}return new Response("Method Not Allowed",{status:405,headers:t})}};

Then, go back to the Dashboard, and in the left-side menu under Storage and Databases, click on KV.

Then, click on Create.

Give a name to the Namespace and click Add. In our example, we have used the name Cookie Consent KV.

Go to Workers and Pages, then click on the previously created worker. In our example, it is cookie-consent-flowappz.

Navigate to the Settings tab and click on Variables & Secrets in the left-side menu.

Under the Bindings section, click on Add.

Then, select the KV Namespace.

Enter the variable name as CONSENTS and select the KV namespace as Cookie Consent KV. After that, click Deploy.

Right-click on the icon shown in the image and copy the URL.

Open your cookie consent app in the designer. Navigate to the Settings tab, paste the URL into the Consent Storing Endpoint input field, and then click Save Settings.