Plaats de Tourspider-concertagenda

Voeg gratis een actuele agenda met aankomende concerten toe aan je site. Eén regel code, geen onderhoud.

Bouw je widget

Pas de opties aan en kopieer de code. Het voorbeeld werkt direct mee.

Widget-sleutel

Elke widget heeft een sleutel nodig. Heb je er nog geen? Vraag er gratis een aan.

Stad

Genre

Podium

Artiest

Festival

Aantal

Grootte

Thema

Taal

Titel

Soort code

De agenda past zijn hoogte automatisch aan de inhoud aan.

Jouw embed-code

<script async
  src="https://www.tourspider.nl/embed.js"
  data-key="YOUR_KEY"
  data-limit="10"
  data-theme="dark"
  data-lang="nl"></script>

Door de widget te plaatsen ga je ermee akkoord de link “Concertagenda powered by Tourspider” zichtbaar te houden.

Voorbeeld

Live voorbeeld — werkt direct mee, weergegeven vanaf deze site.

Stel de widget in met data-*-attributen:

Attribuut	Wat het doet
data-key	Verplicht. Je widget-sleutel — vraag er hierboven gratis een aan.
data-city	Filter op stad-slug (bijv. amsterdam, rotterdam).
data-genre	Filter op genre-slug (bijv. metal, pop, dance).
data-venue	Filter op podiumnaam.
data-artist	Filter op artiest-slug (bijv. de-staat) — alle komende shows, ook als voorprogramma.
data-group	Filter op festival-slug (bijv. lowlands-2027) — het hele programma van die editie.
data-q	Vrije tekst op artiest of titel.
data-limit	Aantal shows (1–50, standaard 10).
data-size	compact voor de kleinere variant zonder afbeeldingen; anders standard.
data-theme	dark (standaard) of light.
data-lang	Taal van de widget: nl of en.
data-title	Optionele titel boven de lijst.

Haal dezelfde data als JSON op en toon ze in je eigen template. Houd de “powered by Tourspider”-link zichtbaar.

GET https://www.tourspider.nl/api/public/agenda?key=YOUR_KEY&city=amsterdam&genre=metal&limit=10&lang=nl

Meer nodig? De uitgebreide handleiding behandelt alle opties, de techniek erachter en veelgestelde vragen.