aoiwebtracker v0.0.4

AOIWebTracker

Automatic Areas-of-Interest (AOI) Tracker for Web Applications, down to the word level!

Features

• Automatic Tracking of Areas-of-Interest
• Tracking of elements based on ID, tag, or class
• Recursive AOI searching and tracking
• Word-level AOI tracking
• Search via div, tag, or class

Installation

As of now, the package is only available via npm. Use the following command:

npm install aoiwebtracker

Usage

To use the plugin, you are required to install it during the mounting of app. Here is an example:

import AOIWebTracker from 'aoiwebtracker'
import mitt from 'mitt'

// Create the emitter
const emitter = mitt()

// Install plugin (provide the emitter instance from mitt)
tracker = new AOIWebTracker()
tracker.install({
    emitter: emitter,
    drawCanvas: false,
    toTrackElements: [
        {searchBy: 'id', searchName: 'example_id', recursive: true, wordLevel: true}, // search by id
        {searchBy: 'tag', searchName: 'span', recursive: true, wordLevel: false}, // search by tag
        {searchBy: 'class', searchName: 'class_name' , recursive: false, wordLevel: true} // search by class
    ],
    timeSpacing: 100
})

During the installation of the plugin, there are parameters that can be set for specifying the search criteria, debugging tools, and default configuration.

Example

TODO