Client Analytics (#9023)

* start to refactor analytics and some mixins

* wip

* wip

* wip

* more analytics

* more analytics

* more anlytics

* fix analytics module

* finish analytics

* fix env

* vue casing

website/client/components/groups/inviteModal.vue

@@ -55,8 +55,12 @@ import filter from 'lodash/filter';
 import map from 'lodash/map';
 import bModal from 'bootstrap-vue/lib/components/modal';
 import notifications from 'client/mixins/notifications';
+import * as Analytics from 'client/libs/analytics';
 
 export default {
+  components: {
+    bModal,
+  },
   mixins: [notifications],
   props: ['group'],
   data () {
@@ -65,8 +69,13 @@ export default {
       emails: [],
     };
   },
-  components: {
-    bModal,
+  mounted () {
+    Analytics.track({
+      hitType: 'event',
+      eventCategory: 'button',
+      eventAction: 'click',
+      eventLabel: 'Invite Friends',
+    });
   },
   computed: {
     ...mapState({user: 'user.data'}),