<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'>
// #1 Asynchronously include the widget library:
// TODO: replace WIDGET_SCRIPT with your own from here:
//  http://www.cloudsponge.com/account/success/install#add-our-snippet
(function(u){
  var d=document,s='script',a=d.createElement(s),m=d.getElementsByTagName(s)[0];
  a.async=1;a.src=u;m.parentNode.insertBefore(a,m);
})('//api.cloudsponge.com/widget/d71c8348d1de0600d116f18c953cd23aa410d8ba.js');
// #2 Configure the widget:
// We're going to suppress the display of the links that launch a 
//  popup until the widget has completed initialization.
window.csPageOptions = {
  textarea_id:'contact_list',
  // set skipSourceMenu to true when using deep links for a more consistent UX
  skipSourceMenu:true, // suppresses the source menu unless linked to directly
  // delay making the links that launch a popup clickable
  // until after the widget has initialized completly. a popup window must 
  // be opened in an onclick handler, so we don't support queueing these actions
  afterInit:function() {
    var i, links = document.getElementsByClassName('delayed');
    for (i = 0; i < links.length; i++) {
      // make the links that launch a popup clickable by setting the href property
      links[i].href = "#";
    }
    // if this is not a mobile browser, we can show and enable the desktop-only links
    if (!cloudsponge.mobile) {
      links = document.getElementsByClassName('desktop-only');
      for (i = 0; i < links.length; i++) {
        // show it
        link[i].style.display = "";
        // make it clickable
        link[i].href = "#";
      }
    }
  }
};
</script>
</head>
<body>

Add from...<br />
<a class="deep-link desktop-only" stye="display: none;" onclick="return cloudsponge.launch('linkedin');"><img alt="Gmail" height="28" src="/images/icons/linkedin.png" title="linkedin" width="28"></a><br />
<a class="deep-link delayed" data-source="gmail" onclick="return cloudsponge.launch('gmail');"><img alt="Gmail" height="28" src="/images/icons/gmail.png" title="Gmail" width="28"></a><br />

<textarea id="contact_list" style="width:450px;height:82px"></textarea>
<!-- Any link with a class="cs_import" attribute will launch the widget -->


<!-- Set your options, including the domain_key -->
<!-- Include the script anywhere on your page -->
<script type="text/javascript">
window.csPageOptions = {  
  textarea_id:'contact_list'
};
//var onImportComplete = onABCommComplete;
(function(u){ 
  var d=document,s='script',a=d.createElement(s),m=d.getElementsByTagName(s)[0];
  a.async=1;a.src=u;m.parentNode.insertBefore(a,m);
})('//api.cloudsponge.com/address_books.js');
</script>
</body>
</html>