Document toolboxDocument toolbox

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.

Screenshot 1

 

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.

Lees meer over de impact op de global header

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

Niet-aangemelde status

Aangemelde status

Schermafbeelding 6

Aanmeldmenu - ingangen

Wanneer de bezoeker klikt Aanmelden, opent het aanmeldmenu.

Niet-aangemelde status

Aangemelde status

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

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

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:

  1. gastwebsite zonder ACM-integratie

  2. gastwebsite met ACM-integratie

  3. 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

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

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)

 

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

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:

  1. Voeg de client-bibliotheek toe aan uw toepassing.
    Meer info:Integreren met een widget | Over de client bibliotheek

  2. Gebruik 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

Property

Value

Icon

Use

label

string

nvt

Het label van de applicatieve link

href

url

nvt

De url van de applicatieve link

icon

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

target

_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