---
title: "Introduction"
manual: "Coding Freaks Cookie Manager"
version: "main"
source: "Introduction/Index.rst"
rendered: "2026-09-27T16:07:18+00:00"
---

# Introduction {#introduction}

An awesome simple cookie Manager for your Typo3 installation, with service and script management!

## Key features {#key-features}

-   Script Blocker / Script Management
-   Lazy Load Iframes and Divs for Thirdparty Content
-   Easy custom Implementation
-   Standalone (no external dependencies needed)
-   Support for multi language (Currently 9 Languages Preconfigured per API)
-   WAI-ARIA attributes in the banner templates
-   Allows you to define different cookie categories with opt in/out toggle
-   Allows you to define custom cookie tables to specify the cookies you use
-   Dark and Lightmode Support in the Typo3 v13 Backend

The extension holds back the scripts and iframes of the services you configure until the
visitor consents to them. Precisely:

-   A script with `src` or an iframe whose URL matches the provider of a service (one
    that is assigned to a category) is held back until the visitor consents to that
    service.
-   A script or iframe that matches no service loads as usual, unless
    `script_blocking` is on. Then it does not load at all, there is no consent button
    for it (see [Extension Settings](../Configuration/ExtensionSettings/Index.html#extension-settings)).
-   Inline scripts without `src` are never changed. Put such code into the opt-in code
    of a service.
-   Only the HTML that TYPO3 delivers is rewritten. Scripts that other JavaScript adds to
    the page later are not.
-   With the Thumbnail API on, your server requests a preview image of a blocked iframe
    from the platform before consent (see [Thumbnail API](../DataAndRequests/Index.html#data-thumbnails)).

Which services need consent is for you to decide: the extension applies the configuration
you give it.

[Watch this video on YouTube](https://www.youtube.com/watch?v=z-jsd9w4Dmg)

### Demo {#demo}

[Cookie-Manager Frontend Demo](https://cookiedemo.coding-freaks.com/)

## With or without the CodingFreaks platform {#introduction-platform}

Version 2.x is open source and configured in TYPO3. The banner, its categories, services
and cookies live in your TYPO3 database, with or without an account on the CodingFreaks
platform.

**Without an account** you get:

-   the banner, categories, services, script and iframe blocking, consent tracking and the
    Dashboard widget
-   the presets from the cookie database (**Install Presets** or
    **Offline Configuration**) and the dataset update check in the
    **Administration** tab
-   the scanner in **Autoconfiguration & Reports**, within the limits the platform
    sets for scans without a key
-   the Thumbnail API, which the platform currently also answers without a key

**A free account** gives you a project on the platform. Its two credentials connect this
installation to that project:

-   scans run under your project and its limits
-   **Check API Integration** reports the extension to the project (version and
    last contact)
-   every save of a service, cookie, category or frontend record sends your banner
    configuration to the project, so the platform can compare its scan results with what
    your banner declares
-   thumbnail requests carry your credentials

What is sent, and when: [Data and network requests](../DataAndRequests/Index.html#data-and-requests).

### Where to get the credentials {#where-to-get-the-credentials}

1.  Register at [app.coding-freaks.com](https://app.coding-freaks.com/register) and
    create a project for your site.
1.  Open the project's integration assistant and choose TYPO3.
1.  Step 3 of the assistant (**Enter your API credentials**) shows
    **API Key** and **API Secret**.
1.  In TYPO3 the key goes into **Project ID (API key)**, the secret into
    **API secret**. Enter them in the API step of **Start Configuration**,
    in **Site Management > Settings**, or in `settings.yaml`
    (see [Connection settings under version control](../Configuration/ExtensionSettings/Index.html#extension-settings-versioned)).

> [!IMPORTANT]
> The configuration stays in TYPO3. Assigning services on the platform does not change
> your banner. To take over what the scanner found, import the scan in TYPO3 under
> **Autoconfiguration & Reports**.

## Screenshots {#screenshots}

Frontend Preview of the Consent Manager

![Introduction Package](../Images/cookie_settings.png)