Skip to content

kryalama/application-insights-clickanalytics-demo

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

page_type name description languages products
sample
Sample Web App with Application Insights Click Analytics Plugin Enabled
This is a simple HTML/CSS/JS web app that illustrates how to enable Application Insights JS- Click Analytics Plugin
javascript
html
azure
Application Insights JS

Application Insights JS with Click Analytics Plugin - HTML sample

This is a simple HTML/CSS/JS web app that illustrates how to enable Application Insights Click Analytics Plugin

It is built on the Carousel template by Bootstrap.

Pre-requisites

  1. Git and Node.js installed on your computer.
  2. Familiarity with editing text and code files in any text editor.

Get Started

  1. Create an Application Insights resource in Azure by following these instructions.

  2. Open terminal and clone the repo using git clone

  3. Grab the Instrumentation Key (aka "ikey") from the resource you created in step 1. Later, you'll add it to the instrumentationKey setting in the public/ts/appinsights.ts file

  4. In the project directory you should run npm install on your terminal to install all the dependencies.

  5. After making the changes in step-3, please run npm run build on your terminal to transpile and browserify the appinsights.ts file

  6. To launch the app locally , simply run the following command on your terminal

    node index.js

  7. Open your favorite browser and go to http://localhost:8000/

About

This basic HTML+CSS+JS site is used by the getting started content to demonstrate how easy it is to develop a web app and deploy it to Azure App Service.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • HTML 49.0%
  • TypeScript 26.4%
  • CSS 12.4%
  • JavaScript 12.2%