Mietrechner Einbau

English translation: Copy the entire text of this page to DeepL. We think DeepL translates this text quite well.

Account-Name: wrn-fmz
Komponenten-Variante: immobilienseite-direkt

Inhalt

Hier wird Ihnen gezeigt, wie die Komponente in eine HTML-Seite eingebaut wird. Sie können sich den Einbau auch in dieser Beispielseite ansehen.

Datenschutz

Es wird eine Web-Schrift von Google-Fonts geladen. Unseres Wissens wird dabei aber kein Cookie gesetzt. Wir setzten ein Session-Cookie mit einer ID, um die Einstellungen während der Browser-Session nicht zu verlieren. Dieses Session-Cookie dient nicht dem Tracking und wird beim Schließen des Browsers automatisch gelöscht. Die Anzahl der Aufrufe der Komponente wird gezählt.

Beispiel(e)

Diese Seite enthält ein funktionierendes Beispiel für den Einbau der Komponente in eine HTML-Seite. Bitte sehen Sie sich den Quellcode dieser Seite oder der Beispielseite an.

Standardbeispiel - alles kommt von Infina

Das ist die bevorzugte Einbau-Variante.

Dieses Beispiel in einer ZIP-Datei herunterladen

Es werden alle notwendigen Dateien vom Infina-Webserver geladen. Die Dateien sind immer aktuell. Sie müssen sich nur darum kümmern, dass die Objektkosten/Mietkosten korrekt eingetragen werden.

<div class="infina-mietrechner-iframe-container"
  data-nettomiete="900"
  data-account="wrn-fmz"
  data-variant="immobilienseite-direkt"
></div>
<script type="text/javascript"
  src="https://webtools.infina.at/embed/mietrechner_iframe/wrn-fmz/immobilienseite-direkt/mietrechner-einbau.js"
></script>

JavaScript

Das JavaScript mietrechner-einbau.js muss unbedingt mit eingebaut werden. Dieses Skript erstellt das Iframe und übergibt die Parameter an die Komponente. Viel wichtiger: Es dient der automatischen Anpassung der Höhe des Iframes. Wird einfach nur manuell ein Iframe in die Seite eingebaut, wird sich die Höhe des Iframes nicht automatisch anpassen können.

Attribute

class

Die Klasse des DIV-Tags muss infina-mietrechner-iframe-container sein. Das JavaScript mietrechner-einbau.js durchsucht die Seite nach Containern die damit gekennzeichnet wurden.

data-objektkosten (nur bei Kreditrechnern)

Ganzzahl. Das Attribut data-objektkosten sollte angegeben werden, wenn der Preis einer Immobilie bekannt ist. Ansonsten sollte das Attribut komplett weg gelassen werden.

data-nettomiete (nur bei Mietrechnern)

Ganzzahl. Das Attribut data-nettomiete sollte angegeben werden, wenn die Nettomiete einer Immobilie bekannt ist. Ansonsten sollte das Attribut komplett weg gelassen werden.

data-account und data-variant

Diese beiden Attribute werden Ihnen von Infina zugewiesen und müssen übergeben werden.

Mehrfacheinbau

Sollte (aus irgend einem Grund) mehr als eine dieser Komponenten auf einer Seite eingebaut werden, dann muss darauf geachtet werden, dass das mietrechner-einbau.js-Skript nur einmal aufgerufen werden darf. Sollte versucht werden, dieses Skript mehrfach aufzurufen wird eine Fehlermeldung in die Konsole des Browsers geschrieben und nur die erste Komponente angezeigt.