Timetable/blokkenschema op je website
Het zelf bouwen van een interactief, gebruiksvriendelijk en beheersbaar blokkenschema dat in elke browser en op elk schermgrootte en device goed werkt, is een tijdrovende en kostbare klus dat snel in de papieren gaat lopen. Dat weten wij als geen ander, want die investering hebben wij al gedaan en die onverwachte kosten of valkuilen zijn wij allang ingestapt (en weer uitgeklommen)! Dus waarom niet gebruik maken van onze kant-en-klare oplossing op je bestaande website en flink besparen op de ontwikkelkosten? Deze integratie heb je zo aan de praat!
Ondersteun je mijn CMS of programmeertaal ook?
Ja, alle CMS-en zoals Wordpress, Drupal, Typo3 en elk platform PHP (Laraval, Symfony), Python (Django) .NET, Java of Javascript worden ondersteund. Staat die hier niet tussen? Welke technieken of CMS je ook gebruikt; Kan je website een iframe tonen? Dan is het mogelijk een blokkenschema van ons te integreren.
Het is ook mogelijk blokkenschema.nl te gebruiken binnen een iPhone app of Android app.
Show me some code
Het insluiten of embedden van een blokkenschema is een eitje met onderstaande embed html/js code instructie.
- Plaats onderstaande hyperlink in de body van je website op de plek waar je het blokkenschema wilt gaan tonen. Bij voorkeur in een div waar jij de hoogte en breedte van bepaalt :
Vervang de naam en de url door de naam en url van jouw blokkenschema en de gewenste dag. - Zet onderop, vlak voor de sluitende </body> tag deze javascript verwijzing neer :
Dit zorgt ervoor dat op de plaats van de hyperlink uit stap 1 een iframe terecht komt met een functioneel blokkenschema. - Klaar. Wil je de integratie weer ongedaan maken, verwijder dan de code uit stap 1 en 2.
Wil je maatwerk vormgeving? Dat is via CSS te regelen. De blokkenschema markup in het iframe hebben duidelijke id's en classnames die je kunt targetten. Nog specifiekere wensen? Neem onderop contact op.
Voorbeelden in het wild
Hieronder staan twee demo's die het resultaat van bovenstaande embed instructie laten zien. Doe vooral view-source!
- Uitgekleed voorbeeld, minimalistisch voorbeeld (met lorem ipsum) waarin dag 1 van Pukkelpop 2019 wordt geïntegreerd en je eenvoudig ziet hoe dit werkt.
- Aangekleed voorbeeld, dit is een wat aangekleder voorbeeld en toont de integratie in een kopie van de 5 mei Bevrijdingspop 2019 website.
Let op referer en Content Security Policy
Wanneer je het uitgeklede of aangeklede voorbeeld copyeert en ter test serveert dan zal het blokkenschema niet worden geladen! Wij stellen per integratie in vanaf welke domeinnamen de integratie is toegestaan en zal je browser weigeren het iframe in te laden. Voor deze twee voorbeelden mag dit alleen vanaf maketime.nl (waar de voorbeelden draaien). Dit is om ongeoorloofd gebruik te voorkomen.
Het embed code voorbeeld bovenaan (met bevrijdingspop-2022) werkt wel vanaf elk domein en zou je wel ter test kunnen gebruiken vanaf andere domeinen (zolang het maar https is).
Standalone
Het is ook mogelijk het blokkenschema in een popin of nieuw venster en zonder onze headers en footers te tonen. Het blokkenschema ziet er dan net zo uit in de iframe weergave, maar dan in een nieuwe venster. Je ontvangt hiervoor van ons de juiste URL.