Web design

Data protection on your website: cookies, forms, legal notice

Data protection on websites: cookies, contact forms, legal notice, analytics and third-party services explained clearly. The basics, not legal advice.

Web design

Data protection: what exactly is it?

Data protection on the web begins as soon as a page is called up. The server receives the visitor’s internet address (IP address), the time, the page requested and details of the browser. This is technically necessary, but it is usually stored in logs and counts as personal data. Next come forms, where people enter their name, email address and message, cookies for recognition and analytics, and embedded content from third-party servers.

The legal bases are the General Data Protection Regulation (GDPR), the Telecommunications Digital Services Data Protection Act (TDDDG) for access to end devices, and the German Digital Services Act (DDG) for the legal notice. We build in such a way that as little of this as possible is triggered in the first place, and we give you an overview of the technical facts. Assessing your individual case, the wording of the privacy policy and questions of liability are matters for a lawyer who specialises in data protection.

The most important principle is data minimisation: what is not collected does not have to be protected, explained or deleted. A site that manages without third-party services is faster, easier to explain and calmer for visitors. That is not just a legal argument but a quality argument too.

Background

Data protection: why it matters.

For visitors, data protection is a question of trust, and for businesses it is a question of liability. Complaints often arise not from intent but from default settings: a map service, a font service or a video embed that sends data to third parties without anyone having thought about it.

The simplest way to fewer problems is not to embed services that require consent in the first place. Where nothing is stored, no prompt is needed, and the site becomes faster at the same time.

Example (fictitious): a driving school embeds a third-party tool for booking appointments. This means visitors’ data goes to a third party as soon as the page loads, and a contract, a notice and usually consent are needed. A simple form with an offer of a call back serves the same purpose with far fewer obligations.

Overview

Data protection: building blocks and variants.

Server logs

Technically unavoidable. What matters are the retention period and purpose, and both belong in the privacy policy.

Contact forms

Only necessary fields, encrypted transmission, a clear note on what happens to the details and how long they are stored.

Cookies and browser storage

Technically necessary storage generally needs no consent; analytics and advertising do.

Embedded services

Maps, videos, fonts, chat, review widgets. Every service means passing visitor data to third parties.

Analytics

From cookie-free measurement to extensive profiles. The choice determines whether consent is needed.

Legal notice and privacy policy

Mandatory details, easy to reach from every page, up to date and complete.

An important note on how to read this

This article explains the basics and technical connections from a web design point of view. It is not legal advice and does not replace a review by a lawyer who specialises in data protection, by a data protection officer or by the supervisory authority of your federal state. The legal position, case law and interpretation change. What applies to your business depends on your industry, legal form, the services you use and your target group.

This is how we see our role: we build sites in such a way that as little personal data as possible arises, we document the technical facts in plain language, and we work with your legal adviser when it comes to judgements and wording.

What actually happens when someone visits a page

Anyone who wants to explain data protection should first know what data arises. The overview below shows typical types of data on a company website, where they arise and what they mean for your site.

Type of dataWhere it arisesPurposeWhat needs doing
IP address and time of accessWhen the page is called up, on the server (log file)Delivering the page, troubleshooting, securityLimit the retention period, name it in the privacy policy, check the hosting contract
Browser and device detailsWhen the page is called up, in the logDisplay, troubleshootingAs above
Details in the contact formWhen it is submitted (name, email, message)Answering the enquiryKeep it to a minimum, state the purpose and retention period, transmit encrypted
Email correspondenceIn the mailbox after contactHandling the matterSet retention according to purpose and statutory deadlines
Cookies and local storageIn the visitor’s browserFunction, analytics, marketingOnly what is technically necessary without consent, everything else with consent
Data from embeds (maps, videos, fonts)When loading from a third-party serverDisplaying the contentAvoid, or load only after a click and consent
Analytics dataWhen measuring usage behaviourImproving the siteThe choice of tool decides whether consent is needed
Data from orders or appointment bookingsOn completionHandling the contractYour own obligations (contract, tax law); clarify data processing

The key lies in the question: do I really need this? Every type of data you can do without is one less item you have to explain, secure and delete.

Cookies and consent: decision tree

