Diese Dokumentation wurde automatisch aus der englischen Version übersetzt, wir entschuldigen uns für eventuelle Übersetzungsfehler.

x

Klaro integrieren

Es gibt verschiedene Möglichkeiten, Klaro in Ihre Website zu integrieren, die wir in den folgenden Abschnitten erläutern.

Aufgeschobenes Laden

Um Klaro zeitversetzt zu laden, fügen Sie einen Skript-Tag des folgenden Formulars in Ihre Website ein:

<script defer src=".../klaro.js"></script>

Dadurch wird der Browser veranlasst, das Klaro-Skript im Hintergrund herunterzuladen und erst dann auszuführen, wenn die verbleibende Seite geparst und geladen wurde. Dieser Lademodus ist die bevorzugte Methode zur Integration von Klaro, da er keine Verzögerungen auf Ihrer Seite verursacht, unabhängig davon, wie lange das Skript zum Laden benötigt. Außerdem werden alle verzögerten Skripte in der ursprünglichen Reihenfolge ausgeführt, in der sie im Quellcode Ihrer Seite erscheinen (im Gegensatz z.B. zu asynchronen Skripten, die in beliebiger Reihenfolge ausgeführt werden können). Dadurch ist es möglich, mehrere Skripte wie Ihre Klaro-Konfigurationsdatei und Ihr Hauptskript zeitversetzt zu laden und trotzdem sicher zu sein, dass sie in der richtigen Reihenfolge ausgeführt werden.

Synchrones Laden

Um Klaro synchron zu laden, fügen Sie einen Skript-Tag des folgenden Formulars zu Ihrer Website hinzu:

<script src=".../klaro.js"></script>

Dies veranlasst den Browser, das Parsen der verbleibenden Seite anzuhalten, bis das Skript geladen und ausgeführt wurde. Im Allgemeinen raten wir davon ab, Klaro auf diese Weise einzubetten, da dies eine Ladeverzögerung von etwa 50-100 ms verursacht. Wenn Sie jedoch Klaro verwenden möchten, um Dienste von Drittanbietern zu verwalten, ohne deren Code auf Ihrer Website zu ändern (was wir ebenfalls nicht empfehlen, was aber notwendig sein kann), sollten Sie Klaro synchron laden, um sicherzustellen, dass es diese Skripte ordnungsgemäß abfangen kann (falls dies in der Browser-Umgebung möglich ist).

Asynchrones Laden

Um Klaro asynchron zu laden, fügen Sie einen Skript-Tag des folgenden Formulars zu Ihrer Website hinzu:

<script async src=".../klaro.js"></script>

Dies veranlasst den Browser, mit dem Laden der verbleibenden Seite fortzufahren, während er im Hintergrund das Klaro-Skript abruft. Er führt das Skript dann aus, sobald es geladen ist (was jederzeit während oder nach dem Parsen der verbleibenden Seite geschehen kann). Wenn Sie diese Art der Integration verwenden, müssen Sie sicherstellen, dass alle Skripte, die vom Klaro-Skript abhängen, erst nach dem Laden des Skripts ausgeführt werden, z.B. durch Verwendung des Ereignishandlers onload auf dem Skript. Das asynchrone Laden kann vorteilhaft sein, da dadurch die Verzögerung bei der Anzeige der Einverständniserklärung für den Benutzer verringert werden kann, obwohl auch das verzögerte Laden des Klaro-Skripts normalerweise nur eine kleine, fast nicht wahrnehmbare Verzögerung verursacht.