Naast het direct laden van de Eye-Able onderdelen van de Eye-Able of lokale server, is het ook mogelijk om de gegevens van Eye-Able te laden door op het pictogram te klikken. Dit heeft als voordeel dat alleen gebruikers van de site die ook communiceren met Eye-Able een 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 server Eye-Able .
![Eye-Able Logo met een tekstvak aan de linkerkant.](https://staging.eye-able.de/wp-content/uploads/2022/03/dynamischNachladen.png)
De eerste keer dat je Eye-Able gebruikt, wordt er een lokale opslagruimte ingesteld. Zodra dit item is ingesteld, wordt Eye-Able automatisch geladen wanneer u de site 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:
![](https://staging.eye-able.de/wp-content/uploads/2022/03/dynamischNachladenInclude-1024x93.png)
Sie können den Code der Javascript Datei auch inline in einem <script>-Element integrieren:
![](https://staging.eye-able.de/wp-content/uploads/2022/01/dynamsicheIntegrationCode2-1024x531.png)
Het Javascript-bestand wordt gebruikt om functies voor dynamisch herladen en het pictogram Eye-Able rechtstreeks in de pagina te integreren. Je kunt de positie van het pictogram Eye-Able 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%".
![](https://staging.eye-able.de/wp-content/uploads/2022/01/dynamsicheIntegrationCode.png)