JavaScript-Events

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());
        }
    );
});

Hier geht's weiter ≫