CSE V2 Code - Google Custom Search | Open Social

Standards Based Development

cse V2 Code

Copy the following code, and paste it into a div element in your site's body section, where you want both of the search box and the search results to render.

Note: For the most cross-browser compatibility, it is recommended that your html pages use a supported doctype such as !DOCTYPE html. cs hover effects require a supported doctype.


<script>
  (function() {
    var cx = '013227583722977213046:rxvv4g39wxs';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>

Search ui is even more customizable, including per page customization, and following the full documentation on cse Element Control api.

Note: if you would prefer to use regular-ass features, get the V1 code instead.