Fehlermeldung: „Uncaught NotFoundError: Failed to execute 'removeChild' on 'Node'“

INHALTSVERZEICHNIS

• Problem
• Lösung: Dynamische Einbettung verwenden
  • Schritt 1: Dynamisches Nachladen aktivieren lassen
  • Schritt 2: Dynamisches Einbettungsskript abrufen
    • Für Spendenaktionstools
    • Für Spendenformulare
  • Schritt 3: Bestehendes Embed ersetzen
  • Schritt 4: Dynamisches Skript einfügen
• Ergebnis

Problem

Beim Einbinden einer FundraisingBox-Spendenaktion oder eines Formulars kann in der Browser-Konsole folgende Fehlermeldung erscheinen:

"Uncaught NotFoundError: Failed to execute 'removeChild' on 'Node':The node to be removed is not a child of this node."

Diese Meldung tritt häufig auf, wenn externe JavaScript-Frameworks oder dynamische Seiteninhalte mit der Standard-Einbettung des FundraisingBox-Widgets kollidieren.

Lösung: Dynamische Einbettung verwenden

In den meisten Fällen lässt sich das Problem durch die dynamische Einbettung lösen.

Schritt 1: Dynamisches Nachladen aktivieren lassen

Zunächst muss eine Funktion aktiviert werden, die das dynamische Nachladen der Formular- und Spendenaktions-Skripte ermöglicht.

Bitte wenden Sie sich hierfür an den FundraisingBox Support.

Schritt 2: Dynamisches Einbettungsskript abrufen

Nach der Aktivierung finden Sie die Option zur dynamischen Einbettung im Generator der Spendenaktion bzw. des Formulars.

Für Spendenaktionstools

Die Funktion ist auf folgender Seite mittig sichtbar und anklickbar:

Spendenaktionen > Einstellungen > klick auf das zu bearbeitenden Spendenaktionstool > Einbettungscode 


Scrollen Sie bis in den Abschnitt "Dynamische Einbettung":

Klicken Sie hier auf "Klicken Sie hier, um Informationen zur dynamische Einbindung anzuzeigen."

Es öffnet sich folgende Ansicht mit Ihrem individuellen Skript:

Für Spendenformulare

Die Funktion finden Sie unter Formulare > Klick auf das zu bearbeitende Formular > Einbettungscode

Scrollen Sie in den Abschnitt "Dynamische Einbettung":

Klicken Sie hier auf "Mehr anzeigen". Es öffnet sich folgende Ansicht mit Ihrem individuellem Script:

Schritt 3: Bestehendes Embed ersetzen

• Entfernen Sie den bisherigen FundraisingBox-Einbettungscode aus dem HTML.
• Ersetzen Sie das Skript durch ein leeres div mit der vom Generator vorgegebenen ID

Hinweis: Die ID kann je nach generiertem Skript abweichen. Verwenden Sie immer die ID aus Ihrem individuellen Generator-Skript.

Schritt 4: Dynamisches Skript einfügen

Fügen Sie das im Generator bereitgestellte Skript unmittelbar vor dem schließenden </body>-Tag Ihrer Webseite ein.

Das Skript muss dabei innerhalb eines <script>-Tags eingebunden werden, z.B.:

<script>

const fbScript = document.createElement('script');

fbScript.src = 'https://secure.fundraisingbox.com/app/widgetJSdynamic?cfh=xxxxxxxx&containerId=fbIframeDiv';

document.getElementById('fbIframeDiv').appendChild(fbScript);

</script>

Ergebnis

Nach der Umstellung auf die dynamische Einbettung wird das FundraisingBox-Widget erst nach dem vollständigen Laden der Seite eingebunden. Dadurch werden Konflikte mit anderen JavaScript-Komponenten vermieden.