track custom analytics events

apps/picsa-tools/resources-tool/src/app/services/resources-tool.service.ts

@@ -4,6 +4,7 @@ import { Capacitor } from '@capacitor/core';
 import { ConfigurationService } from '@picsa/configuration/src';
 import { APP_VERSION } from '@picsa/environments/src';
 import { PicsaAsyncService } from '@picsa/shared/services/asyncService.service';
+import { AnalyticsService } from '@picsa/shared/services/core/analytics.service';
 import { PicsaDatabase_V2_Service, PicsaDatabaseAttachmentService } from '@picsa/shared/services/core/db_v2';
 import { FileService } from '@picsa/shared/services/core/file.service';
 import { NativeStorageService } from '@picsa/shared/services/native';
@@ -21,7 +22,8 @@ export class ResourcesToolService extends PicsaAsyncService {
     private dbAttachmentService: PicsaDatabaseAttachmentService,
     private configurationService: ConfigurationService,
     private nativeStorageService: NativeStorageService,
-    private fileService: FileService
+    private fileService: FileService,
+    private analyticsService: AnalyticsService
   ) {
     super();
   }
@@ -71,6 +73,8 @@ export class ResourcesToolService extends PicsaAsyncService {
   }
 
   public async openFileResource(uri: string, mimetype: string) {
+    // track the resource open event
+    this.analyticsService.trackResourceOpen();
     if (Capacitor.isNativePlatform()) {
       try {
         this.nativeStorageService.openFileURI(uri, mimetype);

libs/shared/src/features/video-player/video-player.component.ts

@@ -1,6 +1,7 @@
 import { Component, ElementRef, HostBinding, Input, OnDestroy } from '@angular/core';
 import { Capacitor } from '@capacitor/core';
 import { ScreenOrientation } from '@capacitor/screen-orientation';
+import { AnalyticsService } from '@picsa/shared/services/core/analytics.service';
 import { CapacitorVideoPlayer, CapacitorVideoPlayerPlugin, capVideoPlayerOptions } from 'capacitor-video-player';
 
 // Fix listeners missing from type
@@ -53,7 +54,7 @@ export class VideoPlayerComponent implements OnDestroy {
 
   private pauseTime: number = 0;
 
-  constructor(private elementRef: ElementRef<HTMLDivElement>) {}
+  constructor(private elementRef: ElementRef<HTMLDivElement>, private analyticsService: AnalyticsService) {}
 
   async ngOnDestroy() {
     await this.videoPlayer.stopAllPlayers();
@@ -74,6 +75,8 @@ export class VideoPlayerComponent implements OnDestroy {
     if (Capacitor.isNativePlatform()) {
       this.initialised = false;
     }
+    // track video play event
+    this.analyticsService.trackVideoPlay(this.playerId);
     // Initialise player any time playback triggered in case url updated (e.g. downloaded after init)
     await this.initPlayer();
     this.videoPlayer.play({ playerId: this.playerId }).then(() => {

libs/shared/src/services/core/analytics.service.ts

@@ -1,8 +1,8 @@
 import { Injectable } from '@angular/core';
-import { NavigationEnd,Router } from '@angular/router';
+import { NavigationEnd, Router } from '@angular/router';
 import { Capacitor } from '@capacitor/core';
 import { FirebaseAnalytics } from '@capacitor-community/firebase-analytics';
-import { APP_VERSION,ENVIRONMENT } from '@picsa/environments';
+import { APP_VERSION, ENVIRONMENT } from '@picsa/environments';
 
 @Injectable({ providedIn: 'root' })
 /**
@@ -35,4 +35,20 @@ export class AnalyticsService {
       }
     });
   }
+
+  // Method to track when users play a video
+  public trackVideoPlay(videoId: string) {
+    this.firebaseAnalytics.logEvent({
+      name: 'video_play',
+      params: { video_id: videoId, app_version: APP_VERSION },
+    });
+  }
+
+  // Method to track when users opens resource file
+  public trackResourceOpen() {
+    this.firebaseAnalytics.logEvent({
+      name: 'open_resource_file',
+      params: { app_version: APP_VERSION },
+    });
+  }
 }

package.json

@@ -86,7 +86,7 @@
     "dexie": "^3.2.3",
     "downloadjs": "^1.4.7",
     "enketo-core": "^6.1.3",
-    "fast-xml-parser": "^4.2.2",
+    "fast-xml-parser": "4.2.2",
     "firebase": "^9.16.0",
     "form-data": "^4.0.0",
     "fuse.js": "^7.0.0",