Bei der Nutzung der Lead-Formulare im Frontend werden die folgenden JavaScript-Events emittiert, die bspw. für die Anbindung von Analytik/Statistik-Systemen genutzt werden können.
?> Die Registrierung der eigentlichen Event Listener, die sich auf das Lead-Generator-Containerelement beziehen, erfolgt ebenfalls innerhalb einer Listener-Funktion, die an das Event immonexLeadGen:initialized des window-Objekts gebunden ist.
Mit Ausnahme von immonexLeadGen:initialized enthält jedes Event ein Detail-Attribut mit zugehörigen Meta-Daten in Form von Werten oder Funktionsreferenzen.
immonexLeadGen:initialized (window)
Initialisierung des Lead Generators abgeschlossen (→ Registrierung von LeadGen-Container-Event-Listenern)
Beispiel
window.addEventListener("immonexLeadGen:initialized", function() {
document.getElementById("immonex-lead-generator").addEventListener(
// EventListener registrieren, der sich auf das Lead-Generator-Containerelement bezieht.
);
});immonexLeadGen:primaryPropertyTypeSelection_viewed
Anzeige der primären Immobilientyp-Auswahl (direkt nach dem Laden des Lead Generators innerhalb der Einstiegsseite)
Meta-Daten (detail)
formSetID(ID des Formularsets, Standard: 0)
Beispiel
window.addEventListener("immonexLeadGen:initialized", function() {
document.getElementById("immonex-lead-generator").addEventListener(
"immonexLeadGen:primaryPropertyTypeSelection_viewed",
function (e) {
console.log("LeadGen viewed");
console.log("Form Set ID: " + e.detail.formSetID);
}
);
});immonexLeadGen:propertyTypeForm_selected
Auswahl einer Objektart bzw. eines Immobilientyp-Formulars
Meta-Daten (detail)
formSetID(ID des Formularsets, Standard: 0)propertyTypeID(ID des Immobilientyps bzw. Formulars)formTitle(Titel des Formulars/Bezeichnung des Immobilientyps)
Beispiel
window.addEventListener("immonexLeadGen:initialized", function() {
document.getElementById("immonex-lead-generator").addEventListener(
"immonexLeadGen:propertyTypeForm_selected",
function (e) {
console.log("LeadGen property type form selected");
console.log("Form Set ID: " + e.detail.formSetID);
console.log("Property Type ID: " + e.detail.propertyTypeID);
console.log("Form Title: " + e.detail.formTitle);
}
);
});immonexLeadGen:propertyTypeForm_navigated
Navigation innerhalb eines Immobilientyp-Formulars (Wechsel zwischen Formularelementen/-seiten)
Meta-Daten (detail)
!> Bei den folgenden Angaben handelt es sich um Funktionsreferenzen – abschließende Klammern nicht vergessen!
formSetID()(ID des Formularsets, Standard: 0)propertyTypeID()(ID des Immobilientyps bzw. Formulars)formTitle()(Titel des Formulars/Bezeichnung des Immobilientyps)elementID()(ID/Seitennummer des Formularelements, zu dem navigiert wurde)elementTitle()(Titel des Formularelements, zu dem navigiert wurde)
Beispiel
window.addEventListener("immonexLeadGen:initialized", function() {
document.getElementById("immonex-lead-generator").addEventListener(
"immonexLeadGen:propertyTypeForm_navigated",
function (e) {
console.log("LeadGen navigated in property type form");
console.log("Form Set ID: " + e.detail.formSetID());
console.log("Property Type ID: " + e.detail.propertyTypeID());
console.log("Form Title: " + e.detail.formTitle());
console.log("Element ID: " + e.detail.elementID());
console.log("Element Title: " + e.detail.elementTitle());
}
);
});immonexLeadGen:propertyTypeForm_submitted
Übermittlung nach Absenden der per Immobilientyp-Formular erfassten Daten
Meta-Daten (detail)
!> Bei den folgenden Angaben handelt es sich um Funktionsreferenzen – abschließende Klammern nicht vergessen!
formSetID()(ID des Formularsets, Standard: 0)propertyTypeID()(ID des Immobilientyps bzw. Formulars)formTitle()(Titel des Formulars/Bezeichnung des Immobilientyps)status()(Übermittlungsstatus: success bei erfolgreicher Übermittlung der Anfrage, error bei Fehler)
Beispiel
window.addEventListener("immonexLeadGen:initialized", function() {
document.getElementById("immonex-lead-generator").addEventListener(
"immonexLeadGen:propertyTypeForm_submitted",
function (e) {
console.log("LeadGen property type form submitted");
console.log("Form Set ID: " + e.detail.formSetID());
console.log("Property Type ID: " + e.detail.propertyTypeID());
console.log("Form Title: " + e.detail.formTitle());
console.log("Submission Status: " + e.detail.status());
}
);
});