In Germany, access to information on a visitor’s end device (cookies, local storage, fingerprinting techniques) is governed by the Telecommunications Digital Services Data Protection Act (TDDDG). As a rule it requires consent, unless the storage or access is strictly necessary to provide the service that the visitor has expressly requested. The GDPR rules also apply to the subsequent processing of personal data.

  1. Does your site store or read anything on the visitor’s device? No: no prompt is needed under the TDDDG. Yes: go on.
  2. Is it strictly necessary for the requested function to work (shopping basket, login, security, storing the cookie choice)? Yes: consent is not needed, but name it in the privacy policy. No: go on.
  3. Does it serve analytics, convenience beyond what is necessary, marketing or third-party embeds? Then consent is generally required. Check whether you can do without the service.
  4. If consent is needed: the service may only load after active agreement. Declining must be just as easy as agreeing. The decision can be withdrawn at any time, and the site works even if the visitor declines.

Typical mistakes with the banner

  • The “Accept all” button is large, while “Decline” is a small piece of text in a corner.
  • Services already load before the visitor has decided.
  • Pre-ticked boxes for analytics and marketing.
  • Declining makes the site unusable.
  • The visitor’s choice is not saved, and the banner reappears on every visit.

In practice this means: anyone who does without services that require consent often needs no banner at all, and the site becomes faster and calmer as a result. The guide Cookie banners and data protection goes with this.

Third-party services: inventory and alternatives

Every embedded third-party service transmits at least the visitor’s IP address to another provider, and often more. Obligations arise as well: contracts with the provider, notices in the privacy policy and, where applicable, consent. An inventory is therefore the most effective step.

ServiceWhat happensYour own effortData-minimising alternative
Fonts from a third-party serverThe font is loaded from another server on every visitContract, notice, consent where applicableStore fonts on your own server, or use system fonts
Map (embedded)The map provider loads scripts and sets cookiesConsent, noticeAddress as text, link to the map app, map only after a click
Video embedThe platform receives data as soon as the page loadsConsent, noticeTwo-click solution with a preview image, or links
Analytics with profilingVisit data is transmitted to the providerConsent, contract, review of the transferCookie-free, server-side or self-hosted analytics
Chat and customer service widgetsScripts and contact with the provider’s serversConsent, contractContact form, phone, messenger link
Social media buttons with scriptsThe provider learns that the visitor has visited the pageConsent, noticeSimple links to your profiles
Review widgetsData is loaded from the review providerConsent, contractStatic reproduction with the source and a link
Newsletter sign-upData goes to the mailing serviceDouble opt-in, contract, noticeCheck whether the service is in the EU, proper consent, unsubscribing

Check each service with two questions: would the site still fulfil its purpose without it? And is there a way to load it only after the visitor actively clicks?

Building a contact form with data protection in mind

The form is the most common place where visitors knowingly hand over data. It is worth designing it carefully, because it builds trust and reduces risk.

  • Only necessary fields. A name and a way to reply are often enough. Every further field needs a purpose.
  • Encrypted transmission. The site is delivered exclusively over HTTPS.
  • A notice in plain sight. Next to the submit button there is a short sentence on what the data is used for, and a link to the privacy policy.
  • No pre-ticked consents. Further purposes such as a newsletter need their own voluntary consent.
  • Spam protection without a third-party service. A hidden extra field (honeypot), a timing check, server-side limits. Services from large providers raise data protection questions.
  • Secure delivery. The message reaches your mail server over an encrypted connection, and the sender details are configured correctly so that it does not end up in the spam folder.
  • Storage and deletion. Decide how long enquiries are kept, and delete them afterwards.

Example of a short notice next to the form (for your legal adviser to adapt)

“We use your details to answer your enquiry. They go only to our technical service providers (for example hosting and email). You will find more in our privacy policy.”

The sentence has to match actual practice. If you transfer the data into a customer system or pass it on to partners, the notice has to say so.

For practical tips on the design itself, see the guide Designing a contact form properly.

Legal notice: typical mandatory details

In Germany, commercial online services need a legal notice (Impressum) that is easy to recognise, directly accessible and permanently available. The basis is the German Digital Services Act (DDG); the former name “Telemediengesetz” has no longer applied since 2024. Exactly which details have to be given depends on your legal form and your trade. Typical ones are:

DetailNote
Name and addressFor companies, the company name and an address at which documents can be served, not just a PO box
Legal form and representationFor corporations, the person or persons authorised to represent it
ContactAn email address and a second, quick means of communication, such as a phone number or contact form
Register entryRegistration court and register number, if registered
VAT identification numberIf you have one; a placeholder must not be left in
Supervisory authorityFor activities that require authorisation
Professional-law detailsFor regulated professions: professional title, chamber, applicable rules
Responsible for contentFor journalistic and editorial services, a person may have to be named

