JS-API – Catcher

Die JS-API ist insbesondere für Fortgeschrittene Website-Betreiber sowie für Profis die bislang professionellste Art der Vergleichsrechner-Einbindung auf der eigenen Website. In diesem Segment dürfen Catcher zur Optimierung der Conversion-Rate natürlich nicht fehlen. Wie das rein technisch in der Praxis zu funktionieren hat, erklärt dieser Artikel.

Das Prinzip des (klassischen) Catchers

Die Funktionsweise von Catchern ist im Grunde immer identisch, wie die obige Darstellung zeigt. Es existiert eine vorgeschaltete Seite, welche einen beliebig aufgebauten Catcher enthält. Diese Seite überträgt beim Absenden des Catcher-Formulares einen von Dir gewählten Wert an eine zweite Seite, welche den Vergleichsrechner enthält. Diese zweite Seite schleift den erhaltetenen Wert durch oder plausibilisiert / manipuliert diesen zuvor und übergibt diesen anschließend zur Vorbelegung eines spezifischen Feldes an den Vergleichsrechner.

Der Catcher

besteht typischer Weise lediglich aus einem Formular mit einem Submit-Button sowie weiteren Input- oder Select-Elementen. Da dies nichts mit dem Vergleichsrechner und der Übergabe von Werten an den Vergleichsrechner zu tun hat möchte ich diesen Punkt nicht weiter spezifizieren. Hier ist Dir als „Webmaster“ jede Freiheit gegeben.

Die Datenübergabe #1

erfolgt von Deiner vorgeschalteten Seite auf Deine Seite, welchen den Vergleichsrechner einbindet. Wie genau Du dies technisch realisierst ist ebenfalls Dir überlassen. Als Programmierer mit Web-Erfahrung bzw. als „Webmaster“ im Fortgeschrittenen- oder Profi-Bereich sollte dieser Schritt aber keine Hürde darstellen dürfen.

Die Datenübergabe #2

ist der eigentlich interessante Teil. Hierbei geht es darum einen Wert X zur Vorbelegung eines Feldes Y an den Vergleichsrechner zu übergeben. Den Wert X hast Du bereits erfolgreich durchgeschliffen und ggf. plausibilisiert und / oder manipuliert. Es bleiben also 2 Fragen offen: 1. Wie erfahre ich die „Feldnamen“, die ich einem Vergleichsrechner übergeben kann? Und 2. Wie kann ich die Feldnamen sowie den Wert mit der JS-API an den Vergleichsrechner übergeben?

Wie erfahre ich die „Feldnamen“, die ich einem Vergleichsrechner übergeben kann?

Prinzipiell kannst Du die Feldnamen einfach dem Seitenquelltext des jeweiligen Vergleichsrechners selbst entnehmen. Die zu übergebene Variable ist hierbei identisch mit dem Namen des zu belegenden Elementes ohne den ersten Prefix sowie dem darauffolgenden Unterstrich. Wenn das Element also den Namen „input_Vertrag_anzahl_form“ trägt, wäre der Name der zu übergebenen Variable „Vertrag_anzahl_form“. Eine Ausnahme stellen hier Datumsfelder dar. Diesen übergibst Du bitte nicht Tag, Monat und Jahr einzeln sondern nach der o.g. Regel lediglich einmal einen gültigen Timestamp. Select-Elemente enthalten keinen wegzukürzenden Prefix im Namen. Wie genau die Werte übergeben werden müssen, können Sie der folgenden Tabelle entnehmen.

Typ	Erwarteter Wert
input type=“text“	String
input type=“radio“	Value des gew. Radio-Elementes
input type=“checkbox“	„1“ oder „0“
select	Value der gew. Option
Datums-Felder	Timestamp