官网：https://heap.io/

（doc）：https://developers.heap.io/docs/web?_ga=2.211138645.1114119091.1659663322-1277517738.1659512000

官网（doc）：https://docs.trackjs.com/browser-agent/installation/

增加这一段话，即可进行用户使用的监测

<script type="text/javascript"> window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])}; heap.load("YOUR_APP_ID"); </script>

<script type="text/javascript"> window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])}; heap.load("YOUR_APP_ID"); </script> <script type="text/javascript"> window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])}; heap.load("YOUR_APP_ID"); </script> <script type="text/javascript"> window.heap=window.heap||[],heap.load=function(e,t){window.heap.appid=e,window.heap.config=t=t||{};var r=document.createElement("script");r.type="text/javascript",r.async=!0,r.src="https://cdn.heapanalytics.com/js/heap-"+e+".js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(r,a);for(var n=function(e){return function(){heap.push([e].concat(Array.prototype.slice.call(arguments,0)))}},p=["addEventProperties","addUserProperties","clearEventProperties","identify","resetIdentity","removeEventProperty","setEventProperties","track","unsetEventProperty"],o=0;o<p.length;o++)heap[p[o]]=n(p[o])}; heap.load("YOUR_APP_ID"); </script> 

<code class="rdmd-code lang-html theme-light" data-lang="html" name=""><span class="cm-tag cm-bracket">&lt;</span><span class="cm-tag">script</span> <span class="cm-attribute">type</span>=<span class="cm-string">&quot;text/javascript&quot;</span><span class="cm-tag cm-bracket">&gt;</span>   
<span class="cm-variable">window</span>.<span class="cm-property">heap</span><span class="cm-operator">=</span><span class="cm-variable">window</span>.<span class="cm-property">heap</span><span class="cm-operator">||</span>[],<span class="cm-variable">heap</span>.<span class="cm-property">load</span><span class="cm-operator">=</span><span class="cm-keyword">function</span>(<span class="cm-def">e</span>,<span class="cm-def">t</span>){<span class="cm-variable">window</span>.<span class="cm-property">heap</span>.<span class="cm-property">appid</span><span class="cm-operator">=</span><span class="cm-variable-2">e</span>,<span class="cm-variable">window</span>.<span class="cm-property">heap</span>.<span class="cm-property">config</span><span class="cm-operator">=</span><span class="cm-variable-2">t</span><span class="cm-operator">=</span><span class="cm-variable-2">t</span><span class="cm-operator">||</span>{};<span class="cm-keyword">var</span> <span class="cm-def">r</span><span class="cm-operator">=</span><span class="cm-variable">document</span>.<span class="cm-property">createElement</span>(<span class="cm-string">&quot;script&quot;</span>);<span class="cm-variable-2">r</span>.<span class="cm-property">type</span><span class="cm-operator">=</span><span class="cm-string">&quot;text/javascript&quot;</span>,<span class="cm-variable-2">r</span>.<span class="cm-property">async</span><span class="cm-operator">=!</span><span class="cm-number">0</span>,<span class="cm-variable-2">r</span>.<span class="cm-property">src</span><span class="cm-operator">=</span><span class="cm-string">&quot;https://cdn.heapanalytics.com/js/heap-&quot;</span><span class="cm-operator">+</span><span class="cm-variable-2">e</span><span class="cm-operator">+</span><span class="cm-string">&quot;.js&quot;</span>;<span class="cm-keyword">var</span> <span class="cm-def">a</span><span class="cm-operator">=</span><span class="cm-variable">document</span>.<span class="cm-property">getElementsByTagName</span>(<span class="cm-string">&quot;script&quot;</span>)[<span class="cm-number">0</span>];<span class="cm-variable-2">a</span>.<span class="cm-property">parentNode</span>.<span class="cm-property">insertBefore</span>(<span class="cm-variable-2">r</span>,<span class="cm-variable-2">a</span>);<span class="cm-keyword">for</span>(<span class="cm-keyword">var</span> <span class="cm-def">n</span><span class="cm-operator">=</span><span class="cm-keyword">function</span>(<span class="cm-def">e</span>){<span class="cm-keyword">return</span> <span class="cm-keyword">function</span>(){<span class="cm-variable">heap</span>.<span class="cm-property">push</span>([<span class="cm-variable-2">e</span>].<span class="cm-property">concat</span>(<span class="cm-variable">Array</span>.<span class="cm-property">prototype</span>.<span class="cm-property">slice</span>.<span class="cm-property">call</span>(<span class="cm-variable-2">arguments</span>,<span class="cm-number">0</span>)))}},<span class="cm-def">p</span><span class="cm-operator">=</span>[<span class="cm-string">&quot;addEventProperties&quot;</span>,<span class="cm-string">&quot;addUserProperties&quot;</span>,<span class="cm-string">&quot;clearEventProperties&quot;</span>,<span class="cm-string">&quot;identify&quot;</span>,<span class="cm-string">&quot;resetIdentity&quot;</span>,<span class="cm-string">&quot;removeEventProperty&quot;</span>,<span class="cm-string">&quot;setEventProperties&quot;</span>,<span class="cm-string">&quot;track&quot;</span>,<span class="cm-string">&quot;unsetEventProperty&quot;</span>],<span class="cm-def">o</span><span class="cm-operator">=</span><span class="cm-number">0</span>;<span class="cm-variable-2">o</span><span class="cm-operator">&lt;</span><span class="cm-variable-2">p</span>.<span class="cm-property">length</span>;<span class="cm-variable-2">o</span><span class="cm-operator">++</span>)<span class="cm-variable">heap</span>[<span class="cm-variable-2">p</span>[<span class="cm-variable-2">o</span>]]<span class="cm-operator">=</span><span class="cm-variable-2">n</span>(<span class="cm-variable-2">p</span>[<span class="cm-variable-2">o</span>])};   
<span class="cm-variable">heap</span>.<span class="cm-property">load</span>(<span class="cm-string">&quot;YOUR_APP_ID&quot;</span>); 
<span class="cm-tag cm-bracket">&lt;/</span><span class="cm-tag">script</span><span class="cm-tag cm-bracket">&gt;</span>

如果没有 APP id就创建一个然后就可以了

trackjs方法同理，

<script src="https://cdn.trackjs.com/agent/v3/latest/t.js"></script>
<script>
  window.TrackJS && TrackJS.install({
    token: "060b36e578--------a247b903919"（token id 填写即可使用）
  });
</script>