Widget fehlt bei dynamisch nachgeladenen Inhalten

Das Widget initialisiert sich einmal, wenn die Seite lädt. Alles, was danach per JavaScript zur Seite hinzugefügt wird, wird nie verarbeitet, daher fehlen dort die Bewertungen.

Das begegnet Ihnen bei:

• Endlos-Scroll (Infinite Scroll) auf Kategorie- und Listing-Seiten,
• AJAX-Filtern, die das Produktraster ersetzen, ohne die Seite neu zu laden,
• Single-Page-Apps (React, Vue, Next.js im clientseitigen Routing), bei denen die Navigation das Dokument nicht neu lädt,
• Quick-View und Modal-Fenstern, die dynamisch erzeugt werden.

Die Lösung: neu initialisieren, sobald der neue Inhalt da ist

Rufen Sie die Init-Funktion erneut auf, sobald die neuen Elemente im DOM vorhanden sind. Verwenden Sie dieselbe Nutzer-ID und Einstellungen wie in Ihrem ursprünglichen Snippet, und zielen Sie auf den neu hinzugefügten Container ab.

<script>
  // Rufen Sie dies NACH dem Nachladen neuer Karten auf, nicht beim Start der Seite.
  function refreshJustReview() {
    initStars("YOUR_USER_ID", { /* die gleichen Einstellungen wie in Ihrem Snippet */ });
  }
</script>

Wo Sie es aufrufen, hängt von Ihrer Plattform ab:

Endlos-Scroll oder AJAX-Filter. Die meisten Skripte lösen ein Ereignis aus oder akzeptieren einen Callback, wenn die neue Charge eingefügt wird. Rufen Sie refreshJustReview() dort auf.

Ein generischer Fallback: den Container beobachten. Gibt es kein Ereignis, an das Sie sich hängen können, beobachten Sie das Raster und initialisieren Sie neu, wenn neue Knoten erscheinen.

<script>
  var grid = document.querySelector('#product-grid'); // Ihr Container
  if (grid) {
    new MutationObserver(function () {
      refreshJustReview();
    }).observe(grid, { childList: true });
  }
</script>

Single-Page-Apps. Rufen Sie es nach jedem Routenwechsel auf, in dem Hook, den Ihr Framework für “Navigation abgeschlossen” bereitstellt.

Laden Sie die Bibliothek nicht doppelt

Teil 1 des Snippets (die Bibliothek) gehört weiterhin genau einmal auf die Seite. Nur der Init-Aufruf wird wiederholt. Das erneute Einfügen des Script-Tags bei jedem Ladevorgang kann das Rendering stören.

Drosseln Sie es

Bei aggressivem Endlos-Scroll kann der Observer mehrmals pro Sekunde auslösen. Entprellen Sie den Aufruf um 100-200 ms, damit Sie nicht bei jedem eingefügten Knoten neu initialisieren.

Widget hat funktioniert und dann vollständig aufgehört

Das ist ein anderes Problem. Prüfen Sie der Reihe nach:

1. Ihre Domain-Whitelist in Settings stimmt weiterhin mit Ihrer Adresse überein. Ein Wechsel von http zu https, oder das Hinzufügen von www, ändert sie.
2. Das Container-Element ist noch auf der Seite vorhanden. Theme-Updates und Änderungen im Page-Builder entfernen es überraschend oft.
3. Ein Caching- oder Optimierungs-Plugin hat begonnen, das Skript zu verzögern (defer), zu kombinieren oder zu minifizieren. Schließen Sie justreview.js von der JavaScript-Optimierung aus.
4. Das Snippet wurde im Dashboard neu generiert, aber nicht auf Ihrer Website ersetzt, sodass es weiterhin die alten Einstellungen trägt.