cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
Not a customer? Start a free trial

Click the Start a free trial link to start a 15-day SaaS trial of our product and join our community as a trial user. If you are an existing customer do not start a free trial.

AppDynamics customers and established members should click the sign in button to authenticate.

End User Monitoring (EUM)

passing event in the payload

jaja010209010209
Explorer

passing event in the payload

hi,

- I am using appdyanmics in my app for monitoring user activity.
- but the problem is it doesnt show how much time user has clicked the button.
- so using rxjs I have wrote a click event.
- this click event shows the mouse event and how to pass this mouse event in appdyanmics payload, so that I can generate a report usimg appdyanmics.
- providing my code changes below

appdyanmics Reference links:

https://docs.appdynamics.com/display/PRO42/Extend+the+JavaScript+Agent+for+Single+Page+Applications+...
https://docs.appdynamics.com/display/PRO42/Single+Page+Applications+in+Browser+RUM+-+AngularJS

sample appdynamics angular app https://github.com/derrekyoung/appd-sampleapp-angular2
<script src="https://cdn.appdynamics.com/adrum/adrum-latest.js"></script>

 

app.component.ts

```

import { Component } from '@angular/core';
import {Subject} from 'rxjs/Subject';

@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'AppDynamics Sample App for Angular 2';

click = new Subject();

ngOnInit() {
this.click.subscribe(console.log);
}


}

```

app.component.html

```

<h1>
{{title}}
</h1>

<header>
<div>

<!-- Navigation with router directives-->
<nav>
<a [routerLink]="['/']">Home</a>
<a [routerLink]="['/names']">Names</a>
<a [routerLink]="['/posts']">Posts</a>
<a [routerLink]="['/photos']">Photos</a>
</nav>
</div>
<div>
<!-- <button (click)="new Subject()" type="button">Click Me!</button> -->

<button (click)="click.next($event)">Click Me!</button>
</div>

</header>


<router-outlet></router-outlet>

```

appdynamics request payload

```

{
"vr": "4.4.1.154",
"dt": "R",
"rg": "0",
"es": [{
"eg": "1",
"et": 2,
"eu": "0://1/2/",
"ts": 1515610064377,
"mg": "2",
"au": "0://3/",
"at": 3,
"pp": 3,
"mx": {
"PLC": 1,
"FBT": 48,
"DDT": 0,
"DPT": 4,
"PLT": 52,
"ARE": 0
},
"md": "GET",
"xs": 200,
"si": 18
}],
"ai": "d4e7ef50_b4f3_1dd7_5cdf_49a60ff5635d",
"gs": ["bbe438d0_0c94_63d9_2c22_700343b560b5", "cde9c933_e332_41ce_9333_5021c1502265", "4e6a7f03_4588_49e2_6c25_d8a3a1f3fe90"],
"up": ["http", "jsonplaceholder.typicode.com", "users", "localhost:4200"]
}

```

By replying you agree to the Terms and Conditions of the AppDynamics Community.
passing event in the payload
2 REPLIES 2
Mohammed.Rayan
AppDynamics Team

You can pass custom data using the approach given in the link below

 

https://docs.appdynamics.com/display/PRO44/Add+Custom+User+Data+to+a+Page+Browser+Snapshot

 

You can also refer the below link 

https://docs.appdynamics.com/display/PRO44/Extend+the+JavaScript+Agent+for+SPAs#ExtendtheJavaScriptA...

 

Regards,

Mohammed Rayan



Found something helpful? Click the Accept as Solution button to help others find answers faster.
Liked something? Click the Thumbs Up button.
jaja010209010209
Explorer

hi,

 

In my angular code can you tell me where to add it