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.

Stad

Genre

Podium

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-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-city	Filter op stad-slug (bijv. amsterdam, rotterdam).
data-genre	Filter op genre-slug (bijv. metal, pop, dance).
data-venue	Filter op podiumnaam.
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, en of de.
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?city=amsterdam&genre=metal&limit=10&lang=nl

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