Asynchronous Tracking Code

Message Share Topic Printable Version Google Delicious Digg StumbleUpon Windows Live Yahoo Bookmarks reddit Facebook MySpace Newsvine Furl Topic Search Topic Options Post Reply Create New Topic

The following code is fully asynchronous and doesn't require jQuery, however it is very complex. This is so that the load of your page is not dependent on the load of your WhosOn server, say for instance if there is a service interruption or you maintenance is being performed on the service, this does not affect your site load. 

It should go into the Head of the HTML document for your pages.

Make sure to replace the gateway.whoson.com value and the www.domain.com from the example below to suit your own gateway and domain.

<script type='text/javascript' lang='javascript'>
        var sWO={};
                sWO.i =  function()  {if (typeof(woAfterLoad) == 'function') {woAfterLoad(); woAfterLoad = null;}}
        sWO.o = function() { if (typeof(sWOInvite)=='undefined'||sWOInvite=='') {return;} sWOInvite='';sWOTrackPage(); 
            var iog = document.createElement('script');
            iog.type = 'text/javascript';
            iog.async = true;
            iog.onload = sWO.i;
                    iog.onreadystatechange = function () {
                                 if (this.readyState == 'loaded' || this.readyState == 'complete') sWO.i();
                                };
            iog.src='http://gateway.whoson.com/invite.js?domain=www.domain.com'
            var s = document.getElementsByTagName('body')[0]; 
            s.appendChild(iog, s); 
            }
        sWO.f = function() { var wog = document.createElement('script'); 
            wog.type = 'text/javascript'; 
            wog.async = true;
            wog.onload = sWO.o;
            wog.onreadystatechange = function () { if (this.readyState == 'loaded' || this.readyState == 'complete') sWO.o(); };
            wog.src = 'http://gateway.whoson.com/include.js?domain=www.domain.com'
            var s = document.getElementsByTagName('script')[0]; 
            s.parentNode.insertBefore(wog, s);
            };
        if (window.attachEvent) {window.attachEvent('onload', sWO.f);} else {window.addEventListener('load',sWO.f,false)}
</script>

You will need to add a HTML tag to Body. Otherwise the script will not work correctly. This will display the click to chat within the Body of your page and that can be done with the following:

<a id='whoson_chat_link'></a>

Edited by James Horton - 20 Apr 2012 at 9:43am