Hüttig & Rompf Snippets Dokumentation

Stand: März 2026

 
Support

Einbettung & Austausch Rechnerskripte

Wo kann ich das neue Rechner-Snippet konfigurieren?

Alle 6 neuen Rechner können ab jetzt von Ihnen selbst konfiguriert werden. Besuchen Sie dafür diese Seite: https://www.huettig-rompf.de/partner/online-marketing/

 

Wann sollte ich welches Snippet nehmen?

Sie können frei entscheiden, welches Snippet sie wählen. Hier ein paar Grundfunktionen erklärt:

1. Annuitätenrechner

Berechnet eine mögliche Finanzierung auf Basis des Kaufpreises eines realen Objekts und des Eigenkapitals.

2. Kreditrechner

Berechnet anhand einer möglichen monatlichen Rate eine potenzielle Kredithöhe.

3. Top-Zins Kachel

Zeigt Ihrem Kunden die aktuellen Top-Zins-Konditionen an, die sie über Hüttig & Rompf erhalten könnten.

4. Button Finanzierungsanfrage

Verlinkt, z.B. auf einer Ihrer Objektseiten, direkt zu unserer Antragsstrecke - Nach Absenden: ein Berater meldet sich umgehend bei Ihrem Kunden.

5. Kreditrechner + Top Zins 

Zeigt zusätzlich zur möglichen Kredithöhe den Top-Zins an.

6. Berater Kontakt Kachel

Zeigt Bild und Kontaktdaten Ihres persönlichen Hüttig & Rompf Beraters an, sowie eine direkte Verlinkung zur Antragsstrecke. Nach Absenden: Der Berater meldet sich umgehend bei Ihrem Kunden.

Ich habe ein Problem bei der Einbettung/Austausch des Rechner-Snippets

Wir haben für den Austausch der Rechnerskripte auf Ihrer Website ein Ticket-Tool eingeführt, an das Sie sich wenden können. Wir versuchen Ihr Anliegen dann zu lösen. 
Support

Anleitung Rechner-Snippet Austausch

hur_og_image_03
Anhand eines Beispiels zeigen wir Ihnen, wie Sie auf Ihrer Website die neuen Rechner-Snippets einbinden können.

Allgemein

Was ist ein Snippet?

Snippets sind kleine Bausteine, die Sie auf Ihrer Webseite einbinden können, um diese mit Diensten, Rechnern und Formularen von Hüttig & Rompf auszustatten. 

Die Funktionen der Snippets können unterschiedlich ausfallen, grundsätzlich binden Sie allerdings ein Javascript von Hüttig & Rompf ein, welches die komplette Logik für die Anzeige der Snippets auf Ihrer Webseite beinhaltet.
Als zweites Element platzieren Sie einen Embed Code, also einen Marker, der definiert, wo welches Snippet angezeigt werden soll. 

Sie speichern das Snippet in Ihrem CMS (= Content Management System; wie z.B. Wordpress) bzw. laden Ihre Änderungen auf den Server hoch und sind fertig. Wir kümmern uns um alle Bilder, Schriften und ähnliche Elemente. 

 

Einbindung

Script & Marker

Alle Hüttig & Rompf Snippets bestehen aus zwei Teilen. Zum einen das Script, welches alle Funktionen enthält, und zum anderen einen Marker, welcher die Stelle auf der Webseite bestimmt und zusätzliche Konfiguration enthält.

Script

Dieses Script wird entweder direkt vor dem Marker eingefügt oder bei mehreren Snippets global im Head der Website. Für alle Rechner, Formulare und Tools wird das allgemeine Snippet benötigt.

Dieses Script lädt zum einen alle benötigten Daten, um das gewünschte Snippet darzustellen und bietet zusätzlich die Möglichkeit für Hüttig & Rompf GmbH nachzuvollziehen, auf welchen Seiten das Snippet angeboten wird. 

Das Script kann immer nur einmal platziert werden. Bei mehrfachen Platzieren wird ein Fehler in der Konsole ausgegeben und es wird nur das zuerst eingebundene Script geladen. 

