> For the complete documentation index, see [llms.txt](https://doc.dastra.eu/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.dastra.eu/nl/features/gerer-le-consentement-aux-cookies/integration-technique/integration-dans-les-cms.md).

# Snel aan de slag

## Voorwaarde: een API openbare sleutel ophalen

Om een publieke sleutel van de Dastra SDK op te halen, gaat u naar deze pagina: <https://app.dastra.eu/general-settings/api>

![](https://github.com/Dastrateam/dastra-doc-nl/blob/main/features/.gitbook/assets/image%20\(88\).png)

## Configureer je widget

Configureer je widget door de onderstaande gids te volgen

{% content-ref url="/pages/4HYg7K7FL55YdEFAuzVr" %}
[De widget instellen](/nl/features/gerer-le-consentement-aux-cookies/configuration-du-widget.md)
{% endcontent-ref %}

## De html-integratiecode invoegen

Voeg de HTML-code die beschikbaar is in de "Code" sectie van de Dastra Cookie toestemmingsmodule **voor het einde van de tag** in op je website, op alle pagina's. Je kunt Google tag manager gebruiken om de code dynamisch te maken. U kunt Google tag manager gebruiken om deze code dynamisch op elke pagina in te voegen.

{% hint style="info" %}
Om de code correct te laten werken, moet je ervoor zorgen dat de publieke sleutel van je API vooraf correct is geconfigureerd.
{% endhint %}

De widgetintegratiecode ziet er als volgt uit

```markup
<div id="dastra-cookie-consent" data-widgetid="{your_widget_id}"></div>
<script src="https://app.dastra.eu/sdk/dastra.js?key={your_public_key}" async>
</script>
```

De div met het id "dastra-cookie-consent" wordt de renderlocatie voor je toestemmingswidget. Het "data-widgetid" attribuut wordt gebruikt om de aangeroepen widget te identificeren, wat vaak een getal is (int32). {uw\_publieke\_key} komt overeen met je publieke sleutel [API sleutel hier op te vragen](https://app.dastra.eu/general-settings/api)

Zodra de code is ingevoegd in de tag \<body> op je site, wordt de widget weergegeven op je site.

{% hint style="warning" %}
Voor optimale prestaties wordt de widget automatisch in de cache geplaatst door de browser in de sessionStorage
{% endhint %}

## Wordpress

Als je Wordpress gebruikt, vind je meer informatie in de onderstaande link over hoe de gegenereerde code aan het einde van de html-tag van je website kan worden ingevoegd.

{% content-ref url="/pages/xWUVhjQRbxHYvDrwRyoe" %}
[Wordpress](/nl/features/gerer-le-consentement-aux-cookies/integration-technique/integration-dans-les-cms/wordpress.md)
{% endcontent-ref %}

Zodra de widget is geïntegreerd, ga je verder met de testfase.

{% content-ref url="/pages/gZj5wfm3zgnApvjTzLPR" %}
[Widget integratie testen](/nl/features/gerer-le-consentement-aux-cookies/integration-technique/comment-tester-lintegration-dun-widget.md)
{% endcontent-ref %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://doc.dastra.eu/nl/features/gerer-le-consentement-aux-cookies/integration-technique/integration-dans-les-cms.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
