Google+ sharer bookmarklet with a scroll bar

The short version of this post is that the bookmarklet I share below will allow you to share a webpage to Google+ using a sharer window that uses a scroll bar:
G+

If you drag the G+ hyperlink above to your browser's bookmarks toolbar you will be able to easily share pages to Google+ using a single mouse click without running into the annoyance I describe below.

---

Bookmarklets can be very useful. For instance, in this example you can use a bookmarklet to share a page on Google+ and this allows you to share any page you might be reading to Google+.

In fact, such a "Share Bookmarklet" is out there and can be found toward the bottom of the page at https://developers.google.com/+/web/share/.

Unfortunately, this bookmarklet can have a problem for people using monitors with a low vertical resolution such as me (my laptop's native screen resolution is 1280x800). The problem is that the amount of screen space devoted to the sharer window can exceed and frequently exceeds the available vertical resolution of the display. As a result, the actual 'Share' button is pushed outside of the window boundaries.

One gets something that looks like this:



Granted, my laptop is rather old and many newer laptops have a larger vertical resolution than mine. However, even when just looking at newer devices, not all do (particularly devices with a smaller physical screen size). For instance, the Acer C7 Chromebook has a screen resolution of 1366×768.

The sharer window thus produced is not useless because one can access the 'Share' button relatively easily by cycling the selected webpage element by means of the <Tab> key on the computer keyboard. However, having to do this is annoying and cumbersome.

As it happens, this is a very easy issue to correct by simply changing the javascript code to generate the sharer window with a scroll bar enabled.

The code for the Google+ sharer bookmarklet found at the Google Developers page I referenced above is as follows:

javascript:void(window.open('https://plus.google.com/share?ur\l='+encodeURIComponent(location),%20'Share%20to%20Google+','width=600,height=460,menubar=no,location=no,status=no'));

The solution is to add a "scrollbars=yes" parameter to the window.open javascript method. The code then will be as follows:

javascript:void(window.open('https://plus.google.com/share?ur\l='+encodeURIComponent(location),%20'Share%20to%20Google+','width=600,height=460,menubar=no,location=no,status=no,scrollbars=yes'));

This is what has been done in the bookmarklet linked to at the beginning of this post and below. Drag the link to your browser's bookmarks toolbar to use:
G+