Simplify tracked events

Signed-off-by: Olga Bulat <obulat@gmail.com>

Author: obulat

src/components/SelectedLicenseCode.vue

@@ -78,27 +78,20 @@ export default {
     methods: {
         onCopySuccess(e) {
             this.success = true
+            const fieldsFilled = {}
+            for (const detail in this.$props.value.attributionDetails) {
+                fieldsFilled[detail] = this.$props.value.attributionDetails[detail] !== ''
+            }
+            const copiedLicense = {
+                license: this.$props.value.shortName,
+                // codeType can be either rich-text or html
+                codeType: this.currentSelection,
+                fieldsFilled: fieldsFilled
+            }
             this.$ga.event({
                 eventCategory: 'Attribution',
                 eventAction: 'copied',
-                // Label is either rich-text or html
-                eventLabel: this.currentSelection,
-                // Value is the license copied
-                eventValue: this.$props.value.shortName
-            })
-            const fieldsFilledIn = []
-            for (const detail in this.$props.value.attributionDetails) {
-                if (this.$props.value.attributionDetails[detail] !== '') {
-                    fieldsFilledIn.push(detail)
-                }
-            }
-            fieldsFilledIn.forEach((field) => {
-                this.$ga.event({
-                    eventCategory: 'AttributionDetails',
-                    eventAction: 'filledIn',
-                    // Label is the field that is not blank when a user copies the license
-                    eventLabel: field
-                })
+                eventLabel: JSON.stringify(copiedLicense)
             })
             this.$emit('copied', { content: e.text })
             setTimeout(() => {

src/components/SelectedLicenseDropdown.vue

@@ -52,9 +52,9 @@ export default {
             set(currentLicense) {
                 const fullLicenseName = this.fullLicenseName(currentLicense)
                 this.$ga.event({
-                    eventCategory: 'licenseDropdown',
-                    eventAction: 'clicked',
-                    eventLabel: 'License selected from the dropdown'
+                    eventCategory: 'LicenseDropdown',
+                    eventAction: 'licenseSelected',
+                    eventLabel: currentLicense
                 })
                 this.$emit('input', { ...this.$props.value, fullName: fullLicenseName, shortName: currentLicense })
             }

src/components/Stepper.vue

@@ -121,6 +121,16 @@ export default {
             if (payload === ndStep && this.$props.value.shortName.includes('ND')) {
                 this.currentStep = attributionDetailsStep
             }
+            if (this.currentStep === attributionDetailsStep) {
+                this.sendSelectedToGa()
+            }
+        },
+        sendSelectedToGa() {
+            this.$ga.event({
+                eventCategory: 'Stepper',
+                eventAction: 'licenseSelected',
+                eventLabel: this.$props.value.shortName
+            })
         },
         getIcon(attrName) {
             if (attrName === 'BY') {
@@ -144,12 +154,6 @@ export default {
                 fullName: this.fullLicenseName(attrs),
                 attributionDetails: this.$props.value.attributionDetails
             }
-            this.$ga.event({
-                eventCategory: 'Stepper',
-                eventAction: 'clicked',
-                eventLabel: itemId,
-                eventValue: licenseData.shortName
-            })
             this.$emit('input', licenseData)
         },
         shortLicenseName(attr) {