next() Packaged Middleware

    angulartics-application-insights

    0.2.0 • Public • Published

    angulartics-application-insights

    NPM version NPM downloads Bower version MIT license

    Microsoft Application Insights plugin for Angulartics.

    Example

    To run the example, edit index.html and set the instrumentationKey parameter to the value provided by Microsoft in the Azure Portal. Browse to http://localhost:8080/ after running the example from the command line in the example directory with

    npm start

    Navigating between pages (using ui-router) will instigate page views.

    The "Custom Event" button uses the analytics-on and analytics-event directives to track a custom event when it is clicked.

    Entering a username in the input field and clicking "Set User ID" will set the authenticated user context for the tracking session so that all page views are tracked in Application Insights with as Authenticated user traffic with the Auth user Id recorded.

    Install

    First make sure you've read installation and setup instructions for Angulartics.

    Then you can install this package either with npm or with bower.

    bower

    bower install angulartics-application-insights

    Add the <script> to your index.html:

    <script src="/bower_components/angulartics-application-insights/dist/angulartics-application-insights.min.js"></script>

    Then add angulartics.application.insights as a dependency for your app:

    angular.module('myApp', [
      'angulartics', 
      'angulartics.application.insights'
    ]);

    npm (untested)

    npm install angulartics-application-insights

    Then add angulartics.application.insights as a dependency for your app:

    require('angulartics')
     
    angular.module('myApp', [
      'angulartics', 
      require('angulartics-application-insights')
    ]);

    Changes in the Application Insights snippet

    The snippet code provided by Microsoft does an automatic pageview hit, but this is already done by Angulartics (unless you disable it) so make sure to delete the tracking line:

          ...
           window.appInsights=appInsights;
           appInsights.trackPageView(); // DELETE THIS LINE!
        </script>

    Done. Open your app, browse across the different routes and check the Microsoft Azure portal to see the hits.

    Documentation

    Documentation is available on the Angulartics site.

    User tracking

    $analytics.setUsername(username) will set the user context in Application Insights so that all events are associated with the User ID.

    Development

    npm run build

    License

    MIT

    Install

    npm i angulartics-application-insights

    DownloadsWeekly Downloads

    17

    Version

    0.2.0

    License

    MIT

    Unpacked Size

    8.22 kB

    Total Files

    8

    Last publish

    Collaborators

    • darranshepherd