From e54c409250161e3055e591f43e54b1f95a8c6fe4 Mon Sep 17 00:00:00 2001 From: 01-Scripts Date: Fri, 10 Apr 2020 15:16:34 +0200 Subject: [PATCH] Update german version README-DE.md --- README-DE.md | 78 +++++++++++++++++++++++++++------------------------- 1 file changed, 40 insertions(+), 38 deletions(-) diff --git a/README-DE.md b/README-DE.md index 94b5d38..4b07004 100644 --- a/README-DE.md +++ b/README-DE.md @@ -1,16 +1,18 @@ # 2Click-Iframe-Privacy -Einfache 2-Klick Lösung für jeden per IFrame eingebetteten Inhalt (Youtube-Videos, Google Maps, Google Kalender etc.). Implementiert in purem JavaScript ohne Abhängigkeiten. +Einfaches JavaScript, um eine 2-Klick-Lösung für beliebige per IFrame eingebettete Inhalte zu aktivieren (z.B. Youtube, Google-Maps, Google Kalender etc.) - Kein Framework nötig! [Demo](https://01-scripts.github.io/2Click-Iframe-Privacy/) +___ + ## Setup -Fügen Sie das JavaScript aus dem `dist` Verzeichnis in ihre Webseite ein. +JavaScript aus dem `dist` Verzeichnis in die Webseite einfügen. ```html ``` -Fügen Sie die folgende CSS-Klasse in eine existierende CSS-Datei ein oder fügen Sie den Code direkt in ihre Webseite ein: +Folgende CSS-Klasse in eine existierende CSS-Datei einfügen oder den Code direkt in die Webseite kopieren: ```html ``` -Now, you need to instantiate it: +Abschließend muss die Funktion initialisiert werden: ```html ``` -# Usage +# Benutzen -## For Videos +## Für Videos -Replace `src=` with `data-src=` and add an empty attribute `src=""`, add the attribute `data-2click-type="video"` to the IFrame: +`src=` mit `data-src=` ersetzen und ein leeres Attribut `src=""` hinzufügen; `data-2click-type="video"` als weiteres Attribut dem IFrame hinzufügen: ```html ``` -## For Google Maps +## Für Google Maps -Replace `src=` with `data-src=` and add an empty attribute `src=""`, add the attribute `data-2click-type="map"` to the IFrame: +`src=` mit `data-src=` ersetzen und ein leeres Attribut `src=""` hinzufügen; `data-2click-type="map"` als weiteres Attribut dem IFrame hinzufügen: ```html ``` -## For Google Calendar +## Für Google Kalender -Replace `src=` with `data-src=` and add an empty attribute `src=""`, add the attribute `data-2click-type="calendar"` to the IFrame: +`src=` mit `data-src=` ersetzen und ein leeres Attribut `src=""` hinzufügen; `data-2click-type="calendar"` als weiteres Attribut dem IFrame hinzufügen: ```html @@ -67,11 +69,11 @@ Replace `src=` with `data-src=` and add an empty attribute `src=""`, add the att # Demo -Have a [look here](https://01-scripts.github.io/2Click-Iframe-Privacy/demo.html). +[Demo hier ausprobieren](https://01-scripts.github.io/2Click-Iframe-Privacy/demo.html) -# More options +# Weitere Optionen -The following code shows all available options described in detail below: +Der nachfolgende Code zeigt alle verfügbaren Optionen zur einfachen Anpassung des Scritps: ```html ``` -## Options - -| Config-Variable | Description | Default | -|-------------------------|-------------|---------| -| `enableCookies` | Set to `false` will disable the usage of cookies. Loading of embedded content must be accepted at each page load. | `true` | -| `useSessionCookie` | Change this setting to `false` to use a persistent cookie instead of a session cookie. Session cookies are cleared when the browser is closed. | `true` | -| `cookieNamespace` | Define a name for the namespace in which cookies should be created. | `_2ClickIPEnable-` | -| `showContentLabel` | Change the naming of the link that is shown to enable and load the embedded content. | `Inhalt anzeigen` | -| `rememberChoiceLabel` | Change the naming of the checkbox that is shown to remember the user-choice (by setting a cookie). | `Auswahl merken` | -| `privacyPolicyLabel` | Change the naming of the link to your privacy statement. | `Datenschutzerklärung` | -| `privacyPolicyUrl` | Define a link to the privacy statement of your web page. Link is only shown if a URL is provided. | `false` | -| `CustomTypes` | See detailed description of options below. | | - -## Define custom types - -Besides the three pre-defined content types (`video`, `map`, `calendar`) it's also possible to define your own custom types and also define -JavaScript callback-functions that are triggered each time a user is clicking on the `showContentLabel`-link. -You may define your own `CustomTypes` as shown in the code-snipped above and can use the following options within: - -| Variable | Description | -|------------------|-------------| -| `type` | Define a unique name for your custom content type. Use this type-name in the follwing attribute of each iframe: `data-2click-type="ownvideo"`. | -| `callback` | Set the name of a valid JavaScript function. This function is called as a callback everytime a user clicks on the `showContentLabel`-link. | -| `description` | Define a description (may contain HTML) that is shown in a `div` within the iframe of this type before loading the embedded content. | +## Optionen + +| Konfigurationsvariable | Beschreibung | Standard | +|-------------------------|--------------|----------| +| `enableCookies` | Auf `false` setzen um die Nutzung von Cookies abzuschalten. Das Nachladen von eingebettetem Inhalt muss dann auf jeder Seite erneut bestätigt werden. | `true` | +| `useSessionCookie` | Einstellung auf `false` um dauerhafte Cookies statt Session-Cookies zu verwernden. Session-Cookies werden beim Schließen des Browsers gelöscht. | `true` | +| `cookieNamespace` | Definition eines eigenen Namenbereichs zum Anlegen der Cookies | `_2ClickIPEnable-` | +| `showContentLabel` | Bezeichnung des Links der angezeigt wird um den eingebetteten Inhalt nachzuladen. | `Inhalt anzeigen` | +| `rememberChoiceLabel` | Bezeichnung der Checkbox um die Besucher-Auswahl zu merken (es wird dazu ein Cookie gesetzt). | `Auswahl merken` | +| `privacyPolicyLabel` | Bezeichnung des Links der zu einer eigenen Datenschutzerklärung führt. | `Datenschutzerklärung` | +| `privacyPolicyUrl` | Link zu einer eigenen Datenschutzerklärung. Wird nur angezeigt, wenn eine URL angegeben wird. | `false` | +| `CustomTypes` | Details zur Nutzung wie nachfolgend beschrieben. | | + +## Benutzerdefinierte Inhaltstypen definieren + +Neben den drei Vordefinierten Inhaltstypen (`video`, `map`, `calendar`) ist es auch möglich eigene, benutzerdefinierte Inhaltstypen zu definieren +sowie JavaScript Callback-Funktionen zu erstellen, die immer dann ausgelöst werden, wenn ein Besucher den `showContentLabel`-Link anklickt. +Eigene Inhaltstypen können wie im obigen Code-Beispiel zu sehen definiert werden. Dazu können folgende Optionen genutzt werden: + +| Variable | Beschreibung | +|------------------|--------------| +| `type` | Definiere einen eindeutigen Namen für den neu definierten Inhaltstypen. Dieser Name muss in folgendem Attribut für jedes entsprechende IFrame verwendet werden: `data-2click-type="ownvideo"`. | +| `callback` | Name einer gültigen JavaScript-Function. Diese Funktion wird als Callback immer aufgerufen wenn ein Besucher auf den `showContentLabel`-Link klickt. | +| `description` | Beschreibung (kann HTML enthalten) die in einem `div` innerhalb des IFrame angezeigt wird, bevor der eigentliche Inhalt nachgeladen wird. | ### Callback example