Google Analytics

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Shed Designer</title>
  <meta property="og:locale" content="en_AU"/>
  <meta property="og:title" content="Shed Designer"/>

  <style type="text/css">
    body,
    html,
    #shed-root {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      overflow: hidden;
    }
  </style>
</head>

<body>
  <!-- Google tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=<your tracking id"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', '<your tracking id>');
  </script>

  
  <div id="shed-root"></div>

  <!-- Keep the id, required for IE -->
  <script id="webshed-loader" src="https://webshed.unda.com.au/loader.js"></script>
  <script>
      var app = new unda.App("shed-root", {
        customer: "webshed"
      });

      // Use submitted form data here or trigger conversion.
      app.addEventListener("form:submit", function(data) {
        // Trigger conversion.
      });

      // Track events
      app.on("track", function(e) {
        mixpanel.track(e.event, e.props);
        gtag('event', e.event, {
          'event_category': 'engagement',
          ...e.props
        });
      });
  </script>
  
</body>
</html>

Events

The following events can be tracked with MixPanel:

Event	Description	Properties
loaded	Fired when the app is loaded	-
fn:load	Fired when a function to load data is called	-
fn:loadFromJson	Fired when loading from JSON data	-
btn:save	Fired when save button is clicked	-
btn:new	Fired when new button is clicked	-
btn:load	Fired when load button is clicked	-
btn:printPdf	Fired when print PDF button is clicked	-
btn:exportImage	Fired when export image button is clicked	-
btn:fullScreen	Fired when full screen button is clicked	-
btn:view:Edit	Fired when switching to Edit view	-
btn:view:Plan	Fired when switching to Plan view	-
btn:view:Floor	Fired when switching to Floor view	-
btn:share	Fired when share button is clicked	-
btn:zoom in	Fired when zoom in button is clicked	-
btn:zoom out	Fired when zoom out button is clicked	-
btn:quote:submit	Fired when quote submit button is clicked	-
btn:quote:share	Fired when quote share button is clicked	-
btn:main:tab	Fired when a main tab is selected	`{tab: string}` - Available tabs: Size, Awnings, Walls, Extras, Mezzanine, Colours, Objects & Quotes
btn:animationMode:Open	Fired when animation mode is set to Open	-
btn:animationMode:Close	Fired when animation mode is set to Close	-

Events​

Events