Important rules in practice: the legal notice must be reachable from every page in no more than two clicks (a link in the footer is usual). It must be up to date: if you move, change legal form or change a number, you adjust it. Placeholders and outdated references to laws are a mistake that is easily spotted and avoidable.

The privacy policy: structure and sources of error

The privacy policy informs visitors about what data you process and why. It must be understandable and match the site. A common outline:

  1. Controller (name, address, contact) and, where applicable, data protection officer.
  2. Hosting and server logs: what data arises, how long is it stored, which service provider runs the server?
  3. Cookies and similar technologies: which are set, for what purpose, with what lifetime, on what basis?
  4. Contact by form or email: purpose, legal basis, retention period.
  5. Services used: analytics, maps, fonts, videos, newsletters, payment services, each with the provider, purpose and data transfer.
  6. Disclosure to third parties and transfer to third countries, where applicable.
  7. Data subjects’ rights: access, rectification, erasure, restriction, objection, data portability, complaint to the supervisory authority.
  8. A note on changes and the date of the policy.

Common mistakes

  • The policy describes services that are not (or no longer) in use, and says nothing about others that are running.
  • Texts taken from templates meant for another legal form or industry.
  • Outdated references to former legal bases or discontinued procedures.
  • Wording that is too general (“we use cookies”) with no purpose or duration given.
  • The policy is not updated after changes to the site.

A simple measure: after every technical change, go through the list of embedded services and check it against the policy. We are happy to show you the tools for this (for example a list of all loaded resources in the developer tools).

Analytics: options at a glance

Measurement is useful to see what works. The question is: how much do you need to know, and what price do visitors pay for it? The less personal the measurement, the simpler the legal assessment.

OptionHow it worksTypical consequence for consentInformative value
No measurementNo usage data is evaluatedNone neededNone
Evaluating server logsThe access data that arises anyway is summarisedDepends on scope and retention period, usually simplerBasic: page views, sources
Cookie-free analytics, self-hostedVisits are counted without recognising individualsDepends on the tool and configuration; to be checked in each caseGood for reach and sources
Analytics with cookies and profiles from a large providerVisitors are recognised, data goes to the providerConsent is generally neededVery extensive, patchy if few people consent
Google Search ConsoleData on search queries from Google Search, not from the visit itselfDoes not concern your visitors, but your data about the searchGood for visibility

For many company sites, Search Console and a lean count are enough. How to set up Search Console is described under Setting up Search Console.

Data subjects’ rights and retention in everyday practice

Visitors and customers have rights: they can ask for information about what data you have stored about them, and for rectification, erasure and objection. A request must in principle be answered without undue delay, and under the GDPR as a rule within one month. For that you need a procedure, which can be simple in small businesses:

  1. Who receives requests (the address in the privacy policy)?
  2. How do you verify the identity of the person asking, without collecting more data yourself?
  3. Where is personal data held (email program, customer list, accounting, form archive, backups)?
  4. Which data do you have to keep because of statutory retention periods, and which may or must be deleted?
  5. Who replies and documents it?

Also set deletion periods for enquiries that did not lead to an order, for example a fixed period after the enquiry is closed. The length depends on purpose and legal position and belongs in a discussion with your legal adviser. Backups contain old data: there needs to be a rule for those too, saying when they are overwritten.

Scenario: a painting firm rebuilds its site (fictitious example)

A painting firm (entirely invented) has a website with the following components: fonts from a third-party server, an embedded map, a gallery plug-in with scripts from a third-party provider, analytics from a large provider, a contact form with twelve fields and a cookie banner that only offers “Accept all”. The privacy policy comes from a generator and is three years old.

Steps in the rebuild

  1. Inventory: all loaded resources are listed and matched to the services.
  2. Local fonts: the font weights needed are placed on the firm’s own server.
  3. Replacing the map: instead of the embedded map, the address and directions are given as text, with a link to the map app.
  4. Gallery: instead of the plug-in, a simple image gallery in the site’s own code, with images from the firm’s own server.
  5. Analytics: a switch to cookie-free counting, agreed with the legal adviser, supplemented by Search Console.
  6. Form: from twelve fields down to four, with a notice and a link, and spam protection without a third-party service.
  7. Banner: dropped, because nothing that requires consent is loaded any more. The technically necessary storage is named in the privacy policy.
  8. Policy and legal notice: both are brought up to date with the legal adviser.

