Naast het direct laden van de Eye-Able-assets vanaf de Eye-Able-server of een lokale server, bestaat ook de mogelijkheid om de gegevens van Eye-Able pas te laden nadat op het pictogram is geklikt. Dit heeft als voordeel dat alleen gebruikers van de pagina die ook met Eye-Able werken, verbinding maken met de server en de JavaScript-bestanden laden. Ook vanuit het oogpunt van de gegevensbeschermingswetgeving biedt deze integratie voordelen, aangezien de gebruiker hierdoor wordt gewezen op deze uitgaande verbinding voordat er contact wordt gemaakt met de Eye-Able-server.
Bij het eerste gebruik van Eye-Able wordt een Local Storage-vermelding aangemaakt. Zodra deze vermelding is aangemaakt, wordt Eye-Able bij het volgende bezoek aan de pagina automatisch geladen.
Integratie in de HTML van de pagina
Für die Einbindung von Eye-Able müssen Sie einfach nur die Javascript Datei über ein <script>-Element im HTML der Seite platzieren. Dafür können Sie entweder die Javascript Datei hochladen und diese dann referenzieren:
Sie können den Code der Javascript Datei auch inline in einem <script>-Element integrieren:
Via het JavaScript-bestand worden functies voor het dynamisch herladen en het Eye-Able-pictogram rechtstreeks in de pagina geïntegreerd. U kunt ook zelf de positie van het Eye-Able-pictogram bepalen. Pas hiervoor de volgende variabelen aan het begin van de code aan:
- eA_top : Wijzigt de positie van het pictogram bovenaan, bijvoorbeeld „15%“ of „250px“
- eA_side: Wijzigt de positie van het pictogram aan de zijkant: „left“ of „right“
- eA_bottom: past de onderpositie van het pictogram op mobiele apparaten aan, bijvoorbeeld „15%“
