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. 
<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>
So sieht es aus:
Zum Budgetrechner (link)

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>
So sieht es aus:
Zum Konditionsrechner (link)

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>
So sieht es aus:
Zum Nebenkostenrechner (link)

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>
So sieht es aus:
Zum Mieten/Kauf Vergleichsrechner (link)

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>
So sieht es aus:
Zum Leadformular (link)

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>
So sieht es aus:
Zum repräsentativen Beispiel (link)

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.

Mögliche Klassen
  • baufilead_darlehenssumme
  • baufilead_anschaffungskosten
  • baufilead_postleitzahl
  • baufilead_ort
  • baufilead_objektart
  • baufilead_finanzierungszweck
Optionen für Objektart
baufilead_objektart
  • WOHNUNG
  • EIN_ODER_ZWEI_FAMILIEN_HAUS
  • MEHRFAMILIENHAUS
  • GRUNDSTUECK
Optionen für 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. 
<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. 
<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. 
<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: