Energietool voor publishers
Plaats de energievergelijker met één snippet op je eigen website. Alle aanbiedingen, tarieven en overstaplinks worden via Daisycon geladen — inclusief tracking op jouw media ID.
1. Plaats de code
Zet dit blok op de plek in je pagina waar de tool moet verschijnen. Vervang mediaId door jouw eigen media ID.
HTML
<script type="text/javascript" src="https://compare.daisycon.com/api/public/embed/energy.js"></script>
<div
class="dc-tool dc-energy-tool"
data-config='{"mediaId":345143,"locale":"nl-NL","colorPrimary":"#F0CA68","colorInPrimary":"#3E6158","colorSecondary":"#D63D62","colorTextPrimary":"#171717","colorTextSecondary":"#EE3E6D","buttonText":"Bekijk","filter":{"household":{"value":3},"tariffType":{"value":[]}}}'
></div>2. Instellingen
Alle opties staan in het data-config attribuut (JSON, met enkele quotes eromheen).
| Optie | Type | Beschrijving |
|---|---|---|
| mediaId | number | Jouw Daisycon media ID. Verplicht — hierop wordt de commissie geregistreerd. |
| locale | string | Taal van de tool. Momenteel alleen "nl-NL". |
| colorPrimary | hex | Hoofdkleur van buttons en accenten. |
| colorInPrimary | hex | Kleur van tekst/iconen op de hoofdkleur. |
| colorSecondary | hex | Secundaire accentkleur. |
| colorTextPrimary | hex | Kleur van de standaard tekst. |
| colorTextSecondary | hex | Kleur van secundaire tekst en labels. |
| buttonText | string | Tekst op de actieknop, bijvoorbeeld "Bekijk" of "Naar aanbieder". |
| filter.household.value | number | Standaard huishoudgrootte (aantal personen). |
| filter.tariffType.value | array | Voorselectie contracttype; leeg betekent alle types. |
Goed om te weten
- De tool is momenteel alleen beschikbaar in het Nederlands (nl-NL).
- De tool is responsive en past zich aan de breedte van je container aan.
- Plaats het script één keer per pagina, ook als je meerdere tools gebruikt.
- Vragen of een eigen kleurset nodig? Neem contact op met je Daisycon accountmanager.