Skill Level: Any
You also add the hammer.js library to the application that you are developing. After you add the libraries to your application, you can use the default gesture events that are installed with Tealeaf¬ģ. You can also customize the default gesture events by adding Options to the gesture events.
Note: If your customer base uses Internet Explorer 8, do not load hammer.js in your application. Hammer.js does not support Internet Explorer 8.
The hammer.js library is not included in the Tealeaf installation package. Download the hammer.js library from the GitHub site. Tealeaf supports only hammer.js 1.1.x.
Configure gestures by adding the gestures module to the defaultconfiguration.js file.
Note:¬†The default usability request for¬†
traffic type=MOBILE_APP¬†in native and hybrid apps is taps and swipes, never clicks. Thus, if you are requesting usability data for the¬†
MOBILE_APP¬†traffic type, request metrics for gestures (Gestures – type 11), such as taps, double taps, tap and hold, pinch, and spread. Otherwise, heatmaps in the overlay will not show data.
If you are using the webview traffic type for hybrid apps, configure Tealeaf to capture all gestures.
Install the hammer.js library in the application that you are developing.
Set the window.innerWidth for your page.