Demo banners

Onderstaande banners zijn eenvoudig te plaatsen op iedere gewenste plek op uw website.

De banners hebben jQuery nodig om te functioneren. Maakt u nog geen gebruik van jQuery, plaats deze dan binnen uw website.

<head> <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script> </head>

Daarna kunt u de javascript module toevoegen.

<head> <script type="text/javascript" src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="https://cdn.leadfactor.nl/banner/latest.js"></script> </head>

Banner 300px x 250px

Voorbeeld code:

<div id="leadfactor-banner-1"></div> <script type="text/javascript"> $(function() { leadfactor.init({ selector: '#leadfactor-banner-1', // jQuery selector van container element width: '300', // Breedte, volgens voorgedefinieerde formaten height: '250', // Hoogte, volgens voorgedefinieerde formaten apiKey: '{api sleutel hier}', // De verkregen API sleutel site: '{website hier, bijv: watkosttest.nl}', // De domeinnaam van de desbetreffende website text_title: 'Vergelijk :keyword', // Text: Titel text_keywordslabel: 'Vul uw plaatsnaam in', // Text: Plaatsnamen label text_keywordsplaceholder: 'Bijv. Amsterdam', // Text: Plaatsnamen placeholder text_categorylabel: 'Selecteer categorie', // Text: Categorie label text_submit: 'Ga verder', // Text: Submit button text_keyword: 'hoveniers' // Text: Vervangt :keyword voor deze waarde }); }); </script>

Banner 728px x 160px

<div id="leadfactor-banner-2"></div> <script type="text/javascript"> $(function() { leadfactor.init({ selector: '#leadfactor-banner-2', // jQuery selector van container element width: '728', // Breedte, volgens voorgedefinieerde formaten height: '160', // Hoogte, volgens voorgedefinieerde formaten apiKey: '{api sleutel hier}', // De verkregen API sleutel site: '{website hier, bijv: watkosttest.nl}', // De domeinnaam van de desbetreffende website text_title: 'Vergelijk :keyword', // Text: Titel text_keywordslabel: 'Vul uw plaatsnaam in', // Text: Plaatsnamen label text_keywordsplaceholder: 'Bijv. Amsterdam', // Text: Plaatsnamen placeholder text_categorylabel: 'Selecteer categorie', // Text: Categorie label text_submit: 'Ga verder', // Text: Submit button text_keyword: 'hoveniers' // Text: Vervangt :keyword voor deze waarde }); }); </script>

Banner 160px x 600px

<div id="leadfactor-banner-3"></div> <script type="text/javascript"> $(function() { leadfactor.init({ selector: '#leadfactor-banner-3', // jQuery selector van container element width: '160', // Breedte, volgens voorgedefinieerde formaten height: '600', // Hoogte, volgens voorgedefinieerde formaten apiKey: '{api sleutel hier}', // De verkregen API sleutel site: '{website hier, bijv: watkosttest.nl}', // De domeinnaam van de desbetreffende website text_title: 'Vergelijk :keyword', // Text: Titel text_keywordslabel: 'Vul uw plaatsnaam in', // Text: Plaatsnamen label text_keywordsplaceholder: 'Bijv. Amsterdam', // Text: Plaatsnamen placeholder text_categorylabel: 'Selecteer categorie', // Text: Categorie label text_submit: 'Ga verder', // Text: Submit button text_keyword: 'hoveniers' // Text: Vervangt :keyword voor deze waarde }); }); </script>

Banner 300px x 600px

<div id="leadfactor-banner-4"></div> <script type="text/javascript"> $(function() { leadfactor.init({ selector: '#leadfactor-banner-4', // jQuery selector van container element width: '300', // Breedte, volgens voorgedefinieerde formaten height: '600', // Hoogte, volgens voorgedefinieerde formaten apiKey: '{api sleutel hier}', // De verkregen API sleutel site: '{website hier, bijv: watkosttest.nl}', // De domeinnaam van de desbetreffende website text_title: 'Vergelijk :keyword', // Text: Titel text_keywordslabel: 'Vul uw plaatsnaam in', // Text: Plaatsnamen label text_keywordsplaceholder: 'Bijv. Amsterdam', // Text: Plaatsnamen placeholder text_categorylabel: 'Selecteer categorie', // Text: Categorie label text_submit: 'Ga verder', // Text: Submit button text_keyword: 'hoveniers' // Text: Vervangt :keyword voor deze waarde }); }); </script>

Banner 970px x 250px

<div id="leadfactor-banner-5"></div> <script type="text/javascript"> $(function() { leadfactor.init({ selector: '#leadfactor-banner-5', // jQuery selector van container element width: '970', // Breedte, volgens voorgedefinieerde formaten height: '250', // Hoogte, volgens voorgedefinieerde formaten apiKey: '{api sleutel hier}', // De verkregen API sleutel site: '{website hier, bijv: watkosttest.nl}', // De domeinnaam van de desbetreffende website text_title: 'Vergelijk :keyword', // Text: Titel text_keywordslabel: 'Vul uw plaatsnaam in', // Text: Plaatsnamen label text_keywordsplaceholder: 'Bijv. Amsterdam', // Text: Plaatsnamen placeholder text_categorylabel: 'Selecteer categorie', // Text: Categorie label text_submit: 'Ga verder', // Text: Submit button text_keyword: 'hoveniers' // Text: Vervangt :keyword voor deze waarde }); }); </script>

Banner generator

Bovenstaande banner formaten kunnen ook gegenereerd worden. Gebruik hiervoor onderstaand formulier. Vergeet niet de module uit de eerste stap ook toe te voegen.