Google Bewertungen in HTML einbinden
Google Bewertungen werden in HTML-Websites über JavaScript-Widgets eingebunden. Der Code besteht aus einem Container-Element und einem Script-Tag.
In 60 Sekunden erklärt
HTML-Websites ohne CMS können Bewertungswidgets durch Einfügen von zwei Code-Zeilen integrieren: Ein div-Element mit Widget-ID und ein Script-Tag das asynchron lädt. Code an gewünschter Stelle im body-Bereich einfügen. Widget erscheint automatisch nach Laden der Seite.
Beispiel-Code
<!DOCTYPE html>
<html lang="de">
<head>
<title>Mein Unternehmen</title>
</head>
<body>
<h1>Willkommen</h1>
<!-- Google Bewertungswidget -->
<div id="sterne-widget" data-widget-id="abc123"></div>
<p>Weitere Inhalte...</p>
</body>
</html>
Platzierung
Im Header: Vor schließendem </head> für Above-the-Fold-Anzeige. Im Content: An beliebiger Stelle im body-Bereich. Im Footer: Vor schließendem </body> für unterhalb des Contents. Als Sticky-Element: Mit CSS position:fixed für permanente Sichtbarkeit. Kontaktbereich: Kombination mit Öffnungszeiten-Widget für lokale Unternehmen.
Styling
Widget verwendet Shadow DOM und ist isoliert vom restlichen CSS. Custom Styling über Widget-Dashboard konfigurieren. Wrapper-div kann mit eigenen CSS-Klassen versehen werden für Positionierung. Responsive Breakpoints werden automatisch vom Widget gehandhabt.
DSGVO-Hinweise
Verwenden Sie DSGVO-konforme Widget-Lösungen ohne direkte Google-Verbindung. Erwähnen Sie Widget-Nutzung in Datenschutzerklärung. Kein Cookie-Banner erforderlich bei Proxy-Architektur.