Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen gezeigt.
| Beide Seiten der vorigen Revision Vorhergehende Überarbeitung Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
|
function:webcare_tag_integration [2020/12/01 19:27] mike |
function:webcare_tag_integration [2020/12/01 19:41] (aktuell) mike |
||
|---|---|---|---|
| Zeile 80: | Zeile 80: | ||
| </code> | </code> | ||
| + | === Platzhalter Design === | ||
| + | |||
| + | Der "Platzhalter" (also die 2 - Click Maske die erscheint wenn die Einwilligung noch nicht gegeben wurde) kann entweder ein von uns mitgeliefertes Design enthalten, oder komplett selbst erstellt werden. | ||
| + | |||
| + | Die von uns mitgelieferten Designs enthalten auch einen Informationstext sowie einen Link auf die Datenschutzerklärung, damit die Einwilligung des Benutzers gültig ist. | ||
| + | |||
| + | Von uns mitgeliefert werden folgende Platzhalter in den Sprachen Deutsch und Englisch: | ||
| + | |||
| + | * Landkarte (z.B. für Google Maps oder Open Street Map) | ||
| + | * Video (z.B. für Vimeo oder YouTube) | ||
| + | * Kalender (z.B. für Calendly oder Google Calendar) | ||
| + | * Sonstiges (für andere Services) | ||
| + | * Benutzerdefiniert (siehe unten) | ||
| + | |||
| + | === Benutzerdefinierte Platzhalter === | ||
| + | |||
| + | Sollten sie andere Sprachen benötigen oder ein eigenes Platzhalterdesign bevorzugen, so können sie dieses problemlos umsetzen. Dazu fügen Sie einfach den HTML Code in das DIV Tag ein. Um auf die Einwilligung zu reagieren, sollte der Platzhalter einen Button oder Link enthalten, der den Inhalt aktiviert. | ||
| + | |||
| + | Dazu vergeben Sie die CSS-Klasse **cc-tag-activate-btn** an das HTML - Element, das auf den Klick reagieren soll. | ||
| + | |||
| + | Ein Beispiel wäre: | ||
| + | <code html> | ||
| + | <div id="tag_userdefined_iframe" style="height:300px; border: 2px solid green;"> | ||
| + | <div class="cc-tag-activate-btn">Klicken Sie hier!</div> | ||
| + | <br><br> | ||
| + | Benutzerdefinierter Text | ||
| + | </div> | ||
| + | </code> | ||
| + | |||
| + | Dadurch wird nach dem Klick auf "Klicken Sie hier!" der eingebettete Inhalt aktiviert. | ||
| + | |||
| + | Folgender Code würde genauso aussehen wie einer unserer Platzhalter: | ||
| + | |||
| + | <code html> | ||
| + | <div id="tag_maps_separate" class="cc-tag-placeholder-maps cc-tag-placeholder">. | ||
| + | <div class="cc-tag-activate-btn">Karte anzeigen</div> | ||
| + | <div class="cc-tag-info">Zum Aktivieren von Google Maps bitte auf den Button klicken. Durch das Aktivieren von eingebetteten Karten werden Daten an Google Ireland übermittelt. Weitere Informationen können unserer <a href="https://www.datareporter.eu/datenschutz" target="_blank">Datenschutzerklärung</a> entnommen werden. | ||
| + | </div> | ||
| + | </div> | ||
| + | </code> | ||
