In addition to loading the Eye-Able assets directly from the Eye-Able or local server, it is also possible to load the Eye-Able data by clicking on the icon. This has the advantage that only users of the site who also interact with Eye-Able connect to the server and load the Javascript files. This integration also has advantages in terms of data protection, as the user is informed of this outgoing connection before contacting the Eye-Able server.
The first time Eye-Able is used, a local storage entry is set. As soon as this entry is set, Eye-Able is automatically loaded the next time you visit the page.
Integration into the HTML of the page
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:
The Javascript file is used to integrate functions for dynamic reloading and the Eye-Able icon directly into the page. You can also determine the position of the eye-ble icon yourself. To do this, change the following variables at the beginning of the code:
- eA_top : Changes the top position of the icon e.g. "15%", or "250px"
- eA_side: Changes the lateral position of the icon: "left" or "right"
- eA_bottom: Changes the bottom position of the icon on mobile devices, e.g. "15%"
