Ihre Anleitung zur Einbindung von Baufi Lead
Erster Schritt
Zur Nutzung von Baufi Lead binden Sie das folgende <script> Element in die Webseite ein:
<html>
<head>
...
</head>
<body>
...
<!-- Das script-Tag am Ende des body-Tags einfügen -->
<script type="text/javascript" src="imports.js"></script>
</body>
</html>
Zinstableau
Um das Zinstableau anzuzeigen, versehen Sie ein beliebiges HTML Element mit der Klasse "baufilead_zinstableau".
Das Zinstableau verwendet ein fluid-Design und passt sich somit dynamisch an den zur Verfügung stehenden Platz an.
Das Zinstableau verwendet ein fluid-Design und passt sich somit dynamisch an den zur Verfügung stehenden Platz an.
<body>
...
<div class="baufilead_zinstableau"></div>
...
</body>
So sieht es aus:
Budgetrechner
Um den Budgetrechner anzuzeigen, versehen Sie ein beliebiges HTML Element mit der Klasse
"baufilead_budgetrechner".
<body>
...
<!-- Die Klasse an ein beliebiges Element innerhalb des <body> Elements anhängen -->
<!-- Beispiel für Link -->
<a href="javascript:void(0);" class="baufilead_budgetrechner">Zum Budgetrechner (link)</a>
<!-- Beispiel für Button -->
<button href="javascript:void(0);" class="baufilead_budgetrechner">Zum Budgetrechner (button)</button>
...
</body>
Konditionsrechner
Um den Konditionsrechner anzuzeigen, versehen Sie ein beliebiges HTML Element mit der Klasse
"baufilead_konditionsrechner".
<body>
...
<!-- Die Klasse an ein beliebiges Element innerhalb des <body> Elements anhängen -->
<!-- Beispiel für Link -->
<a href="javascript:void(0);" class="baufilead_konditionsrechner">Zum Konditionsrechner (link)</a>
<!-- Beispiel für Button -->
<button href="javascript:void(0);" class="baufilead_konditionsrechner">Zum Konditionsrechner (button)</button>
...
</body>
Nebenkostenrechner
Um den Nebenkostenrechner anzuzeigen, versehen Sie ein beliebiges HTML Element mit der Klasse
"baufilead_nebenkostenrechner".
<body>
...
<!-- Die Klasse an ein beliebiges Element innerhalb des <body> Elements anhängen -->
<!-- Beispiel für Link -->
<a href="javascript:void(0);" class="baufilead_nebenkostenrechner">Zum Nebenkostenrechner (link)</a>
<!-- Beispiel für Button -->
<button href="javascript:void(0);" class="baufilead_nebenkostenrechner">Zum Nebenkostenrechner (button)</button>
...
</body>
Mieten/Kauf Vergleichsrechner
Um den Mieten/Kauf Vergleichsrechner anzuzeigen, versehen Sie ein beliebiges HTML Element mit der Klasse
"baufilead_mietekaufvergleichsrechner".
<body>
...
<!-- Die Klasse an ein beliebiges Element innerhalb des <body> Elements anhängen -->
<!-- Beispiel für Link -->
<a href="javascript:void(0);" class="baufilead_mietekaufvergleichsrechner">Zum Mieten/Kauf Vergleichsrechner (link)</a>
<!-- Beispiel für Button -->
<button href="javascript:void(0);" class="baufilead_mietekaufvergleichsrechner">Zum Mieten/Kauf Vergleichsrechner (button)</button>
...
</body>
Lead Formular
Um das Lead Formular anzuzeigen, versehen Sie ein beliebiges HTML Element mit der Klasse
"baufilead_leadformular".
<body>
...
<!-- Die Klasse an ein beliebiges Element innerhalb des <body> Elements anhängen -->
<!-- Beispiel für Link -->
<a href="javascript:void(0);" class="baufilead_leadformular">Zum Leadformular (link)</a>
<!-- Beispiel für Button -->
<button href="javascript:void(0);" class="baufilead_leadformular">Zum Leadformular (button)</button>
...
</body>
Annahmen Repräsentatives Beispiel
Um die Annahmen des repräsentativen Beispiels anzuzeigen, versehen Sie ein beliebiges HTML Element mit der
Klasse "baufilead_annahmen".
<body>
...
<!-- Die Klasse an ein beliebiges Element innerhalb des <body> Elements anhängen -->
<!-- Beispiel für Link -->
<a href="javascript:void(0);" class="baufilead_annahmen">Zum repräsentativen Beispiel (link)</a>
<!-- Beispiel für Button -->
<button href="javascript:void(0);" class="baufilead_annahmen">Zum repräsentativen Beispiel (button)</button>
...
</body>
Weitere Optionen
Vorbelegung von Feldern
Auf der Seite, auf der Baufi Lead eingebunden ist, können <INPUT/> Elemente mit bestimmten Klassen versehen werden,
damit der Inhalt in den Konditionsrechner und das Leadformular übernommen wird.
damit der Inhalt in den Konditionsrechner und das Leadformular übernommen wird.
Mögliche Klassen
- baufilead_darlehenssumme
- baufilead_anschaffungskosten
- baufilead_postleitzahl
- baufilead_ort
- baufilead_objektart
- baufilead_finanzierungszweck
Optionen für Objektart
baufilead_objektart
baufilead_objektart
- WOHNUNG
- EIN_ODER_ZWEI_FAMILIEN_HAUS
- MEHRFAMILIENHAUS
- GRUNDSTUECK
Optionen für Finanzierungszweck
baufilead_finanzierungszweck
baufilead_finanzierungszweck
- KAUF
- BAU
- MODERNISIERUNG
- UMSCHULDUNG
<body>
...
<!-- Die jeweilige Klasse an ein entsprechendes <input> Element
innerhalb des <body> Elements anhängen -->
<div>Darlehenssumme:</div>
<input type="text" class="baufilead_darlehenssumme"/>
<div>Kaufpreis:</div>
<input type="text" class="baufilead_anschaffungskosten"/>
<div>Postleitzahl:</div>
<input type="text" class="baufilead_postleitzahl"/>
<div>Ort:</div>
<input type="text" class="baufilead_ort"/>
<div>Objektart:</div>
<select class="baufilead_objektart">
<option value="WOHNUNG">Wohnung</option>
<option value="EIN_ODER_ZWEI_FAMILIEN_HAUS">Ein- oder Zwei-Familienhaus</option>
<option value="MEHRFAMILIENHAUS">Mehr-Familienhaus</option>
<option value="GRUNDSTUECK">Grundstück</option>
</select>
<div>Finanzierungszweck:</div>
<select class="baufilead_finanzierungszweck">
<option value="KAUF">Kauf</option>
<option value="BAU">Bau</option>
<option value="MODERNISIERUNG">Modernisierung</option>
<option value="UMSCHULDUNG">Umschuldung</option>
</select>
<p/>
<button class="baufilead_konditionsrechner">zum Konditionsrechner</button>
...
</body>
So sieht es aus:
Darlehenssumme:
Kaufpreis:
Postleitzahl:
Ort:
Objektart:
Finanzierungszweck:
Lead Kampagne
Auf der Seite, auf der Baufi Lead eingebunden ist, kann eine JavaScript Variable "baufilead_kampagne" definiert
werden.
Der Inhalt dieser Variable wird in das Europace-System übergeben und kann im Vorgangsmanagement über den Filter Leadkampagne ausgewertet werden.
Der Inhalt dieser Variable wird in das Europace-System übergeben und kann im Vorgangsmanagement über den Filter Leadkampagne ausgewertet werden.
<body>
...
<script type="text/javascript">var baufilead_kampagne = "TOP2016";</script>
...
</body>
Tippgeber-ID
Auf der Seite, auf der Baufi Lead eingebunden ist, kann ein <INPUT/> Element mit der CSS-Klasse "baufilead_tippgeber_id" versehen werden.
Der Inhalt dieses Feldes wird in das Leadformular übernommen.
Die Tippgeber ID muss der Europace 2 Partner ID des Tippgebers entsprechen, um den Lead dem Tippgeber zuordnen zu können.
Die Tippgeber ID muss der Europace 2 Partner ID des Tippgebers entsprechen, um den Lead dem Tippgeber zuordnen zu können.
<body>
...
<div>Tippgeber ID:</div>
<input type="text" class="baufilead_tippgeber_id"/>
<p/>
<button class="baufilead_leadformular">zum Tippgeberformular</button>
...
</body>
So sieht es aus:
Tippgeber ID:
Tippgeber-ID
Auf der Seite, auf der Baufi Lead eingebunden ist, kann eine JavaScript Variable "baufilead_tippgeber_id" definiert werden. Der Inhalt dieser Variable wird in das Europace-System übergeben.
Die Tippgeber ID muss der Europace 2 Partner ID des Tippgebers entsprechen, um den Lead dem Tippgeber zuordnen zu können.
Die Tippgeber ID muss der Europace 2 Partner ID des Tippgebers entsprechen, um den Lead dem Tippgeber zuordnen zu können.
<body>
...
<script type="text/javascript">var baufilead_tippgeber_id = "ABC12";</script>
...
</body>
Angaben zur besten Kondition
Für die einzelnen Angaben muss zum Beispiel ein <span>, <div> oder <p> Element mit der jeweiligen Klasse versehen werden.
<body>
...
<!-- Die jeweilige Klasse an ein entsprechendes Element innerhalb des <body> Elements anhängen -->
<div>fester Sollzins:</div>
<div class="baufilead_beste_kondition_sollzins"></div>
<br/>
<div>effektiver Jahreszins:</div>
<div class="baufilead_beste_kondition_effektivzins"></div>
<br/>
<div>Zinsbindung:</div>
<div class="baufilead_beste_kondition_zinsbindung"></div>
<br/>
<div>monatliche Rate:</div>
<div class="baufilead_beste_kondition_monatliche_rate"></div>
<br/>
<div>Restschuld am Ende der Zinsbindung:</div>
<div class="baufilead_beste_kondition_restschuld"></div>
<br/>
<div>Nettodarlehensbetrag:</div>
<div class="baufilead_beste_kondition_nettodarlehensbetrag"></div>
<br/>
<div>Kosten der Immobilie:</div>
<div class="baufilead_beste_kondition_immobilienkosten"></div>
<br/>
<div>Summe der Zahlungen:</div>
<div class="baufilead_beste_kondition_summe_zahlungen"></div>
<br/>
<div>Grundbuchkosten:</div>
<div class="baufilead_beste_kondition_grundbuchkosten"></div>
<br/>
<div>Anzahl der Raten:</div>
<div class="baufilead_beste_kondition_ratenanzahl"></div>
<br/>
<div>Rückzahlungslaufzeit in vollen Jahren und restlichen Monaten:</div>
<div class="baufilead_beste_kondition_rueckzahlungslaufzeit"></div>
<br/>
<div>Datum der Konditionsermittlung:</div>
<div class="baufilead_beste_kondition_datum"></div>
<br/>
<div>genaue Zeitpunkt der Konditionsermittlung:</div>
<div class="baufilead_beste_kondition_zeitpunkt"></div>
...
</body>
So sieht es aus:
fester Sollzins:
effektiver Jahreszins:
Zinsbindung:
monatliche Rate:
Restschuld:
Nettodarlehensbetrag:
Kosten der Immobilie:
Summe der Zahlungen:
Grundbuchkosten:
Anzahl der Raten:
Rückzahlungslaufzeit in vollen Jahren und restlichen Monaten:
Datum der Konditionsermittlung:
genaue Zeitpunkt der Konditionsermittlung: