Zet de kaartspel widget op jouw website
Waarom dit kaartspel & deze widget?
Met jou, voor de club is een kaartspel dat verenigingen helpt het gesprek over een sociaal veilige sportomgeving op gang te brengen. Met prikkelende vragen en stellingen voor bestuurders, trainers, sporters en supporters wordt het onderwerp laagdrempelig, positief en concreet.
- Actief laten zien dat jullie vereniging werkt aan een veilige sportomgeving.
- Bewustwording vergroten: prikkel bezoekers op een laagdrempelige manier om het gesprek over een veilige sportomgeving te starten.
De campagne Met jou, voor de club biedt informatie en praktische tips voor iedere doelgroep. Lees verder en ontdek hoe het kaartspel past bij:
Stap 1 — Kies doelgroep(en)
Selecteer welke kaarten zichtbaar zijn. Laat alles aan voor het volledige spel of kies 1–3 doelgroepen die het beste bij je pagina passen.
Stap 2 — Grootte & opties
Kies een compacte of royale weergave en bepaal of de 🃏 Jokers (ondersteunende kaarten) worden getoond.
- Schuif de regelaar tot de widget mooi in je layout past (tussen 300–600 px).
- Vink “Jokers” uit als je alleen de vier hoofddoelgroepen wilt tonen.
Live voorbeeld
Voorbeeld van de widget met je huidige selectie. Dit is een échte embed, inline op deze pagina.
Stap 3 — Plak deze code op je site
Kopieer de embed en plaats hem op de plek waar de widget zichtbaar moet zijn (bijv. in je CMS, onder “HTML”, “Insluiten” of “Code”).
<div id="mjvdc-widget" data-size="360"></div>
<script src="https://kaartspel.sport-id.nl/widget-embed.js" async></script>- Kopieer de code met de knop hierboven.
- Plaats de code in je pagina of CMS (in een HTML-blok of template).
- Publiceer de pagina en controleer of de widget goed laadt.
utm_source, utm_medium, utm_campaign, utm_content).
Veelgestelde vragen
Waar kan ik de widget het beste plaatsen?
Plaats de embed op pagina’s die inhoudelijk matchen met de doelgroep (bijv. trainerspagina, bestuurspagina of nieuwsbericht over sociale veiligheid). Zet hem bij voorkeur boven de vouw of direct na de inleiding.
Hoe koppel ik dit aan analytics of campagnes?
De widget voegt automatisch UTM-parameters toe aan de CTA-link. Zorg dat je webanalytics (bijv. GA4) campagneparameters meet. Je vindt resultaten onder acquisitie/campagnes.
Is de widget toegankelijk?
De embed respecteert de host-omgeving. Zorg voor voldoende kleurcontrast in je site en voor een duidelijke aria-label als je het div-element in een complexe layout nestelt.
Mag ik meerdere widgets op één pagina gebruiken?
Ja, maar geef elk widget-div een uniek id (bijv. mjvdc-widget-1, mjvdc-widget-2) en laad het script één keer. Deze generator maakt standaard één embed aan.
Kan ik de stijl verder aanpassen?
Gebruik bij voorkeur de standaardstijl voor consistentie met de campagne. Wil je in CSS afwijken, doe dat rondom de container waarin je de widget plaatst.