Set up Hotjar analytics tool on website

[ashlingam]

Overview

Set up Hotjar analytics tool on website. References #128.

Action Items

• copy fullstory code snippet into this issue as a comment.
• Replace Fullstory code snippet with Hotjar code snippet.
• Notify @harishlingam once completed.

Resources/Instructions

hotjar code

<!-- Hotjar Tracking Code for www.hackforla.org -->
<script>
    (function(h,o,t,j,a,r){
        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
        h._hjSettings={hjid:1765604,hjsv:6};
        a=o.getElementsByTagName('head')[0];
        r=o.createElement('script');r.async=1;
        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
        a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>

[ExperimentsInHonesty]

fullstory snipit from _includes/head.html

  <script>
  window['_fs_debug'] = false;
  window['_fs_host'] = 'fullstory.com';
  window['_fs_org'] = 'N3DHB';
  window['_fs_namespace'] = 'FS';
  (function(m,n,e,t,l,o,g,y){
      if (e in m) {if(m.console && m.console.log) { m.console.log('FullStory namespace conflict. Please set window["_fs_namespace"].');} return;}
      g=m[e]=function(a,b,s){g.q?g.q.push([a,b,s]):g._api(a,b,s);};g.q=[];
      o=n.createElement(t);o.async=1;o.crossOrigin='anonymous';o.src='https://'+_fs_host+'/s/fs.js';
      y=n.getElementsByTagName(t)[0];y.parentNode.insertBefore(o,y);
      g.identify=function(i,v,s){g(l,{uid:i},s);if(v)g(l,v,s)};g.setUserVars=function(v,s){g(l,v,s)};g.event=function(i,v,s){g('event',{n:i,p:v},s)};
      g.shutdown=function(){g("rec",!1)};g.restart=function(){g("rec",!0)};
      g.log = function(a,b) { g("log", [a,b]) };
      g.consent=function(a){g("consent",!arguments.length||a)};
      g.identifyAccount=function(i,v){o='account';v=v||{};v.acctId=i;g(o,v)};
      g.clearUserCookie=function(){};
  })(window,document,window['_fs_namespace'],'script','user');
  </script>

[ashlingam]

Hi @wesrowe, pulling you into one other issue! We've reached the usable limit with FullStory's free plan and so we are now moving over to Hotjar. In addition, was wondering whether there is a use case for Google Analytics as a primary or secondary analytics tool. Hotjar allows for funnel tracking and heatmap analytics. Do we need anything more? Thank you!

[wesrowe]

@harishlingam let's look at hotjar together. if it has good basic analytics that works for me -- it's probably easier to use than google