Plaats een actuele concertagenda op je site — met één regel
Tourspider houdt elk aankomend concert en festival in Nederland en België bij. Plaats die agenda op je eigen website, gefilterd op stad, podium of genre — altijd actueel, in jouw stijl en gratis. Geen database, geen onderhoud, geen API-sleutels.
De deal: €0 voor altijd
Een volledig gehoste, zelf-actualiserende concertagenda voor je publiek. In ruil houd je één kleine “powered by Tourspider”-link zichtbaar. Dat is het hele contract.
- Jij krijgt: een mooie, realtime agenda-widget — gefilterd zoals je wilt.
- Wij krijgen: één creditlink terug naar Tourspider op je pagina.
- Installatie: ongeveer 60 seconden — plak één <script>-tag.
- Onderhoud: geen. Nieuwe shows verschijnen automatisch.
Wat het is
De Tourspider Concertagenda widget is een klein, in te sluiten blok met een chronologische lijst van aankomende livemuziek-events — gegroepeerd per dag, met artiest, podium, stad, genre en datum/tijd. Elke show linkt door naar de volledige pagina op Tourspider.
Jij bepaalt welke shows worden getoond: allemaal, of beperkt tot één stad, een specifiek podium, een genre of een zoekterm. De widget rendert in de stijl van Tourspider (donker of licht), is volledig responsive en past zijn hoogte automatisch aan je layout aan.
Waarom insluiten
Verse content, geen werk
Je agenda is altijd actueel. Wij voegen nieuwe concerten toe zodra ze zijn aangekondigd; jouw pagina werkt mee zonder dat je iets doet.
Houdt bezoekers langer vast
Een levende eventlijst geeft mensen een reden om terug te komen. Meer betrokkenheid, een plakkerigere site.
Hyperrelevant
Filter op je stad, podium of genre zodat de agenda precies bij je publiek past.
Echt één regel
Geen CMS-plugin, geen backend, geen API-sleutel, geen cronjobs. Plak één tag en je bent klaar.
In jouw stijl, responsive
Donker of licht thema, vloeiende breedte, automatische hoogte. Past in een zijbalk of volle breedte.
Gratis, voor altijd
Geen kosten, geen niveaus. De enige “prijs” is het behouden van de creditlink, die je bezoekers ook helpt meer shows te ontdekken.
Hoe het werkt
Je voegt één <script>-tag toe. Dat script doet twee dingen:
- Plaatst de agenda als een stijl-geïsoleerde iframe die zich automatisch aan de inhoud aanpast (geen interne scrollbalk).
- Voegt een kleine “Concertagenda powered by Tourspider”-link toe in je pagina, net onder de agenda — een echte, crawlbare backlink.
Snelstart
Plak dit waar de agenda moet verschijnen. Dat is de hele installatie:
<script async src="https://www.tourspider.nl/embed.js"
data-city="amsterdam"
data-genre="metal"
data-theme="dark"
data-lang="nl"></script>Wil je alles, ongefilterd? Laat de filter-attributen gewoon weg:
<script async src="https://www.tourspider.nl/embed.js"></script>Je kunt meerdere widgets op één pagina plaatsen (bijv. één per stad) — elke werkt los van de andere.
Instellingen
Alle opties zijn gewone HTML data-*-attributen op de <script>-tag. Elke is optioneel.
| Attribuut | Waarden | Wat het doet |
|---|---|---|
| data-city | stad-slug (bijv. amsterdam) | Toon alleen events in deze stad. |
| data-genre | genre-slug (bijv. metal) | Toon alleen events in deze genregroep. |
| data-venue | tekst | Toon alleen events op podia waarvan de naam deze tekst bevat. |
| data-q | tekst | Vrije-tekstfilter op artiest of titel (incl. support-acts). |
| data-limit | 1–50 (standaard 10) | Hoeveel aankomende shows worden getoond. |
| data-theme | dark · light (standaard dark) | Kleurenschema van de widget. |
| data-lang | nl · en · de (standaard nl) | Taal van de interface (daglabels, badges). |
| data-title | tekst | Optionele titel boven de lijst. |
| data-height | getal px (standaard 600) | Begin-hoogte van de iframe vóór auto-resize. |
Slugs zijn de kleine-letter, met streepjes gescheiden vorm uit de Tourspider-URL’s — het laatste deel van de URL is de slug. Een onbekende slug toont gewoon een lege lijst in plaats van een fout.
Liever je eigen ontwerp? Gebruik de JSON-API
Haal dezelfde data als JSON op en toon ze in je eigen templates en CSS. Dit is ook de meest SEO-vriendelijke optie, omdat je event-links direct in de HTML van je pagina staan. Houd de “powered by Tourspider”-creditlink uit de respons zichtbaar.
GET https://www.tourspider.nl/api/public/agenda?city=amsterdam&genre=metal&limit=10&lang=nl- CORS staat open (Access-Control-Allow-Origin: *) — roep het direct vanuit de browser aan.
- Responses zijn 5 minuten cachebaar; de limiet is ~120 verzoeken per minuut per IP plus een burst-grens.
- Queryparameters komen overeen met de widget: q, city, genre, venue, limit, lang.
Wat je moet doen
- Voeg de snippet toe (of roep de API aan) op een openbare HTTPS-webpagina.
- Houd de creditlink zichtbaar. De widget voegt automatisch “Concertagenda powered by Tourspider” toe — verberg of verwijder die niet.
- Scrape niet op grote schaal. De data is bedoeld om aan je bezoekers te tonen. Respecteer de limiet; cache liever dan te hameren.
Technische details
| Levering | Eén async-script vanaf /embed.js (enkele KB, geen dependencies). Het plaatst een <iframe> die naar /{lang}/embed/agenda wijst. |
| Auto-resize | De iframe stuurt zijn hoogte via postMessage naar de pagina; de loader controleert de origin en past de framehoogte aan. Geen interne scrollbalk. |
| Framing | De embed-route wordt geserveerd zonder X-Frame-Options en met frame-ancestors *, zodat hij op elk domein insluitbaar is. De rest van de site blijft frame-beveiligd. |
| Isolatie | De widget draait in een iframe, dus zijn CSS/JS kan nooit botsen met je pagina, en andersom. |
| SEO | De embed-pagina is noindex; de creditlink staat in de HTML van jóuw pagina, dus is het een normale, crawlbare backlink. |
| Privacy | De widget zet geen cookies en vraagt geen rechten. Klikken op een event opent Tourspider in een nieuw tabblad. |
| Anti-scraping | Geen paginering (max. 50 aankomende shows per aanroep) en burst- + duurlimieten per IP op zowel de widget als de API. |
| API-limieten | ~120 verzoeken/min per IP plus een burst-grens; 5 minuten cache; open CORS; alleen GET en OPTIONS. |
Gewone iframe (zonder script)
Blokkeert je CMS <script>-tags? Sluit de frame dan direct in. Je verliest automatische hoogte en de in-pagina creditlink, dus voeg zelf een creditlink toe:
<iframe src="https://www.tourspider.nl/nl/embed/agenda?city=amsterdam&limit=10&theme=dark"
style="width:100%;border:0;height:700px" loading="lazy" title="Concertagenda"></iframe>Veelgestelde vragen
- Is het echt gratis?
- Ja. Geen kosten en geen gebruiksniveaus. We vragen alleen of je de creditlink behoudt.
- Vertraagt het mijn pagina?
- Nee. Het script is klein en laadt async; de iframe laadt lazy. Het blokkeert het renderen van je pagina nooit.
- Kan ik het in mijn eigen stijl maken?
- Je kunt een donker of licht thema kiezen. Voor volledige controle over opmaak en stijl gebruik je de JSON-API en render je het zelf.
- Wat als er geen passende shows zijn?
- De widget toont een net “nog geen aankomende concerten”-bericht in plaats van een leeg vak of een fout.
- Kan ik meerdere steden op één pagina tonen?
- Ja — voeg meerdere snippets toe, elk met eigen filters. Ze werken los van elkaar.
- Waar komt de data vandaan?
- Uit de live eventdatabase van Tourspider — dezelfde bron als de openbare agenda. Nieuwe shows verschijnen automatisch; voorbije shows vallen weg.
Contact
Vragen, een maatwerk-integratie, of wil je uitgelicht worden als lanceringspartner?