Visa trafikinformation
direkt på din webbplats
Integrera realtidsdata om trafikhändelser, vägarbeten, olyckor och vägkameror på din webbplats — via Trafiknavet API.
Enkel setup
Kom igång på tre steg
Skapa ett konto
Registrera dig kostnadsfritt på Kollatrafiken. Logga sedan in och gå till Min sida → Embed-widgets för att komma igång.
Konfigurera din widget
Välj geografiskt område (hela Sverige, ett specifikt län, en kommun eller ett ritat område), händelsetyper och hur många händelser som ska visas.
Kopiera och klistra in
Du får en unik iframe-kod som du klistrar in var som helst på din webbplats. Trafikdata uppdateras sedan automatiskt dygnet runt eller avänds din token till att anropa vårt REST API
Välj din väg
Två sätt att integrera
Båda bygger på samma widget-token du skapar i Min sida.
En rad HTML räcker. Widgeten renderas av Kollatrafiken — du behöver ingen JavaScript, inget backend och ingen extra styling.
- En kodrad att klistra in
- Responsiv och mobilanpassad
- Stöder ljust och mörkt tema
- Noll underhåll — uppdateras automatiskt
Hämta data som JSON och bygg ditt eget gränssnitt. Samma token används i URL:en — ingen API-nyckel eller autentisering krävs.
- JSON-svar, valfritt programmeringsspråk
- Integrera i befintlig design
- Ingen autentisering behövs
- Endpoint:
api.trafiknavet.se/api/v1/embed/{token}/events
<!-- Klistra in detta på din webbplats --> <iframe src="https://kollatrafiken.se/embed/ditt-widget-token" width="100%" height="480" frameborder="0" loading="lazy" title="Trafikhändelser" ></iframe> <!-- Mörkt tema: lägg till ?theme=dark --> <!-- src="…/ditt-widget-token?theme=dark" --> <!-- Token skapar du i Min sida → Embed-widgets -->
// Hämta trafikhändelser via ditt widget-token // Token skapas i Min sida → Embed-widgets const token = 'ditt-widget-token'; const response = await fetch( `https://api.trafiknavet.se/api/v1/embed/${token}/events` ); const events = await response.json(); events.forEach(event => { console.log( event.messageTypeValue, event.location ); }); // Ingen API-nyckel eller auth-header krävs.
// Hämta trafikhändelser med PHP och Guzzle use GuzzleHttp\Client; $token = 'ditt-widget-token'; $client = new Client(); $response = $client->get( "https://api.trafiknavet.se/api/v1/embed/{$token}/events" ); $events = json_decode( $response->getBody(), true ); // Ingen Authorization-header behövs.
Vanliga frågor
Frågor & svar
Kom igång på några minuter
Skapa ett konto, konfigurera din widget och klistra in koden — allt självbetjäning.
Genom att använda embed-widgets och API godkänner du våra användarvillkor.