Integration with dynamic reloading

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.Note for users who have not yet used Eye-Able

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

To integrate Eye-Able, all you need to do is place the JavaScript file in the HTML of the page using a <script> element. You can either upload the JavaScript file and then reference it:Example of the integration of the JavaScript file after previous upload

You can also include the code from the javascript file inline in a <script> element:Example of an inline integration of the formatted code

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%".Part of the integration code to adjust the position