# gliojs-2
> Detects if the mouse of a user leaves the viewport / document borders of your website — and when this happens, trigger your callback
Latest version **0.0.13** (published 2018-11-20) · MIT license · 0 weekly downloads
## Install
```sh
npm install gliojs-2
pnpm add gliojs-2
yarn add gliojs-2
bun add gliojs-2
```
## Health
**Score 15/100 (F)** — status: abandoned.
Positive: no vulnerabilities.
Warnings: low downloads; no types; no esm support; pre 1.0.
Negative: abandoned; low maintenance score.
## Facts
| | |
|---|---|
| Version | 0.0.13 |
| Published | 2018-11-20 |
| First published | 2018-11-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 25.1 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Michael Tessier |
| Maintainers | demi_pixel |
| Keywords | gliojs, mousemove, screencorner, move, exit |
## Links
- npm: https://www.npmjs.com/package/gliojs-2
- Repository: https://github.com/MichaelTessier/gliojs
- Issues: https://github.com/MichaelTessier/gliojs/issues
- npm.io page: https://npm.io/package/gliojs-2
## Dependencies (1)
- [js-cookie](https://npm.io/package/js-cookie.md) 2.2.0
## Recent versions
- 0.0.13 (latest) — 2018-11-20
- 0.0.12 — 2018-11-20
- 0.0.11 — 2018-11-20
- 0.0.10 — 2018-11-20
- 0.0.9 — 2018-11-20
- 0.0.8 — 2018-11-20
- 0.0.7 — 2018-11-20
## README
# glio
## What is new in this version 2
* CommonJs support
* Cookie support with optional expiry date
* Set a timed delay before the script starts tracking exit intent.
 |
 |
 |
 |
 |
| 17+ ✔ |
14+ ✔ |
9+ ✔ |
17+ ✔ |
5+ ✔ |
### Reasons for use
* Increase your conversion rates!
* Give visitors reasons to stay!
* Grab your users’ attention!
#### Articles about Exit-popups
* 7 Best Practices for Using Exit-Intent Popovers, Popups
* 5 Scientific Reasons Exit Popups Are So Freaking Effective
#### Install
* Npm: ```npm install gliojs-2```
#### Usage
The arguments are a Arrays, where the first index is the direction and the second is a callback.
```javascript
glio( [ direction, callback ] );
```
#### 5 Directions
* top
* top-left
* top-right
* bottom-left
* bottom-right
#### Example
* top-left and top-right
```javascript
glio.init(
[ 'top-left', function () {
alert('this is top-left');
}
],
[ 'top-right', function () {
alert('this is top-right');
}
]
);
```
* all directions
```javascript
glio.init(
[ 'top', function () {
alert('this is top.');
}
],
[ 'top-left', function () {
alert('this is top-left');
}
],
[ 'top-right', function () {
alert('this is top-right');
}
],
[ 'bottom-left', function () {
alert('this is bottom-left');
}
],
[ 'bottom-right', function () {
alert('this is bottom-right');
}
]
);
```
#### Configurations
* ```glio.config.key = value;``` Set the configuration before the init.
* ```screenWidthFragment```: the quantity of parts the height and width screen will be divided. Default: 12.
* ```centerTopHeight```: height of 'top' direction. When the mouse is equal or major this value, the callback is triggered. Default: 10.
* ```heightTopLeft```: height of 'top-left' direction. When the mouse is equal or major this value, the callback is triggered. Default: 30.
* ```heightTopRight```: height of 'top-right' direction. When the mouse is equal or major this value, the callback is triggered. Default: 30.
* ```cookiesExpiration```: the value in day of the expiration of cookie. Default: 30.
* ```delay```: the value in seconds of delay. Default: 0
This software is licensed under the MIT License.
---
_Source: https://npm.io/package/gliojs-2 · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
