Welche Einstellungen muss ich ändern, damit dieScore Widgets korrekt angezeigt werden?
- Technische Voraussetzungen für DieScore Widgets
- Einbindung des Skripts und relevante Einstellungen
- Browser- und Sicherheitseinstellungen
- Responsive Design und CSS-Anpassungen
- Plugins und Plattform-spezifische Einstellungen
- Zusammenfassung
Technische Voraussetzungen für DieScore Widgets
Damit DieScore Widgets korrekt dargestellt werden, ist es wichtig, dass die Seite, auf der das Widget eingesetzt wird, einige technische Voraussetzungen erfüllt. Die Widgets basieren in der Regel auf JavaScript und benötigen, dass das Einbettungsskript korrekt eingebunden wird. Zudem muss Ihre Website einen sicheren Zugriff per HTTPS erlauben, da externe Ressourcen ansonsten möglicherweise blockiert werden.
Einbindung des Skripts und relevante Einstellungen
Vergewissern Sie sich, dass das Einbettungsskript von DieScore vollständig und an der richtigen Stelle in Ihrem HTML-Dokument eingebunden ist. Dieses Skript sollte direkt vor dem schließenden </body>-Tag stehen, um sicherzustellen, dass der DOM vollständig geladen ist, bevor das Widget initialisiert wird.
Beispiel für die Einbindung:
<script src="https://widget.diescore.com/embed.js"></script>
Stellen Sie zudem sicher, dass keine Content Security Policy (CSP) Regeln die Ausführung des externen Skripts verhindern. Eine zu restriktive CSP kann das Laden und Ausführen des Widgets blockieren.
Browser- und Sicherheitseinstellungen
Der Browser muss JavaScript aktiviert haben, damit DieScore Widgets funktionieren. Prüfen Sie außerdem, ob eventuell installierte Browser-Erweiterungen oder Firewalls externe Skripte blockieren. In manchen Fällen kann auch Ad-Blocking-Software verhindern, dass Widgets geladen werden.
Responsive Design und CSS-Anpassungen
DieScore Widgets sind oft für eine responsive Anzeige optimiert, dennoch kann es hilfreich sein, eigene CSS-Anpassungen vorzunehmen oder sicherzustellen, dass keine CSS-Regeln auf Ihrer Seite das Widget-Layout beeinträchtigen. Vermeiden Sie für den Widget-Container Styles wie overflow: hidden; oder display: none;, die das Widget unsichtbar machen könnten.
Plugins und Plattform-spezifische Einstellungen
Falls Sie DieScore Widgets innerhalb eines Content-Management-Systems wie WordPress, Joomla oder ähnlichen Plattformen nutzen, prüfen Sie, ob dortige Sicherheitsplugins oder Caching-Mechanismen das Laden des Widgets beeinträchtigen. Gegebenenfalls müssen Skriptausschlüsse oder Whitelist-Einträge ergänzt werden.
Zusammenfassung
Zusammenfassend müssen Sie sicherstellen, dass das Einbettungsskript korrekt, vorzugsweise am Ende der Seite, eingefügt und von Ihrem System nicht blockiert wird. Der Browser muss JavaScript aktiviert haben, sowie Content Security Policies und Sicherheitseinstellungen dürfen das Laden externer Skripte nicht verhindern. Abschließend empfiehlt es sich, das Layout auf mögliche CSS-Konflikte zu überprüfen, damit das Widget sichtbar und funktional bleibt.
