In addition to loading the Eye-Able assets directly from the Eye-Able or local server, it is also possible to load the data from Eye-Able 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. Once this entry is set, Eye-Able will be loaded automatically 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:
Functions for dynamic reloading and the Eye-Able icon are integrated directly into the page via the Javascript file. You can also determine the position of the Eye-Able 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%".