Overslaan en naar de inhoud gaan

Een widget toevoegen aan uw website

Een widget toevoegen via de embed code

U krijgt van ons een 'embed code' nadat u een Global header en footer of Hulpwidget aanvroeg. Deze ziet er als volgt uit:

<script type="text/javascript" src="//widgets.vlaanderen.be/widget/live/e0cadc1291264b35b7000002f59a0704">
</script>

  • Voor een Global header en footer krijgt u twee embed codes, namelijk eentje voor de header en eentje voor de footer. Het is steeds de bedoeling dat u beide gebruikt. Geen header zonder footer, geen footer zonder header. 
  • Voor een Hulpwidget krijgt u één embed code.

Deze code voegt u gewoon toe aan de html of html-templates van uw website. Deze integratie via 'embed code' is in feite een integratie via de client side. Het is de browser van uw bezoeker die de widget zal ophalen.

Taalattribuut

Vergeet hierbij zeker niet na te gaan of het HTML-element van uw website een taalattribuut bevat. Mocht dit ontbreken, dan zal de widget niet goed verschijnen.

<html lang="nl">     <!-- voor Nederlands -->
<html lang="fr">     <!-- voor Frans-->
<html lang="en">     <!-- voor Engels-->
<html lang="de">     <!-- voor Duits-->

 

Een widget toevoegen via 'Server Side Include'

De integratie via 'Server Side Include' is iets complexer dan via de 'embed code'.

Deze integratiemethode heeft een aantal voordelen omdat de embed code toegevoegd wordt aan uw server. Het zal dus de server zijn die de widget gaat ophalen en niet de browser van uw bezoeker. Dat zorgt voor betere laadtijden en een betere controle over de cache. Daarenboven krijgt uw server de verschillende assets (inhoud, javascript- en CSS-bestanden) afzonderlijk binnen. 

Deze manier van werken zal van u een extra integratie-inspanning vragen. In onze gedetailleerde technische documentatie over de 'Server Side Include' vindt u hiervoor de nodige informatie.

Een widget toevoegen via de Drupal module 'Widget Block'

Drupal-sites kunnen voor de integratie van een widget gebruik maken van de Widget Block module. Deze kunt u vrij downloaden op https://www.drupal.org/project/widget_block

Deze module bevat drie onderdelen:

  1. Widget Block: zorgt er voor dat een widget met behulp van Drupal block aan uw site toegevoegd kan worden
  2. Widget Block Cron: hiermee stelt u de periodiciteit in van de refresh
  3. Widget Block Page Cache: verzorgt het caching mechanisme

Een stabiele versie van deze module is voorlopig alleen beschikbaar voor Drupal 7. Binnenkort verschijnt ook een versie voor Drupal 8.

Configureren van de Widget Block

De Widget Block ondersteunt drie integratietypes, namelijk 'Embed', 'Server Side Include' en 'Smart Server Side Include'.

U kiest best de optie 'Smart Server Side Include'.