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, die verbleibende Seite weiter zu laden, während er das Klaro-Skript im Hintergrund abruft. Das Skript wird dann ausgeführt, sobald es geladen ist (was jederzeit während oder nach dem Parsen der restlichen Seite geschehen kann). Wenn Sie diese Art der Integration verwenden, müssen Sie sicherstellen, dass alle Skripte, die von dem Klaro-Skript abhängen, erst ausgeführt werden, nachdem das Skript geladen wurde, z.B. durch Verwendung des onload Event-Handlers für das Skript. Das asynchrone Laden kann von Vorteil sein, da es die Verzögerung bei der Anzeige des Einwilligungshinweises für den Benutzer verringern kann, obwohl das verzögerte Laden des Klaro-Skripts normalerweise auch nur eine kleine, fast nicht wahrnehmbare Verzögerung verursacht.