Introduction

Are you in need of an analytics solutions that enables you to zone in on single users and see exactly how they are experiencing your app? Introducing Appsee, the market leader in qualitative analytics; analytics that supply you with the “whys” behind all of the numerical data on your app.

With Appsee’s unique features of user recordings and touch heatmaps, you can gather the most actionable insights and make better informed decisions regarding your app’s UI, performance, and usability. Basically, it allows you to dive deeper into your app’s user experience and dissect your data for crucial answers. Appsee also automatically detects all screens, buttons and user actions within your app without requiring you to select what to measure in advance and tag them in advance in your code.

Luckily, Appsee supports all apps built with PhoneGap and the integration is extremely simple.

Below we will provide a quick breakdown of how to integrate with Appsee in 2 steps.

Integration

To integrate Appsee in your phonegap app - you can use our npm plugin in 2 easy steps.

Add the Appsee plugin to your project: phonegap plugin add cordova-plugin-appsee Call the following method when your app starts, preferably when the deviceready event fires: Appsee.start("YOUR API KEY") ;

Register or login in order to get your API key.

This is how your code should look like:

var app = { // Application Constructor initialize : function () { this . bindEvents (); }, // Bind Event Listeners // // Bind any events that are required on startup. Common events are: // 'load', 'deviceready', 'offline', and 'online'. bindEvents : function () { document . addEventListener ( 'deviceready' , this . onDeviceReady , false ); }, // deviceready Event Handler // // The scope of 'this' is the event. In order to call the 'receivedEvent' // function, we must explicity call 'app.receivedEvent(...);' onDeviceReady : function () { app . receivedEvent ( 'deviceready' ); }, // Update DOM on a Received Event receivedEvent : function ( id ) { var parentElement = document . getElementById ( id ); var listeningElement = parentElement . querySelector ( '.listening' ); var receivedElement = parentElement . querySelector ( '.received' ); listeningElement . setAttribute ( 'style' , 'display:none;' ); receivedElement . setAttribute ( 'style' , 'display:block;' ); Appsee . start ( "d3y87d2h723dh8237hd7823" ); } };

Example of Appsee’s User Recordings

Example of Appsee’s unresponsive gesture touch heatmap.

Conclusion

Pretty easy right? After completing those two steps you are good to go. You should start to see your user sessions populate your dashboard in real-time. Get ready to discover powerful insights on your app’s users, optimize and troubleshoot your app effectively, and ultimately create the best mobile product possible.