Loading Google Analytics after page load by appending script in head doesn't always work

Question

In the EU, there's a cookie law that requires you to load third-party scripts after the user expresses consent, by clicking, scrolling or navigating for instance. So I load 3 scripts by executing a function that's called after document loads. This is the code:

The problem is that it doesn't always work, nor always fail. I see sessions and activity but I also know for a fact that there are visits that don't trigger the scripts because when I tested it myself on several other computers, not all activity was saved in analytics.

What should I fix in the function to make it work all the time?

Answer 1

$(document).ajaxComplete(function() {         var _gaq = _gaq || [];       _gaq.push(['_setAccount', 'UA-XXXXX-X']);       _gaq.push(['_trackPageview']);         var loadGoogleAnalytics = function(){          var ga = document.createElement('script');            ga.type = 'text/javascript';            ga.async = true;            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';             var s = document.getElementsByTagName('script')[0];            s.parentNode.insertBefore(ga, s);         }     }); 

Answer 2

If you have a look at this post, you can modify it slightly to achieve what you want:

<script type="text/javascript">   var _gaq = _gaq || [];   _gaq.push(['_setAccount', 'UA-XXXXX-X']);   _gaq.push(['_trackPageview']);     var loadGoogleAnalytics = function(){      var ga = document.createElement('script');        ga.type = 'text/javascript';        ga.async = true;        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';         var s = document.getElementsByTagName('script')[0];        s.parentNode.insertBefore(ga, s);     } </script> 

Then just call loadGoogleAnalytics() whenever the user agrees with your Cookie Usage display