Caloriecalculator voor je eigen website

Op een sportblog of de website van een sportschool of vereniging kun je een kleine calculator zetten. Je bezoekers kiezen een activiteit, vullen hun gewicht en het aantal minuten in en zien meteen hun geschatte calorieverbruik. Onder de uitkomst staat altijd een link naar de pagina van die activiteit op calorieen-verbranden.nl, met alle tabellen.

De calculator toevoegen

Plak deze twee regels in de HTML van je pagina, op de plek waar de calculator moet komen. In dit voorbeeld staat hij vast op wandelen:

<div data-calorieen-verbranden="wandelen"></div>
<script async src="https://calorieen-verbranden.nl/calculator.js"></script>

Zet je meer calculators op dezelfde pagina, dan is één <script> genoeg. Laad je het script per ongeluk twee keer, dan krijg je toch geen dubbele calculators.

Attributen

• data-calorieen-verbranden="wandelen": zet de activiteit vast. De waarde is het laatste stuk van het adres van de pagina, zoals in calorieen-verbranden.nl/wandelen.
• data-calorieen-verbranden zonder waarde, of met een waarde die niet bestaat: geeft een keuzelijst met alle 71 activiteiten van deze site.

Meer opties zijn er niet. De calculator begint bij 70 kg en 60 minuten, werkt met een gewicht van 30 tot 250 kg en rekent per activiteit met de gangbaarste snelheid of intensiteit, die onder de titel staat (bij wandelen bijvoorbeeld 5 km/u). Hij neemt het lettertype en de tekstkleur van je pagina over en is hooguit 24 rem breed.

Live voorbeeld

De eerste calculator heeft een vaste activiteit, de tweede een leeg attribuut.

Gebruiksvoorwaarden

Je mag de calculator gratis op elke website gebruiken, ook een commerciële, zonder toestemming te vragen. De enige voorwaarde: de link naar calorieen-verbranden.nl blijft zichtbaar zoals hij verschijnt. Het script plaatst geen cookies, leest de opslag van de browser niet en maakt geen verbinding met andere servers. Alleen het script zelf wordt gedownload, en dat zet de server net als elk ander bezoek in het logbestand, zoals de privacyverklaring uitlegt. Het script volgt je bezoekers niet.

Als je site een beveiligingsbeleid (CSP) heeft

De beveiligingsheaders van je site regel je zelf. Stuurt je site een Content-Security-Policy mee, voeg dan https://calorieen-verbranden.nl toe aan script-src. De opmaak van de calculator zit in het script zelf en is afgeschermd van de opmaak van je pagina.

De cijfers zijn schattingen

De uitkomst is de MET-waarde van de activiteit maal het gewicht maal de uren: dezelfde formule als op de rest van deze site, uitgelegd bij de methode. Het is een benadering voor gezonde volwassenen: conditie, techniek en ondergrond veranderen het echte verbruik.