Marker

Der Marker sieht für jedes Snippet anders aus und hat verschiedene Einstellmöglichkeiten.

Einbindung Wordpress

Grundsätzlich empfehlen wir das einfügen das Scripts direkt in einem Child-Themen in der Header.php. Sollten Sie Divi, Elementor oder ähnliche Themes verwenden können Sie auch in den jeweiligen Einstellungen das Script dem Head hinzufügen.

Der Marker wird dann als Code/HTML Baustein in der Seite eingefügt. Vergessen Sie nicht die Platzhalter-Werte zu ersetzen.

Funktionen Snippet Script

init()

Beim initialen Aufruf werden alle benötigten Werte geladen. Darunter fallen zum Beispiel die aktuellen Zinssätze sowie ein Authentifizierungs-Token. 

Das Token wird dazu genutzt, um den User zu identifizieren und sicherzustellen, dass es sich um einen echten Nutzer und keinen Bot handelt.
Zudem wird hier ein serverseitiger Tracking-Ping an Google Analytics 4 gesendet.

findAddress()

Die gegebene Postleitzahl, entweder über die Konfiguration oder bei branded Rechnern über den Code, wird mit der Datenbank abgeglichen, um sicherzustellen, dass die korrekten Nebenkosten berechnet werden.

origin()

Sammelt Daten für die Weiterverarbeitung, um bei einem Lead (= komplett ausgefülltes Kontaktformular, welches abgesendet wurde) die Daten zuweisen zu können. Dabei wird die aktuelle Seite, Makler und Projekt übertragen. Keine Benutzerdaten zu diesem Zeitpunkt.

Buttons & Links

Besucher Absprung

Um die Absprungrate für Makler und die Webseite zu reduzieren, sind die meisten Buttons und Links Modale. Das bedeutet dass sich PopUp Fenster auf der eigenen Seite öffnen und der User Ihre Website nicht verlassen muss.  Somit verbleibt der Besucher auf der aktuellen Seite und erhöht somit die Verweildauer. Dies kann sich positiv auf das SEO Rating auswirken.

Angebot anfordern

In einem Modal wird ein Formular geöffnet. Nach dem Ausfüllen und Absenden werden alle Daten inklusive des Ergebnisses des Rechners an Hüttig & Rompf geleitet. Ist die Postleitzahl, Niederlassung oder Berater bekannt, wird dies ebenso für die Zuordnung weitergeleitet. Die Daten werden ausschließlich an Hüttig & Rompf übermittelt.

Sprache

Hüttig & Rompf Rechner sind größtenteils auf Englisch übersetzt. Das Snippet richtet sich dabei nach der Sprache der Webseite, welche üblicherweise vom lang attribute im gesteuert wird. Formulare werden zum aktuellen Stand nur in Deutsch angeboten.

Datenschutz

Wir übermitteln die Kundendaten SSL verschlüsselt zwischen Ihrer Webseite und unserem Server, die Formulare sind nach dem aktuellen technischen Stand gegen Hacking (CSRF etc.) geschützt.

Alle Snippets verfügen zudem über einen direkt ersichtlichen Link, der zumeist: “Datenschutzerklärung von Hüttig & Rompf öffnen”, oder lediglich “Datenschutz” genannt wird. Bei Klick auf diesen Link öffnet sich die komplette Datenschutzerklärung von Hüttig & Rompf.

DSGVO

Um der DSGVO gerecht zu werden, empfehlen wir grundsätzlich die Snippets erst nach Akzeptieren des Consent/Cookie Banners zu laden. Sollte der Benutzer dem Laden externer Inhalte widersprechen, sollte ein Platzhalter dargestellt werden, welcher die Möglichkeit gibt, das Hüttig & Rompf Snippet nachzuladen. Der Text könnte folgendermaßen Formuliert sein:

Bei Klick wird der von Hüttig & Rompf GmbH bereitgestellter Inhalt von externen Servern geladen. Details siehe Datenschutzerklärung.

Datenschutz Snippet

Alle Infos zum Thema Datenschutz finden Sie hier