Data collection privacy opt-in/out

website/assets/js/analytics.js → website/_includes/analytics.js

@@ -1,24 +1,3 @@
-function setCookie(name, value, days) {
-    var expires = "";
-    if (days) {
-        var date = new Date();
-        date.setTime(date.getTime() + (days*24*60*60*1000));
-        expires = "; expires=" + date.toUTCString();
-    }
-    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
-}
-
-function getCookie(name) {
-    var nameEQ = name + "=";
-    var ca = document.cookie.split(';');
-    for(var i=0; i < ca.length; i++) {
-        var c = ca[i];
-        while (c.charAt(0)==' ') c = c.substring(1,c.length);
-        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
-    }
-    return null;
-}
-
 function uuidv4() {
     return ([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g, c =>
       (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)

website/_includes/clearbit.js

@@ -0,0 +1,7 @@
+(function (d, u, h, s) {
+  h = d.getElementsByTagName("head")[0];
+  s = d.createElement("script");
+  s.async = 1;
+  s.src = u + new Date().getTime();
+  h.appendChild(s);
+})(document, "https://grow.clearbitjs.com/api/pixel.js?v=");

website/_includes/growthbook.html → website/_includes/growthbook.js

@@ -1,7 +1,12 @@
-<script src="https://cdn.jsdelivr.net/npm/@growthbook/growthbook/dist/bundles/index.js"></script>
-<script>
+var script = document.createElement("script")
+script.id = "growthbookScript"
+script.src = "https://cdn.jsdelivr.net/npm/@growthbook/growthbook/dist/bundles/index.js"
+document.head.appendChild(script)
+
+var script = document.querySelector("#growthbookScript");
+script.addEventListener("load", function () {
   // Uncomment for testing
-  //var earthlyID = uuidv4();
+  // var earthlyID = uuidv4();
   var earthlyID = getAnalyticCookie();
 
   // Create a GrowthBook instance
@@ -43,4 +48,4 @@
       }*/
     });
   });
-</script>
+});

website/_includes/head.html

@@ -24,12 +24,19 @@
   <script defer src="/assets/js/tabs.js"></script>
   <script defer src="/assets/js/star-cta.js"></script>
   <script defer src="/assets/js/button.js"></script>
-  <script src="/assets/js/analytics.js"></script>
+  <script src="/assets/js/utils.js"></script>
 
   {% if jekyll.environment == "production" %}
-  {%- include segment.html -%}
-  <!-- {%- include growthbook.html -%} -->
-  {%- include clearbit.html -%}
-  {% endif %}
+    {%- include intercom.html -%}
 
-</head>
+    <script>
+      var privacyPolicyCookie = getCookie("privacyPolicy");
+      if (privacyPolicyCookie == "true") {
+        {% include analytics.js %}
+        {% include clearbit.js %}
+        // {% include growthbook.js %}
+        {% include segment.js %}
+      }
+    </script>
+  {% endif %}
+</head>

website/_includes/intercom.html

@@ -0,0 +1,12 @@
+<!-- intercom start-->
+<script>
+  window.intercomSettings = {
+    app_id: "e1503j4y"
+  };
+</script>
+
+<script>
+// We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/e1503j4y'
+(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/e1503j4y';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
+</script>
+<!-- intercom end-->

website/_includes/privacy-policy-box.html

@@ -0,0 +1,43 @@
+<div
+  id="privacy-policy-box"
+  class="bg-[#2c2b2b] border border-[#979797] fixed bottom-4 left-4 right-4 hidden max-w-xl px-9 py-8 rounded-[20px] z-50"
+>
+  <p class="leading-7 sm:ml-3.5 text-white tracking-tight">
+    We care about your data, and we’d like to use cookies to make your
+    experience better.
+    <a class="underline" href="/privacy-policy">Privacy policy</a>
+  </p>
+
+  <div class="flex sm:ml-1.5 mt-9">
+    <button
+      class="w-[166px] bg-[#2d7e5d] cursor-pointer py-2 rounded-lg text-center text-lg text-white"
+      onclick="handleClick(true)"
+    >
+      Okay!
+    </button>
+
+    <button
+      class="w-[166px] border border-[#979797] cursor-pointer ml-4 py-2 rounded-lg text-center text-lg text-white"
+      onclick="handleClick(false)"
+    >
+      No, thanks
+    </button>
+  </div>
+</div>
+
+<script>
+  $(document).ready(function () {
+    var privacyPolicyCookie = getCookie("privacyPolicy");
+    if (privacyPolicyCookie != "true") {
+      $("#privacy-policy-box").removeClass("hidden");
+    }
+  });
+
+  function handleClick(accepted) {
+    $("#privacy-policy-box").addClass("hidden");
+    if (accepted) {
+      setCookie("privacyPolicy", accepted, 365);
+      location.reload();
+    }
+  }
+</script>

website/_layouts/default.html

@@ -12,6 +12,7 @@
   </main>
 
   {% include home/v2/footer.html %}
+  {% include privacy-policy-box.html %}
 </body>
 
 </html>

website/assets/js/utils.js

@@ -0,0 +1,20 @@
+function getCookie(name) {
+  var nameEQ = name + "=";
+  var ca = document.cookie.split(";");
+  for (var i = 0; i < ca.length; i++) {
+    var c = ca[i];
+    while (c.charAt(0) == " ") c = c.substring(1, c.length);
+    if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
+  }
+  return null;
+}
+
+function setCookie(name, value, days) {
+  var expires = "";
+  if (days) {
+    var date = new Date();
+    date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
+    expires = "; expires=" + date.toUTCString();
+  }
+  document.cookie = name + "=" + (value || "") + expires + "; path=/";
+}