変数window.onloadを使用すると失われる

Question

私は次のスクリプトを持っていますが、変数 "ClientID"はどうにかして失われます（未定義）。これは "window.load"ステートメントのためですか？ ClientID変数がこの関数に引き継がれることを確認するために何かできることはありますか？この文書毎の

<script> 
      //Google analytics include 
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 

      ga('create', 'UA-xxxxxx-x', 'auto'); 
      ga('send', 'pageview'); 

      //store clientId in ClientID variable 
      var ClientID = ga(function(tracker) { 
       return tracker.get('clientId'); 
      }); 

      //After whole DOM is loaded addEventListener and send ClientID 
      //Not working, somehow ClientID gets lost... 
      window.onload = function() { 
       var myl = document.querySelector('div.mylivechat_collapsed'); 
       myl.addEventListener('click', function() { 
        ga('send', 'event', 'contact', 'livechat' , ClientID); 
       }); 
      } 
</script> 

Answer 1

：https://developers.google.com/analytics/devguides/collection/analyticsjs/command-queue-reference#createは

ga()機能がundefined返します。したがって、はundefinedになります。

私はあなたが正確に希望しているのかわからないんだけど、おそらくあなたが言うことを意味：

 window.onload = function() { 
      console.log('onload'); 
      var myl = document.querySelector('div.mylivechat_collapsed'); 
      myl.addEventListener('click', function() { 
       console.log('CLICK:',ClientID); 
       ga('send', 'event', 'contact', 'livechat' , tracker.get('clientId')); 
      }); 
     } 

そのような場合は、変数ClientIDは必要ありません。

Answer 2

を失ったが、がを定義したことはありませんClientIdのがではないようだ。

<script> 
 
    //Google analytics include 
 
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 
 
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 
 
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 
 
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 
 

 
      ga('create', 'UA-xxxxxx-x', 'auto'); 
 
      ga('send', 'pageview'); 
 

 
      //store clientId in ClientID variable 
 
      var ClientID = ga(function(tracker) { 
 
       return tracker.get('clientId'); 
 
      }); 
 
    
 
      console.log('1:',ClientID); 
 

 
      //After whole DOM is loaded addEventListener and send ClientID 
 
      //Not working, somehow ClientID gets lost... 
 
      window.onload = function() { 
 
       console.log('onload'); 
 
       var myl = document.querySelector('div.mylivechat_collapsed'); 
 
       myl.addEventListener('click', function() { 
 
        console.log('CLICK:',ClientID); 
 
        ga('send', 'event', 'contact', 'livechat' , ClientID); 
 
       }); 
 
      } 
 
</script> 
 
<div class="mylivechat_collapsed">[CLICK ME]</div>