Formular wird nicht angezeigt - Umgang mit Fehlermeldungen

Geändert am: Mi, 29 Dez, 2021 at 5:00 NACHMITTAGS

Applicable plans a b c d

INHALTSVERZEICHNIS

Erfahren Sie in diesem Artikel mögliche Ursachen, warum ein Formular auf Ihrer Webseite nicht angezeigt wird.

Javascript

Grundsätzlich muss Ihr CMS Javascript unterstützen. Um dies zu überprüfen, können Sie folgenden Code in Ihrem Backend auf der Spendenseite einbetten:

<script type="text/javascript" src="https://www.fundraisingbox.com/assets/js/jstest.js
Wenn Sie die Seite aufrufen, erscheint ein Hinweis im Browser, ob Javascript aktiviert ist und somit das Formular eingebettet werden kann.

Einbettungsadresse

Fehlermeldung: Die hinterlegte Einbettungsadresse stimmt nicht mit dieser Adresse überein. Bitte korrigieren Sie diese Einstellungen in Ihrer FundraisingBox.

1. Einbettungsadresse
Bitte prüfen Sie zuerst, ob die Einbettungsadresse, die Sie in der FundraisingBox hinterlegt haben, auch wirklich mit der Webadresse übereinstimmt, in der das Formular angezeigt werden soll:

2. Einbettungscode 
Stellen Sie bitte sicher, dass der korrekte Einbettungscode auf Ihrer Webseite eingebettet ist. Wenn Sie z. B. den Einbettungscode Ihres Spendenformulars auf die Seite, wo Sie das Mitgliedschaftsformular einbetten wollten, kommt es zu dieser Fehlermeldung. 

3. Mehrere Domains
Sollten Sie mehrere Domains für die gleiche Website haben, z.B. www.musterorganisation.de und www.muster-organisation.de, so melden Sie sich bitte bei unserem Support, damit wir diesen Sonderfall freischalten. Das gleiche gilt, wenn Sie mehrere Adressen für die gleiche Seite mit identischem Inhalt (inkl. Sprache) verwenden, z.B. www.musterorganisation.de/index.php?id=123 und www.musterorganisation.de/spenden.html.

Hinweis: Falls die Seiten unterschiedliche Inhalte haben, muss hierfür ein separates Formular mit eigener Einbettungsadresse verwendet werden. Bei Fragen wenden Sie sich gerne an unseren Support.

4. Formular in Frame-Seiten
Es ist technisch nicht umsetzbar, die FundraisingBox-Formulare oder Spendenaktionen innerhalb von Frame-Seiten oder iFrames zu nutzen (wie z. B. Wix). Die Einbettung auf solchen Seiten kann daher diese Fehlermeldung verursachen. Dies hat mehrere Gründe, zum Beispiel:

  • die automatische Größenanpassung funktioniert nicht
  • das Vorausfüllen von Feldern ist nicht umsetzbar
  • nach einer erfolgreichen Transaktion wird der Spender auf die Einbettungsadresse zurückgeschickt, der Inhalt außerhalb des Frames wäre also nicht mehr sichtbar

Frame-Seiten sind eine veraltete Technik, welche auch für Suchmaschinen nicht optimal sind. Falls diese Seiten Ihrer Webseite nicht umgestellt werden, verlinken Sie in dem Fall am besten auf Ihr Spendenformular auf einer extra Seite. Sie können dazu auch attraktive Buttons und Widgets mit dem Button-Generator erstellen.

Fehlermeldung: Das FundraisingBox-Logo wurde nicht korrekt eingebunden.

1. Einbettungsadresse
Auch bei dieser Fehlermeldung prüfen Sie bitte zuerst, ob die Einbettungsadresse, die Sie in der FundraisingBox hinterlegt haben, auch wirklich mit der Webadresse übereinstimmt, in der das Formular angezeigt werden soll.

2. FundraisingBox Logo Check

Alle Online-Formulare und Spendenaktions-Tools der FundraisingBox sind im unteren linken Bereich mit einem kleinen grauen Logo der FundraisingBox inklusive Link zu unserer Webseite versehen.
Der Logo Check prüft alle Online-Formulare. Sollten die Informationen fehlen, wird das Formular nicht angezeigt und Sie erhalten eine entsprechende Fehlermeldung.

Kopieren Sie daher immer den vollständigen Code-Schnipsel unter Formulare > Formular auswählen > Einbettungscode.

3. Lazy Loading (Nachladen der Bilder)
Falls alles korrekt sein sollte und das Formular trotzdem nicht angezeigt wird, überprüfen Sie bitte, ob Ihre Seite bzw. das CMS ein sogenanntes "Lazy Loading" der Bilder verwendet. D.h. Bilder werden erst nachgeladen, wenn diese im Viewport (sichtbaren Browserbereich) sind.

Das FundraisingBox Logo ist also nicht sichtbar, wenn der Logocheck stattfindet und es erscheint eine Fehlermeldung. Normalerweise lassen sich Bilder vom Lazy Loading ausschließen und sofort laden. Bei Fragen hierzu wenden Sie sich an Ihren CMS-Support bzw. Webmaster.


