Feat/split testing (#390)

* move first page event to useEffect

* add traits.experiment

* run formatter

* remove unneeded file

lib/analytics/index.js

@@ -1,7 +1,11 @@
 // log the page view with their URL
 export const page = (name, props) => {
   //segment
-  window.analytics?.page(name, props);
+  window.analytics?.page(name, props, {
+    traits: {
+      experiment: window?.amplication?.branchName || 'main',
+    },
+  });
   // hubspot
   window._hsq?.push(['setPath', name]);
   window._hsq?.push(['trackPageView']);
@@ -10,7 +14,15 @@ export const page = (name, props) => {
 // log specific events happening.
 export const event = ({action, params}) => {
   const analytics = window.analytics;
-  analytics.track(action, {
-    ...params,
-  });
+  analytics.track(
+    action,
+    {
+      ...params,
+    },
+    {
+      traits: {
+        experiment: window?.amplication?.branchName || 'main',
+      },
+    }
+  );
 };

pages/_app.js

@@ -31,6 +31,7 @@ function Amplication({Component, pageProps}) {
     const handleRouteChange = url => {
       analytics.page(url, {url});
     };
+    analytics.page(router.asPath, {url: router.asPath});
     //When the component is mounted, subscribe to router changes
     //and log those page views
     router.events.on('routeChangeComplete', handleRouteChange);
@@ -121,7 +122,6 @@ function Amplication({Component, pageProps}) {
             __html: `
             !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics._writeKey="GpXLWZ8HnAhUuUfZBs6bE5IE87yHmBtu";analytics.SNIPPET_VERSION="4.13.2";
             analytics.load("GpXLWZ8HnAhUuUfZBs6bE5IE87yHmBtu");
-            analytics.page();
             }}();
           `,
           }}