ExternalContent Komponenten Demo
Grundlegendes Verwendungsbeispiel
Dieses Beispiel verwendet die Standard-Übersetzungen und zeigt, wie externe Inhalte wie Karten oder eingebettete Medien nach Benutzerzustimmung angezeigt werden können.
Benutzerdefiniertes Text Beispiel
Dieses Beispiel zeigt, wie der gesamte Textinhalt des Zustimmungsdialogs angepasst werden kann.
Dauerhaftes Kontrollkästchen Beispiel
Dieses Beispiel lässt das Zustimmungs-Kontrollkästchen auch nach der Zustimmung des Benutzers sichtbar, damit er sie leicht widerrufen kann.
Implementierungshinweise
Event-Behandlung
Die Komponente sendet benutzerdefinierte Ereignisse, wenn Inhalt angezeigt oder ausgeblendet wird:
// Auf Ereignisse hören
document.addEventListener('external-content-shown', (event) => {
console.log('Content shown:', event.detail);
// Tracking, Analytik, etc. hinzufügen
});
document.addEventListener('external-content-hidden', (event) => {
console.log('Content hidden:', event.detail);
});Styling
Die Komponente enthält Standard-Styling, kann aber mit der customClass-Eigenschaft und CSS angepasst werden.