Documentatie voor klanten en partners van Digitaal Vlaanderen - bouwstenen Mijn Burgerprofiel, Verenigingsloket en e-loketondernemers
Aanmeldmenu
Over het aanmeldmenu
De global header bevat een aanmeldmenu waar bezoekers kunnen aanmelden bij een van de hoofd-e-loketten (Mijn Burgerprofiel, e-loketondernemers.be, Verenigingsloket), bij een webtoepassing of bij een thematisch e-loket.
Daarnaast biedt het aanmeldmenu ook de mogelijkheid om te wisselen van doelgroep (burger, onderneming of vereniging).
Klikken op de link Aanmelden in de global header opent het aanmeldmenu.
Meer en meer browsers ondersteunen geen third-party cookies meer. Dit heeft een impact op de werking en de functionaliteiten van de global header.
Daarom leest u hieronder hoe de global header en het aanmeldmenu zich gedragen, zowel met als zonder werkende third-party cookies.
Aanmeldmenu
Het aanmeldmenu kan zich in aangemelde (Schermafbeeldingen 3, 4 en 5) en niet-aangemelde status (Schermafbeelding 6) bevinden.
In de aangemelde status kan de gebruiker zien of hij is aangemeld, en bij welke toepassing. Of de third-party cookies geblokkeerd worden of niet, heeft geen impact op hoe de aanmeldknop eruitziet.
Niet-aangemelde status | Aangemelde status |
---|---|
Schermafbeelding 6 | |
Aanmeldmenu - ingangen
Wanneer de bezoeker klikt Aanmelden, opent het aanmeldmenu.
Niet-aangemelde status | Aangemelde status |
---|---|
| Werkende third-party cookies |
Geblokkeerde third-party cookies | |
Het aanmeldmenu bevat de volgende ingangen:
Context
Toont bij welk e-loket of bij welke toepassing de gebruiker kan aanmelden (schermafbeelding 7).
Na aanmelden en als third-party cookies …
… niet zijn geblokkeerd, wordt de naam van de aangemelde bezoeker getoond (Schermafbeelding 8).
… wel zijn geblokkeerd, ziet de gebruiker alleen dat hij is aangemeld en de toepassing waarbij hij is aangemeld (Schermafbeelding 9).
Lees meer over waarom third-party cookies geblokkeerd kunnen zijn: Ondersteuning third-party cookies | Impact op de global header
Applicatief menu (optioneel)
In het applicatief menu kan de eigenaar van de gastwebsite extra links toevoegen aan het aanmeldmenu, naar bijvoorbeeld gerelateerde loketten of onderdelen van een loket.
De applicatieve links bevatten de volgende elementen:
Een icoon dat toont of de pagina achter de URL aanmelden vereist of niet.
Icoon | Betekenis |
---|---|
De pagina achter de link vereist geen aanmelden | |
De pagina achter de link vereist aanmelden |
Een label en URL (verplicht)
Een icoon dat toont dat de pagina opent in een nieuw venster.
(verplicht wanneer de pagina opent in een nieuw venster)
Icoon | Betekenis |
---|---|
De link opent in een nieuw venster |
Zie Aanmeldmenu | Applicatieve links om applicatieve links toe te voegen aan de global header.
Hoofd-e-loketten
Het aanmeldmenu bevat de links naar de digitale hoofdloketten van de Vlaamse overheid:
Mijn Burgerprofiel
E-loketondernemers.be
Verenigingsloket
Wanneer de bezoeker op een van deze links klikt, dan opent het gekozen hoofdloket in een nieuw tabblad.
Wisselen van account (doelgroep)
Wanneer een bezoeker namens meer dan één doelgroep kan aanmelden, dan verschijnt de link “Wisselen van account“. Deze link brengt de bezoeker naar het ACM-wisselscherm waar de bezoeker een andere doelgroep kan selecteren.
Afmelden
Wanneer een bezoeker afmeldt, dan meldt hij af bij de toepassing waarvoor aanmelden via de global header gebeurde.
Aanmeldmenu - gedrag in verschillende contexten
Het aanmeldmenu past zich aan in de volgende contexten:
gastwebsite zonder ACM-integratie
gastwebsite met ACM-integratie
een van de hoofd-e-loketten van de Vlaamse overheid
Gastwebsite zonder ACM-integratie
Op een gastwebsite, webtoepassing of e-loket zonder ACM-integratie verschijnt de global header met aanmeldmenu als volgt:
In het aanmeldmenu verschijnt standaard de knop om aan te melden bij Mijn Burgerprofiel.
Wanneer de bezoeker klikt op “Ga naar Mijn Burgerprofiel“, opent Mijn Burgerprofiel (https://www.burgerprofiel.be) in een nieuwe tab waar de bezoeker kan aanmelden bij Mijn Burgerprofiel.
Wanneer de bezoeker terugkeert naar de gastwebsite waar hij startte, dan ziet hij het global header met aanmeldmenu zoals in Schermafbeelding 10. De bezoeker zal hier niet aangemeld zijn. Dat komt omdat de bezoeker niet aangemeld kan zijn op een gastwebsite zonder ACM-integratie.
Gastwebsite mét ACM-integratie
Op een gastwebsite, webtoepassing of e-loket met ACM-integratie verschijnt de global header met aanmeldmenu als volgt:
Niet-aangemelde status | Aangemelde status |
---|---|
In het aanmeldmenu verschijnt de context (de toepassing of het e-loket) waarbij aangemeld kan worden. Wanneer de bezoeker klikt op “Aanmelden“, dan start de ACM-aanmeldflow om toegang te krijgen tot de toepassing, in dezelfde tab. De gastwebsite kan ervoor kiezen applicatieve links toe te voegen aan het aanmeldmenu, zie ook: Aanmeldmenu | Applicatief menu | Werkende third-party cookies |
In het aanmeldmenu ziet de bezoeker dat hij is aangemeld. Wanneer de gastwebsite meer dan één doelgroep ondersteunt, dan verschijnt de mogelijkheid om te wisselen van account. | |
Geblokkeerde third-party cookies | |
Wanneer de third-party cookies zijn geblokkeerd, ziet de bezoeker in het aanmeldmenu alleen bij welke toepassing of loket hij is aangemeld. Zijn naam verschijnt niet. |
Voorbeeld
In onderstaand voorbeeld integreerde e-loket “Mijn VAPH” de global header. De bezoeker kan via het aanmeldmenu aanmelden bij het e-loket Mijn VAPH (Schermafbeelding 14).
VAPH kan hier kiezen om bijvoorbeeld , namelijk ISIS e-loket en Helios e-loket.
Eenmaal aangemeld ziet Norah Peeters dat ze is aangemeld bij Mijn VAPH (Schermafbeelding 15 en 16).
Niet-aangemelde status | Aangemelde status mét third-party cookies |
---|---|
|
|
Aangemelde status zonder third-party cookies | |
|
Hoofdloketten
Op de hoofd-e-loketten Mijn Burgerprofiel, http://e-loketondernemers.be en het Verenigingsloket krijgt de header een aangepast aanmeldmenu.
Via de global header kan de bezoeker telkens rechtstreeks aanmelden bij het hoofd-e-loket.
| Niet-aangemelde status | Aangemelde status (third-party cookies actief) | Aangemelde status (third-party cookies geblokkeerd) |
---|---|---|---|
Mijn Burgerprofiel |
|
|
|
e-loketondernemers.be |
|
|
|
Verenigingsloket |
|
|
Aanmeldmenu - integratie
Een global header Integreren op een gastwebsite
zonder ACM-integratie blijft u doen zoals beschreven in Koppelscenario's met de Mijn Burgerprofiel-widget | Scenario 1: Website zonder ACM/IDM koppelen met Mijn Burgerprofiel eenvoudig ...
mét ACM-integratie blijft u doen zoals beschreven in
Applicatienaam
De applicatienaam die in het aanmeldmenu verschijnt op global header op gastwebsites mt ACM-integratie, zal worden gevraagd in het aansluitformulier (Aanlsuitingsformulier voor nieuwe global header).
Voor de bestaande headers is deze schermnaam ingevuld op basis van de gegevens uit het ACM-integratieformulier. Mocht u de schermnaam van uw toepassing willen aanpassen dan kunt u een ticket indienen via https://vlaamseoverheid.atlassian.net/servicedesk/customer/portal/26/group/158.
Applicatieve links
Ga als volgt te werk om applicatieve links toe te voegen aan de global header:
Voeg de client-bibliotheek toe aan uw toepassing.
Meer info:Integreren met een widget | Over de client bibliotheekGebruik de onderstaande code om links toe te voegen aan de global header.
Eén enkele link toevoegen
vl.widget.client.capture(widget => {
if (widget.getPluginTypeId() === 'global_header') {
widget.getExtension('citizen_profile')
.then((extension) => {
extension.getMenu().getGroup('application').add({
type: 'link',
label: 'Label aplicatieve link',
href: 'https://www.google.be',
icon: 'e-desk', // alternative supported icon: e-desk-lock',
target: "_blank" // to open the link in a new tab
});
});
}
});
Meerdere links toevoegen
vl.widget.client.capture(widget => {
if (widget.getPluginTypeId() === 'global_header') {
widget.getExtension('citizen_profile')
.then((extension) => {
extension.getMenu().getGroup('application').addMultiple([{
type: 'link',
label: 'Label aplicatieve link 1',
href: 'https://www.google.be',
icon: 'e-desk-lock', // alternative supported icon: e-desk',
target: "_blank" // to open the link in a new tab
},
{
type: 'link',
label: 'Label aplicatieve link 2',
href: 'https://www.google.be',
icon: 'e-desk', // alternative supported icon: e-desk-lock',
target: "_blank" // to open the link in a new tab
}]);
});
}
});
De volgende properties kan u aanpassen:
Property | Value | Icon | Use |
---|---|---|---|
| string | nvt | Het label van de applicatieve link |
| url | nvt | De url van de applicatieve link |
| e-desk-lock | Wanneer de pagina achter de link aanmelden vereist dan gebruikt u dit icoon | |
e-desk | De pagina achter de link kan geraadpleegd worden zonder aanmelden | ||
| _blank | Wanneer de link opent in een nieuw venster |
Dit is een officiële website van de Vlaamse overheid - Uitgegeven door Digitaal Vlaanderen: https://www.vlaanderen.be/digitaal-vlaanderen
DISCLAIMER: http://www.vlaanderen.be/nl/disclaimer
TOEGANKELIJKHEID:
http://www.vlaanderen.be/nl/toegankelijkheid