Edit in JSFiddle

<h2>sitetotal</h2>
<div id="sitetotaldiv" style="width: 450px;"></div><hr/>
<h2>conversation</h2>
<div id="conversationdiv" style="width: 450px;"></div><hr/>
<h2>domload</h2>
<div id="domloaddiv" style="width: 450px;"></div><hr/>
<h2>geomap</h2>
<div id="geomapdiv" style="width: 450px;"></div><hr/>
<h2>livefeed</h2>
<div id="livefeeddiv" style="width: 450px;"></div><hr/>
<h2>readwriteidle</h2>
<div id="readwriteidlediv" style="width: 450px;"></div><hr/>
<h2>refdetails</h2>
<div id="refdetailsdiv" style="width: 450px;"></div><hr/>
<h2>refpie</h2>
<div id="refpiediv" style="width: 450px;"></div><hr/>
<h2>sitemap</h2>
<div id="sitemapdiv" style="width: 450px;"></div><hr/>
<h2>sitetime</h2>
<div id="sitetimediv" style="width: 450px;"></div><hr/>

              
window.addEvent('domready', function() {
 var main_url = "p2pu.org";
 var apikey = "85d9048958caa51a01d1b8bc568fd6d2";
 superfly.startExternal(main_url, apikey);
 superfly.widgetManager.loadSpecificWidget('sitetotal', 'sitetotaldiv');
 superfly.widgetManager.loadSpecificWidget('conversation', 'conversationdiv');
 superfly.widgetManager.loadSpecificWidget('domload', 'domloaddiv');
 superfly.widgetManager.loadSpecificWidget('geomap', 'geomapdiv');
 superfly.widgetManager.loadSpecificWidget('livefeed', 'livefeeddiv');
 superfly.widgetManager.loadSpecificWidget('readwriteidle', 'readwriteidlediv');
 superfly.widgetManager.loadSpecificWidget('refdetails', 'refdetailsdiv');
 superfly.widgetManager.loadSpecificWidget('refpie', 'refpiediv');
 superfly.widgetManager.loadSpecificWidget('sitemap', 'sitemapdiv');
 superfly.widgetManager.loadSpecificWidget('sitetime', 'sitetimediv');
}, "javascript");