The result: fewer third-party connections, a faster site, less text in the privacy policy, no banner. Whether this applies to your business depends on your services; the example shows the way of thinking.

Myth versus fact: data protection on your website

MythFact
With a cookie banner I am on the safe sideA banner is only a means of obtaining consent, and is only needed if services that require consent are running. A wrongly built banner can itself become a problem
Small businesses are not of interestThe obligations apply regardless of size. Complaints from visitors or competitors are possible
A privacy policy from a generator is enoughIt is only correct if it matches the site exactly. Generators do not know your services
Data in the EU is automatically unproblematicWhat counts is purpose, legal basis, contracts and security, not just the location
The legal notice is a side issueIt is a mandatory requirement with consequences if it is wrong, and for visitors an anchor of trust
Data protection prevents measurementThere are data-minimising ways to measure what works. What matters is to collect only as much as is necessary

A 30-minute self-test

  1. Open your site in a fresh browser window (private mode). Does a banner appear? Is “Decline” equal in weight to “Accept”?
  2. Open the developer tools (F12), the “Network” tab, reload the page and look at the addresses files are loaded from. Anything that is not your own domain belongs in your list of services.
  3. In the “Application” (or “Storage”) tab, check which cookies are set before you click anything.
  4. Go through the privacy policy and tick off every service you have found. Does it list services that are not running? Are any missing?
  5. Send a test enquiry through the form. Is there a data protection notice, is it transmitted encrypted, where does the data go?
  6. Check the legal notice: complete, up to date, without placeholders, reachable from every page?
  7. Note who in your business is responsible for requests for access to data.

If you are unsure on two or more points, it makes sense to go through it together with a legal adviser. We prepare the technical overview so that this check goes quickly. For the operational side, also read Website maintenance.

Hosting, email and service providers: data processing in everyday practice

As soon as a service provider processes personal data on your behalf, you generally need a data processing agreement. On a website this typically concerns the hosting provider, email provider, newsletter service, maintenance providers with access to data, and appointment booking and payment services.

What you should check: does the agreement exist, and is it signed or accepted online? Does it state the purpose, type of data, duration, technical and organisational measures and the sub-processors? Where is data processed, and is it transferred to countries outside the European Economic Area? What happens to the data when the contract ends?

What you should document: a list of all service providers with the purpose, status of the contract and a contact person. It helps with enquiries from visitors and the supervisory authority and with your own overview. Depending on the business, a record of processing activities is also mandatory or strongly recommended.

Your web designer is a service provider too. If they have access to form data, customer lists or backups, they belong on the list. We put this in writing before we are given access, and limit it to what is necessary.

Terms around data protection on the web

Personal data
Any information relating to an identified or identifiable person, including IP addresses.
GDPR
The EU General Data Protection Regulation, which governs the processing of personal data.
TDDDG
The German Telecommunications Digital Services Data Protection Act, which governs, among other things, access to end devices (cookies).
DDG
The German Digital Services Act, which contains, among other things, the obligation to provide a legal notice.
Data processing on behalf
A service provider processes data on your behalf. A contract is needed for this.
Consent
Voluntary, informed, unambiguous agreement that can be withdrawn at any time.
Double opt-in
A sign-up that is additionally confirmed by a confirmation email.
Third-country transfer
Passing data to countries outside the EEA, for which special requirements apply.
Our work

Data protection: what we do for you.

Mapping the data flow

We list what data your site collects and where it goes: forms, server logs, third-party services.

Building with minimal data

Local fonts, maps and videos only after a click, analytics without cookies where possible. That shrinks the attack surface.

Securing forms

Encrypted transmission, only necessary fields, a note pointing to the privacy policy, spam protection without third-party services.

Providing texts

We supply the technical details for your privacy policy; the text itself is for your legal adviser to write or review.

Handling consent properly

If a banner is needed after all: buttons of equal weight for agreeing and declining, and withdrawal possible at any time.

Quality

Data protection: how to recognise good work.

  • Links to the legal notice and privacy policy lead from every page
  • Fonts, images and scripts are delivered from your own server
  • Maps and videos load only after the visitor clicks
  • Forms are encrypted and ask only for what is necessary
  • A cookie banner appears only where it is really needed, and offers declining on an equal footing
  • The privacy policy names all services actually in use
  • There is a deletion and retention rule for enquiries
  • Service providers that process data are covered by a contract
Costs

Data protection: what it costs.

A build that minimises data costs little in planning, but saves licences and effort in operation. There may also be costs for legal review and for the policy texts, which lie outside the web design project with your legal adviser.

