demo: add stackblitz open to analytics events (#2756)

Closes #2743
ng-bootstrap · Oct 5, 2018 · 2b5e9dc · 2b5e9dc
1 parent 7402ef3
commit 2b5e9dc
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/demo/src/app/components/shared/examples-page/demo.component.html b/demo/src/app/components/shared/examples-page/demo.component.html
@@ -5,7 +5,7 @@ <h2>
       <img src="img/link-symbol.svg" alt="Anchor link to: {{id}}" />
     </a>
     <span>{{ demoTitle }}</span>
-    <a role="button" class="stackblitz btn btn-light" target="_blank" href="app/components/{{component}}/demos/{{id}}/stackblitz.html" title="Edit in StackBlitz">
+    <a role="button" (click)="trackStackBlitzClick()" class="stackblitz btn btn-light" target="_blank" href="app/components/{{component}}/demos/{{id}}/stackblitz.html" title="Edit in StackBlitz">
       <img class="stackblitz-icon" src="img/stackblitz-icon.svg" alt="StackBlitz icon"/>
       StackBlitz
     </a>

diff --git a/demo/src/app/components/shared/examples-page/demo.component.ts b/demo/src/app/components/shared/examples-page/demo.component.ts
@@ -1,4 +1,5 @@
 import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { Analytics } from '../../../shared/analytics/analytics';
 
 @Component({
   selector: 'ngbd-widget-demo',
@@ -11,4 +12,10 @@ export class NgbdWidgetDemoComponent {
   @Input() id: string;
   @Input() code: string;
   @Input() markup: string;
+
+  constructor(private _analytics: Analytics) {}
+
+  trackStackBlitzClick() {
+    this._analytics.trackEvent('StackBlitz View', this.component + ' ' + this.id);
+  }
 }