: How should I access a variable after an async script is loaded? I have a setup tag for a Tracking service called Clicky that loads asynchronously on every page. I need to access "clicky" variable

@Megan663

In your main set up tag, you should push an event once it has completed loading:

<script type="text/javascript">
var clicky_site_ids = clicky_site_ids || [];
clicky_site_ids.push(<id-number>);
(function() {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = '//static.getclicky.com/js';
( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );

// push event to dataLayer
dataLayer.push({
'event': 'clicky ready'
})
})();
</script>


In your subsequent tags that require the "clicky" variable, you would just need to add to your trigger the "clicky ready" event.

Vote Up Vote Down

@Yeniel560

You can use the onload property of the script tag to see when the script is loaded:

<script type="text/javascript">
var clicky_site_ids = clicky_site_ids || [];
clicky_site_ids.push(<id-number>);
(function() {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.onload = function() {
clicky.goal('Email Capture');
};
s.src = '//static.getclicky.com/js';
( document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0] ).appendChild( s );
})();
</script>

Vote Up Vote Down