Überarbeitete HTML-Elemente für die Einbindung der Vergleichsrechner
Bei den Vergleichsrechnern gibt es ab sofort eine umfangreiche Erweiterung für die Homepage-Links. Dafür haben wir die HTML-Elemente zur Einbindung auf Ihrer Website technisch optimiert, damit die Einbindung noch stabiler läuft und der Rechner durchgehend sauber dargestellt wird.
Neu sind unter anderem die automatische Höhenanpassung, die den Rechner flexibel an den Inhalt anpasst und dadurch auch auf mobilen Geräten sauber angezeigt wird, sowie ein praktischer Jump to top für bessere Orientierung. Beim Kreditvergleichsrechner kommen zusätzlich ein Kontaktfeld und ein Fallback-Button hinzu, falls der „Weiter“-Button im Einzelfall durch Browser- oder Consent-Einstellungen blockiert wird.
Im Detail
Automatische Höhenanpassung (Resizing)
Resizing heißt, dass der eingebettete Rechner seine Höhe automatisch an den tatsächlichen Inhalt anpasst. Wenn sich die Ansicht im Rechner verändert, zum Beispiel durch Filter, neue Ergebnisse oder den nächsten Schritt im Prozess, wird die iFrame Höhe direkt mit angepasst.
Vorteile:
- Keine abgeschnittenen Inhalte
- Weniger Scrollbalken im iFrame
- Ruhigeres, „nativeres“ Nutzererlebnis, vor allem auf dem Smartphone
- Weniger Abbrüche, weil Nutzer nicht das Gefühl haben, etwas funktioniert nicht
Jump to top: sauberer Sprung an den Anfang
Der Rechner kann jetzt nach bestimmten Aktionen zuverlässig an den Anfang der Seite springen, ohne dass Nutzer manuell hochscrollen müssen.
Beispiele, wann das wichtig ist:
- nach Filter und Sortieraktionen
- nach dem Wechsel von Teilschritten
- nach einer Rückkehr aus einer neuen Ansicht
Vorteil:
Weniger „Wo bin ich hier gerade?“ und deutlich bessere Orientierung, vor allem auf mobilen Geräten.
Zusätzlich neu beim Kreditvergleichsrechner
Kontaktaufnahme zum Vermittler direkt im Rechner
Beim Kreditvergleichsrechner ist außerdem ein fest integrierter Kontaktbereich im Kopf des Rechners enthalten. Besucher sehen direkt, an wen sie sich wenden können, wenn Fragen auftauchen oder Unterstützung benötigt wird.
Das ist besonders relevant, wenn ein Vermittler den Rechner auf seiner Seite einbindet und Kunden Fragen direkt an den Vermittler stellen möchten. Dafür ist das Kontaktfeld sichtbar und sauber im Rechner integriert.
benötigt wird.
Warum das hilft:
- weniger Unsicherheit beim Nutzer, gerade bei erklärungsbedürftigen Produkten (z.B. Ratenkredit)
- höhere Abschlusswahrscheinlichkeit, weil Hilfe im Moment der Entscheidung verfügbar ist
- klarer Bezug zum Partner bzw. Vermittler statt anonymer Rechner
Fallback-Button, wenn der „Weiter“-Button nicht funktioniert
Das ist die praktische Absicherung für einen der häufigsten Sonderfälle: Der Nutzer klickt auf „Weiter“, aber es passiert scheinbar nichts. Das liegt oft nicht am Gerät, sondern an Browser-Einstellungen, blockierten Third Party Cookies*, Consent-Tools oder Werbe und Script-Blockern, die Weiterleitungen oder notwendige Skripte ausbremsen.
Der Fallback-Button ist dann die klare Alternative, mit dem Wording: „Funktioniert der Weiter Button nicht“.
- Wenn ein Browser Third Party Cookies* stark einschränkt, können je nach Setup einzelne Weiterleitungen oder Session Mechanismen unerwartet bremsen.
- Manche Consent Banner oder Content Blocker unterbinden Skripte, Weiterleitungen oder Pop-ups, wenn der Nutzer nicht zugestimmt hat oder ein Filter aktiv ist.
Was macht der Fallback-Button?
Weniger „Wo bin ich hier gerade?“ und deutlich bessere Orientierung, vor allem auf mobilen Geräten.
- Er gibt dem Nutzer eine klare Handlungsoption („Funktioniert der Weiter Button nicht“).
- Er führt über einen robusten Alternativpfad, zum Beispiel durch Öffnen in einem neuen Tab oder über eine weniger anfällige Übergabe.
Third Party Cookies sind Cookies, die nicht von Ihrer Domain, sondern von einer eingebetteten Dritt Domain gesetzt werden. Viele Browser schränken das stark ein. Darum ist der neue Ansatz so gebaut, dass typische Probleme durch Cookie Restriktionen abgefedert werden, unter anderem über den neuen Fallback Mechanismus.
Einbindung: so nutzen Sie das neue iFrame Element
Für den Kreditvergleich kommt das neue Setup inklusive automatischer Höhenanpassung und den neuen Kopf-Elementen. Sie müssen nur Ihren persönlichen Vergleichsrechnerlink eintragen.
WICHTIG: Wenn der Rechner ohne Banner dargestellt werden soll, muss der Parameter aktiv gesetzt werden:
Hängen Sie an Ihren personalisierten Link zwingend &banner=false an.
Übrigens...
Wussten Sie schon, dass sich der Vergleichsrechner auch optisch in den Farben Ihrer Marke anpassen lässt,? Wenn Sie möchten, zeigen wir Ihnen gerne, wie das funktioniert und was dafür nötig ist.
Ihre Ansprechpartner:
Marcel Hennighausen-Roßberg
Leiter Key-Account Management
