Aanmeldmenu

1 Over het aanmeldmenu
2 Aanmeldmenu
3 Aanmeldmenu - ingangen
- 3.1 Context
- 3.2 Applicatief menu (optioneel)
- 3.3 Hoofd-e-loketten
- 3.4 Wisselen van account (doelgroep)
- 3.5 Afmelden
4 Aanmeldmenu - gedrag in verschillende contexten
- 4.1 Gastwebsite zonder ACM-integratie
- 4.2 Gastwebsite mét ACM-integratie
- 4.3 Voorbeeld
- 4.4 Hoofdloketten
5 Aanmeldmenu - integratie
- 5.1 Applicatienaam
- 5.2 Applicatieve links
  - 5.2.1 Eén enkele link toevoegen
  - 5.2.2 Meerdere links toevoegen

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:

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

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

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
1. Koppelscenario's met de Mijn Burgerprofiel-widget | Scenario 2: Website zonder ACM/IDM koppelen met Vlaams Toegangsbeheer
2. Koppelscenario's met de Mijn Burgerprofiel-widget | Scenario 3: Website met ACM/IDM koppelen met Mijn Burgerprofiel gekoppeld toe...

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 bibliotheek
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
`icon`	e-desk		De pagina achter de link kan geraadpleegd worden zonder aanmelden
`target`	_blank		Wanneer de link opent in een nieuw venster

Documentatie voor partners en klanten van Digitaal Vlaanderen - bouwstenen Mijn Burgerprofiel, Verenigingsloket en e-loketondernemers

Documentatie voor klanten en partners van Digitaal Vlaanderen - bouwstenen Mijn Burgerprofiel, Verenigingsloket en e-loketondernemers

Aanmeldmenu

Over het aanmeldmenu

Aanmeldmenu

Aanmeldmenu - ingangen

Context

Applicatief menu (optioneel)

Hoofd-e-loketten

Wisselen van account (doelgroep)

Afmelden

Aanmeldmenu - gedrag in verschillende contexten

Gastwebsite zonder ACM-integratie

Gastwebsite mét ACM-integratie

Voorbeeld

Hoofdloketten

Aanmeldmenu - integratie

Applicatienaam

Applicatieve links

Eén enkele link toevoegen

Meerdere links toevoegen

Related pages