Naast het direct laden van de Eye-Able elementen van de Eye-Able of lokale server, is het ook mogelijk om de Eye-Able gegevens te laden door op het pictogram te klikken. Dit heeft als voordeel dat alleen gebruikers van de site die ook interactie hebben met Eye-Able verbinding maken met de server en de Javascript bestanden laden. Deze integratie heeft ook voordelen op het gebied van gegevensbescherming, omdat de gebruiker wordt geïnformeerd over deze uitgaande verbinding voordat er contact wordt gemaakt met de Eye-Able server.
De eerste keer dat Eye-Able wordt gebruikt, wordt een lokale opslagingang ingesteld. Zodra deze invoer is ingesteld, wordt Eye-Able automatisch geladen wanneer u de pagina de volgende keer bezoekt.
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:
De functies voor dynamisch herladen en het Eye-Able pictogram zijn rechtstreeks in de pagina geïntegreerd via het JavaScript-bestand. Je kunt de positie van het Eye-Able-pictogram ook zelf bepalen. Wijzig hiervoor de volgende variabelen aan het begin van de code:
- eA_top : Verandert de bovenste positie van het pictogram, bijv. "15%", of "250px".
- eA_side: Verandert de laterale positie van het pictogram: "links" of "rechts".
- eA_bottom: Verandert de onderste positie van het pictogram op mobiele apparaten, bijvoorbeeld "15%".