Merge pull request #321 from storytold/oct-25-mithoo

super basic tag manager setup

packages/fakeyou.com/public/index.html

@@ -54,6 +54,25 @@
       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
     -->
     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <!-- Google Tag Manager -->
+    <!-- This *eventually* replaces gtag.js :/ -->
+    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
+      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
+      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
+      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
+      })(window,document,'script','dataLayer','GTM-K62TJT9N');</script>
+    <!-- End Google Tag Manager -->
+
+    <!-- Google tag (gtag.js) -->
+    <!-- This replaces old universal analytics. -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id=G-525G5MXFJG"></script>
+    <script>
+      window.dataLayer = window.dataLayer || [];
+      function gtag(){dataLayer.push(arguments);}
+      gtag('js', new Date());
+      gtag('config', 'G-525G5MXFJG');
+    </script>
+
     <!--
       Notice the use of %PUBLIC_URL% in the tags above.
       It will be replaced with the URL of the `public` folder during the build.
@@ -81,15 +100,7 @@
     <!-- Include this to make the og:image larger -->
     <meta name="twitter:card" content="summary_large_image" />
 
-    <!-- Google tag (gtag.js) -->
-    <!-- This replaces old universal analytics. -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=G-525G5MXFJG"></script>
-    <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-      gtag('config', 'G-525G5MXFJG');
-    </script>
+
 
     <!-- OLD FakeYou; TODO(echelon): Remove when done. -->
     <link
@@ -113,6 +124,10 @@
     -->
   </head>
   <body>
+    <!-- Google Tag Manager (noscript) -->
+    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K62TJT9N"
+      height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
+    <!-- End Google Tag Manager (noscript) -->
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
     <!--

packages/fakeyou.com/src/v2/view/pages/lipsync/LipsyncEditor/FaceAnimatorInput.tsx

@@ -18,7 +18,7 @@ export default function FaceAnimatorInput({
   removeWatermark,
   removeWatermarkChange, }: FaceAnimatorSlide) {
   return <animated.div {...{ className: "lipsync-editor row", style }}>
-    <div {...{ className: "media-input-column col-lg-6" }}>
+    <div {...{ className: "media-input-column col-lg-6 ga-image-input" }}>
       <h5>{t("headings.image")}</h5>
       <ImageInput
         {...{
@@ -27,7 +27,7 @@ export default function FaceAnimatorInput({
         }}
       />
     </div>
-    <div {...{ className: "media-input-column audio-input-column col-lg-6" }}>
+    <div {...{ className: "media-input-column audio-input-column col-lg-6 ga-audio-input" }}>
       <h5>{t("headings.audio")}</h5>
       <AudioInput
         {...{