Переменная теряется при использовании 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

ga() функция возвращает undefined, Следовательно, ClientID будет 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>