The calculation behind it: how we price our work.

What determines the price

  • Number of third-party services that have to be replaced
  • Analytics solution and set-up
  • Rebuilding existing forms
  • Consent management, if needed
  • Legal review by third parties

What you can prepare

  • A list of all the services and plug-ins you use today
  • Your current privacy policy and legal notice
  • Details of your data protection officer, if you have one
  • Contracts with your hosting provider, email service and newsletter provider
  • A contact person for data protection questions in house or at the law firm
Pitfalls

Data protection: common mistakes.

  • Third-party fonts, maps or videos embedded without consent
  • A banner in which “Decline” is hidden
  • A privacy policy from a generator that does not match the site
  • A contact form without encryption or with unnecessary mandatory fields
  • A legal notice that is out of date or has no reachable contact details
Frequently asked questions

Questions about data protection.

Do I need a cookie banner?

Only if you use services that store data on the visitor’s device or access it without this being technically necessary for the requested service. Anyone who does without them does not need one in many cases. If in doubt, your legal adviser can clarify.

Do I have to have a legal notice?

Commercial online services generally need a legal notice with a name, address and means of contact. Exactly which details are needed depends on the legal form and industry.

Are analytics tools allowed?

There are tools that work without cookies and without a personal identifier. Whether they are permissible in your case should be checked individually.

May I embed Google fonts?

Embedding from a third-party server transmits the visitor’s data to the provider. It is safer to store fonts on your own server. How a court or authority would judge it in an individual case, only your legal adviser can say.

Is text from a generator enough?

It is a starting point, but only correct if it matches your site exactly. Every service you use has to appear, and every service named has to actually be running.

How does this relate to loading time?

Fewer third-party services mean fewer requests and faster pages, see Loading time. A practical article is at Cookie banners and data protection.

Do I need a data protection officer?

That depends on the size and type of the data processing, for example the number of people who process data constantly, or particularly sensitive data. Clarify this with your legal adviser.

What applies to job applications that come in through the website?

Application data deserves particular protection. You need a procedure of its own, with clear information, secure transmission and deletion periods. This belongs in the discussion with your legal adviser.

Does this also apply to sites that only show information?

Yes, because even the server’s logs contain personal data. The extent is smaller, though, and with a site that minimises data the obligations stay manageable.

What applies to social media connections?

Simple links to your profiles do not yet transmit any data when the page loads. Embedded posts or buttons with scripts do, and so require consent or have to be replaced. Also check the privacy notices of the provider concerned.

Do I need a privacy policy if I do not set cookies?

Yes. Even server logs, contact forms and incoming emails process personal data. The policy provides information about that, even without cookies.

Guides

Further reading.

What does a website cost? The price factors at a glanceWhat a business website costs depends on scope, features, content and ongoing support. These are the factors that determine the price.Read more →Website relaunch without losing rankings: how to proceedHow to relaunch a website without losing visibility on Google: audit, content plan, redirects and checks after launch.Read more →Responsive Web Design: What It Is and Why It Is the StandardResponsive web design explained: how websites adapt to smartphone, tablet and desktop, why it matters to users and Google, and how to tell if yours does it well.Read more →Accessible websites: the basics and the BFSGAccessible websites explained: why accessibility matters, what the BFSG regulates, which requirements apply (WCAG) and how to get started.Read more →Cookie banners and privacy: the essentialsCookie banners and consent: when a banner is needed, which services you can avoid, and how to build a privacy-friendly website.Read more →WordPress or custom-built? Choosing the right systemWordPress, other site builders or content management systems, or a custom solution: pros, cons and criteria for choosing for a business website.Read more →Optimising website images: format, size, loading timeOptimising images for websites: the right formats (WebP, AVIF, JPEG), suitable sizes, compression and lazy loading for fast loading times.Read more →Writing website copy from the customer’s perspectiveWebsite copy that sells: the customer’s perspective instead of self-description, clear benefits, direct address and a structure from headline to call to action.Read more →Designing a Contact Form: More Enquiries, Fewer FieldsDesigning a contact form: which fields you need, how to lower barriers, keep spam out and comply with data protection. Practical tips for more enquiries.Read more →Website maintenance and security: what to do regularlyWebsite maintenance and security: updates, backups, passwords, HTTPS and monitoring. The key tasks that keep your website secure and fast.Read more →

Want to talk through data protection for your business?

Do you already know what comes first with data protection? Then tell us. If not, we will find out together.

Book an initial consultation