Titel, locatie, datum en tijd, tijdzone, herhaling, genodigden, meldingen en notities — download daarna het .ics-bestand of open het direct in je agenda. Je kunt ook een planning plakken of een document of foto toevoegen om meerdere evenementen tegelijk te maken.
Hoe plaats ik een add-to-calendar-knop of event builder op mijn eigen site?
De builder van ICS Maker wordt geleverd als op zichzelf staand script: één leeg element, één script-tag die verwijst naar event-creator.js, en één EventCreator.mount()-aanroep — geen buildstap, geen framework, geen account, geen sleutel en geen limiet per weergave. De bundel is een enkele op zichzelf staande IIFE van minder dan 85 kB gzipped met de renderbibliotheek inbegrepen, en doet helemaal geen netwerkverzoeken: geen analytics, geen lettertypen, geen CDN, dus het voegt geen origin toe aan een Content-Security-Policy en geen paragraaf aan een privacybeleid. Elke kleur, radius en lettertype is een CSS custom property onder .ec-root, dark mode volgt de eigen voorkeur van de bezoeker, en een React-site kan de component direct renderen in plaats van de bundel te laden.
Eén script-tag
<div id="event-creator"></div>
<script src="https://icsmaker.com/event-creator.js"></script>
<script>
EventCreator.mount('#event-creator', { showPreview: false });
</script>De bundel bevat zijn eigen rendering, zijn eigen stijlen en geen afhankelijkheden die je hoeft te installeren. Hij communiceert met niets — geen analytics, geen lettertypen, geen CDN — dus het privacybeleid van je pagina heeft geen nieuwe paragraaf nodig, en een strikt Content-Security-Policy geen nieuwe origin.
Het laten aansluiten bij je site
Elke kleur, radius en lettertype is een CSS custom property onder .ec-root, dus het overschrijven van --ec-accent is meestal het hele themawerk. Het volgt vanzelf de dark-mode-voorkeur van de bezoeker, en het voorbeeldpaneel kan worden uitgeschakeld met showPreview: false als de ruimte krap is.
Gebruik je al React?
Sla de bundel over en render de component direct — dezelfde formulierlogica, één kopie minder van de renderbibliotheek op de pagina.
Vragen
- Stuurt de embed iets naar jullie servers?
- Nee. Het is een statisch bestand dat volledig draait in de browser van de bezoeker: geen analytics, geen telemetrie, geen verbindingen naar huis. Je kunt de bundel zelf hosten als je hem liever niet van dit domein laadt.
- Hoe groot is het?
- Minder dan 85 kB gzipped, inclusief renderbibliotheek, en het laadt na je pagina in plaats van deze te blokkeren. De build faalt als de bundel ooit groter wordt dan dat, dus het getal op deze pagina kan niet stiekem onwaar worden.
- Kan ik beperken welke formaten bezoekers kunnen downloaden?
- De mount-aanroep accepteert opties — een standaardformaat, een standaarddatum, een vooraf ingevuld concept, en of het voorbeeld getoond wordt — en de React-component accepteert dezelfde opties als props.