Folgende Lösungsmöglichkeiten gibt es:

  • 1. Möglichkeit - Lazy Loading (als Wordpress Plugin) 
    Identifizieren Sie in Ihrem Quellcode auf der Formularseite eine Stelle mit "lazy-load" bzw. "lazy" (Im Quellcode mit der Tastenkombination STRG+F nach dem Wort "lazy" suchen und prüfen ob die gefundene Stelle im FundraisingBox Einbettungscode enthalten ist) tritt das oben beschriebene Verhalten auf.
    In diesem Fall können den Einbettungscode mit folgendem Code ersetzen:
    <script type="text/javascript" src="https://secure.fundraisingbox.com/app/paymentJS?hash=12345..."></script><noscript>Bitte Javascript aktivieren</noscript><a href="https://www.fundraisingbox.com" target="_blank" rel="noopener noreferrer"><img class="no-lazy !important;" style="border: 0 !important;" src="https://secure.fundraisingbox.com/images/FundraisingBox-Logo-Widget.png" alt="FundraisingBox Logo" border="0" /></a>    Bitte ändern Sie den Hashwert (im Code rot markiert) um Ihren tatsächlichen Wert.

    Hinweis: Sollte die Fehlermeldung und das FundraisingBox-Logo zusammen angezeigt werden untersuchen Sie bitte das FundraisingBox-Logo per Rechtsklick, um den tatsächlich im Browser geladenen Webseiten-Code auf Lazy-Load-Klassen bei den HTML-Elementen zu prüfen.

  • 2. Möglichkeit - Probleme mit Action Link Plugin (bei WordPress)
    WordPress-Plugins, wie z.B. Action Link, fügen zusätzliche Bilder in Form von Links in das <a>-HTML-Element des FundraisingBox-Logos am Ende des Spenden-Formulars ein.
    Die Branding-Überprüfung seitens der FundraisingBox schlägt dann gegebenenfalls fehl, sodass das Formular kurz geladen und angezeigt, danach aber durch die entsprechenden Fehlermeldung ersetzt wird("Das FundraisingBox-Logo wurde nicht korrekt eingebunden").

    Anhand des Quellcodes der Webseite oder des Einbettungscodes des Spenden-Formulars in der Fundraisingbox sind die Code-Beispiele nicht nachvollziehbar! Die Webseite, die das Spenden-Formular anzeigen soll, muss im Browser geladen und das FRB-Logo-Element dort untersucht werden.
    In diesem Fall prüfen Sie bitte den Code im Chrome-Browser über Rechts-Klick > Untersuchen auf das Fundraisingbox-Logo. Ein Beispiel eines fehlerhaften Codes sieht z.B. so aus:
    <a target="_blank" href="https://www.fundraisingbox.com <https://www.fundraisingbox.com>"class="exitNotifierLink"role="link"><img border="0" style="border: 0 !important" src="https://secure.fundraisingbox.com/images/FundraisingBox-Logo-Widget.png <https://secure.fundraisingbox.com/images/FundraisingBox-Logo-Widget.png>" alt="FundraisingBox Logo">&nbsp;<img class="flat" src="https://testdomain.de/wp-content/plugins/exit-notifier/external-link.png <https://testdomain.de/wp-content/plugins/exit-notifier/external-link.png>" border="0"></a>
    Ein entsprechend korrekter Quellcode entspricht diesem Beispiel:
    <a target="_blank" href="https://www.fundraisingbox.com <https://www.fundraisingbox.com>"><img border="0" style="border: 0 !important" src="https://secure.fundraisingbox.com/images/FundraisingBox-Logo-Widget.png <https://secure.fundraisingbox.com/images/FundraisingBox-Logo-Widget.png>" alt="FundraisingBox Logo"></a>

Spendenformular wird ohne Fehlermeldung gar nicht oder nicht an der gewünschten Stelle und/oder unterhalb des Footers der Webseite angezeigt

FundraisingBox-Komponenten wie das Spendenformular sind Web-Anwendungen und benötigen sogenannten local storage, der auf dem Gerät der Spender*innen angelegt wird, um Daten verarbeiten zu können, z.B. die persönlichen Daten, Spendenbetrag, Spendenintervall etc.

Local storages werden erst angelegt, wenn eine Webseite geöffnet wird, auf der eine FundraisingBox-Komponente eingebettet ist und angezeigt werden soll.

Es gibt Cookie Consent Manager, z.B. der Consent Manager von Cookiebot, die nicht nicht zwischen Cookies und local storage unterscheiden, local storage folglich nicht korrekt einordnen und es dann blockieren. Deshalb können FundraisingBox-Komponenten gegebenenfalls nicht korrekt angezeigt werden, wenn solche Cookie Consent Manager eingesetzt werden. Wenden Sie sich in diesem Fall bitte an den Anbieter Ihres Cookie Consent Managers.

Ein Workaround könnte auch sein, den Einbettungs-Code der betreffenden FundraisingBox-Komponente im Code der Webseite z.B. in einen Div-Container einzuschließen und diesen Div-Container in der Konfiguration des Cookie Consent Managers von dessen Regeln auszunehmen. Diese Lösung ist aber nicht sauber und deswegen nicht empfehlenswert.

Hinweis: Die Umsetzung des oben beschriebenen Workarounds erfolgt auf eigene Verantwortung!

War diese Antwort hilfreich? Ja Nein

Lassen Sie uns bitte wissen, wie wir diesen Beitrag verbessern können.

Weitere Artikel in Formulare konfigurieren

Alle 13 Artikel ansehen