Analytics event: RIGHT_CLICK_IMAGE (#1156)

* extended event type by adding right click image event
---------

Co-authored-by: Oleksandr.Zoria <oleksandr.zoria@p2h.com>
Co-authored-by: Olga Bulat <obulat@gmail.com>
Co-authored-by: Zack Krida <zackkrida@pm.me>

frontend/src/pages/image/_id/index.vue

@@ -15,6 +15,7 @@
         :height="imageHeight"
         @load="onImageLoaded"
         @error="onImageError"
+        @contextmenu="handleRightClick(image.identifier)"
       />
       <VSketchFabViewer
         v-if="sketchFabUid"
@@ -204,6 +205,12 @@ export default defineComponent({
 
     const { sendCustomEvent } = useAnalytics()
 
+    const handleRightClick = (identifier: string) => {
+      sendCustomEvent("RIGHT_CLICK_IMAGE", {
+        identifier,
+      })
+    }
+
     const sendGetMediaEvent = () => {
       if (!image.value) {
         return
@@ -228,6 +235,7 @@ export default defineComponent({
       sketchFabUid,
       onImageLoaded,
       onImageError,
+      handleRightClick,
       backToSearchPath,
 
       sendGetMediaEvent,

frontend/src/types/analytics.ts

@@ -40,6 +40,15 @@ export type Events = {
     /** the identifier of the image */
     identifier: string
   }
+  /**
+   * Description: The user right clicks a single image result, most likely to download it.
+   * Questions:
+   *   - Do users right-click images often? Does this suggest downloading them directly,
+   *     when not paired with a `GET_MEDIA` event?
+   */
+  RIGHT_CLICK_IMAGE: {
+    identifier: string
+  }
   /**
    * Click on the 'back to search' link on a single result
    *