GetSocial is a WordPress plugin that adds an intelligent, lightweight, quick to setup floating social media sharing box on your blog posts.
GetSocial Features
Floating social share box compatible with leading web browsers- Out-of-the-box functionality like
- Twitter’s Tweet Button
- Tweetmeme Retweet button
- Facebook Share button
- Google Buzz button and
- Stumbleupon Submit button
- Digg Button
- The Web Blend Button
- Easily add any number of additional social media sharing buttons
- Always visible and accessible even if the user scrolls down the page
- Auto-adjusts itself to all screen resolutions and window sizes
- Automatically hides itself partially to the left of the screen if window is resized to smaller than defined width
- Hovering over a partially hidden GetSocial box displays the full box
- For higher screen resolutions, displays full by default
- Options to add GetSocial to posts as well as pages
- Options to disable Getsocial on individual posts/pages
- Lightweight plugin with minimal settings
- Scripts are loaded in footer to improve page-load time. Scripts can optionally be loaded in header if your theme does not support the wp_footer WordPress hook
Installation
Upload the Getsocial plugin folder to your plugins directory, activate it and it should work out of the box. Detailed instructions follow:
- Extract and upload the
getsocialfolder to the/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ menu in WordPress
- Go to GetSocial Settings page and adjust the options as described there.
- Review and Save Changes.
- GetSocial box will now appear on all blog posts.
Frequently Asked Questions
How to add additional social media sharing buttons to the GetSocial box?
Simply add the HTML code for the additional buttons under the ‘Additional buttons’ options in the settings page. Enclose each button within <div class="sharebutton"> and </div> tags. For example:
<div class="sharebutton">
<!-- Code for additional button 1 -->
</div>
<div class="sharebutton">
<!-- Code for additional button 2 -->
</div>
Nothing happens when I hover over partially hidden GetSocial box
Set the Browser Width option in the GetSocial settings page to suit the maximum width of your theme. For example, if your theme’s width is 1000px, you may set the browser width to 1140px (1000 + 140) or slighly higher. Try out different values of browser width and set the one that gives desired behaviour.
I have activated the GetSocial plugin but the GetSocial box does not show up. What could be wrong?
Make sure that you have selected the desired Display options on the GetSocial Settings page and saved the changes. If the GetSocial box still does not appear, it could be because your theme does not use the standard WordPress function wp_footer(). You can try one of the following options:
Add following code to your theme’s template (possibly in footer.php) just before the </body> tag:
<?php wp_footer(); ?>
OR Add following code to footer.php just before the </body> tag or in header.php after opening <body> tag:
<?php
if (function_exists('add_getsocial_scripts')) {
add_getsocial_scripts();
if (function_exists('add_getsocial_box')) {
add_getsocial_box();
}
}
?>
How do I add the email and more buttons from Addthis.com?
Please refer to How to Customize GetSocial with CSS3 Buttons.
My question isn’t listed here. Where can I get further help?
For further Help and Support please use Forums or Ask me on Twitter.
Where can I report a bug or submit feature requests?
Please feel free to reach me through Forums.
Screenshots
GetSocial WordPress Plugin
Visible even after scrolling down
GetSocial Plugin - Smartly hides on resizing the window
Hovering over will show the full view
41 Comments
Hello,
I installed your plugin on my blog (game-changer.net) but for some reason it’s not showing up on individual blog posts.
I have a 1920×1080 resolution on my PC, does that have anything to do with it?
Thank you for your attention!
Hi Jorge,
Just had a look at your blog posts. I think you have not configured the plugin options via the settings page. Click on the GetSocial Settings option in the left hand side menu in your WordPress Admin and click on Save Settings button.
Let me know the outcome.
Hello Riyaz,
I have the same problem similar to what Jorge is having…I installed your plugin on my WP blog but it’s not showing up at all.
Any known conflict issues with other WP plugins?…
Jorge’s issue got resolved. The issue was with the theme’s code. The theme did not use the WordPress standard function wp_footer() and hence the plugin’s code was never invoked. Is it the same issue with your theme? If so you can try either of the following options:
add following code to your theme’s template (possibly in footer.php) just before the
</body>tag.or add following code to footer.php just before the
</body>tag:If this is not the issue, please let me know the url of the blog where you want to set it up so that I can look into it.
wp_footer function exists in my template but contained in a div.
If I add the codes you suggested, it will get caught in that div container and thus pushing or expanding the GetSocial display downward.
I can’t moved the theme author copyright around because it will trigger an alert if I’m tempering with it.
The author hard-coded his license link with temper-proof codes or some sort.
I figured out that the footer is not a part of the main body.
I need to tweak the template first so it will play along with your plugin.
Anyways, thanks for the hints and help.
Hello ,
Thank You for the great work , I’ve tried to set up your plugin , but it seem dont works with my theme .
Please I will need your help to fixe this issue.
Regards
Did you try the options mentioned above (http://www.riyaz.net/getsocial/#comment-34200) to change footer.php file? Let me know how it goes after making these changes.
Hello riyaz,
Thank you for responding ,Yes I’ve tried the two folowing options :
and this one also
regards
Den,
Just had a look at your site and it doesn’t look like theme issue. I guess some plugins causing the issue.
Some users have reported that deactivating tooltip plugin helped. I would suggest to deactivate any jQuery based plugins and check if it helps. Let me know the outcome.
I will also look into what you said about jQuery based plugins.
Disabling some of the plugins and test if that helps…
Hi Riyaz,
Great plug-in! Any tips to get it to show up on Pages as well as posts? Also, FYI, I added in a height to the CSS of the plugin – your “GetSocial” was getting cut in half by the bottom border (on Mozilla 3.6.7 and IE8) when only using the Retweet, Share to Facebook and Buzz buttons. I set the height to 188 and it fit perfectly. Thanks!
Bill,
I will be adding the feature to be able to display GetSocial box on pages in the upcoming release. For now all you need to do is change all the occurrences
is_single()in the getsocial.php file tois_single() || is_page()and it should work.I will look at the height issue as well and fix it in the upcoming release.
Hi, okey, I want to try it, tanks yeah?
Ok,thats great plugin.
tell me then if it shows up on single post page ..how do we show re-tweet button on home page besides the posts. what i meant to say that before using ur plugin i was using tweetmeme only… then with the code i was able to use it on home page and single page. now two retweet buttons are appearing on my singlepage one solo and one with your get social.
if i remove ONLY tweetmeme plugin and keep your plugin then how do i show retweets on homepage.
pls. solve it asap.
hi
how do i add the email to the social plugin like you have?
how does this work with the addthis
thanks
johannes
Johannes, this should help you: How to Customize GetSocial with CSS3 Buttons. Let me know if you need more help.
Thanks a lot
works now
do you plan to make it possible to see plug in at the index page to?
thanks
johannes
The options to add the GetSocial box on pages should be available in the next release of the plugin.
Jamal,
I want you to add following lines just before the
</body>tag in your theme:<?phpif (function_exists('add_getsocial_scripts')) {
add_getsocial_scripts();
if (function_exists('add_getsocial_box')) {
add_getsocial_box();
}
}
?>
I dont see it currently on your site. Let me know once you put this code in.
Great Plugin. I added another feature. Just share on design Bump. The arrows gives the plugin a better look. Thanks for created this great plugin.
Thanks Ranjith
I tried the too methods you descrided above, but the footer one did nothing and the other made my page get really distorted. anyway you could take a look and see if theres a solution?
Try the second option again. Add the code just before the closing </body> tag. Make sure you clear the caches if you are using any caching/minifying plugins. The closing body tag is generally located in footer.php.
If it doesnot work, you can try adding the code anywhere after the opening <body> tag. The opening body tag is generally located in header.php. Again make sure you clear the caches if you are using any caching/minifying plugins.
Let me know how it goes.
Before doing above steps, I would suggest you to change the value of ‘Offset from left’ property in GetSocial settings page. Too high value will make the box disappear from the view. Try with initial value of 80 and see if the GetSocial box appears. Then you can change the value gradually as necessary.
hi –
i’m able to implement the new tweet button (twitter’s new ‘official’ button) using div tags as you described.
question: how do I make this the top button instead of just an additional button displayed below the one’s available from your plugin?
thanks!
- asking the question is often enough to set me on the path to finding the answer myself – but still would appreciate a response
Simply use the latest version (1.3) of GetSocial plugin which supports Twitter’s new Tweet Button out-of-the-box.
excellent! thanks so much – great work!
trying to get this to work, pasted the code into the footer, still doesn’t show up. site is drinkoftheweek.com
Please remove all the code you manually pasted in your theme templates. Activate the GetSocial plugin. On the GetSocial Settings page, go to Advanced options and uncheck the checkbox. Save changes and then let me know if it works for you.
Hey Riyaz,
Great work! I wanted to add this plugin on my site, which is not a wordpress. So I took the css part, but the .js won’t work. How come please ?
It should work. May be you are missing something.
on the mac at least, the GetSocial bar ‘vibrates’ on hover – meaning that is bounces from the left side of the site to the left edge of the browser window very rapidly – depending on width of browser window.
http://blog.halopets.com/2010/07/30/dog-leads-her-ailing-dog/
his happens on safari, firefox and chrome…
You need to set the Browser Width option on GetSocial settings page correctly. For example if your blog’s content area is 800px wide, you should set the Browser Width option to approximately 800+140 = 940.
The current value set on your blog is too high for the size of the content area. Try changing it to a lower value as I described above and it should work correctly. Let me know how it goes.
that seems to do the trick – thanks!
How can I change the sidebar that says “Share” to something other than purple?
Your plugin was just what I needed! Thank you!
You can change the image located in wp-content/plugins/getsocial/images folder to suit your theme. If you want to remove the bar, simply rename the image to anything else or edit the getsocial.css file accordingly.
I have the latest version of the plugin, but its currently only appearing on single post pages. I’ve enabled the the settings to show on both pages and posts, but still no go. Any ideas?
Thanks
http://www.qwerkydesigns.com/headCount/
It seems you have manually added the getsocial codes to your theme templates too many times. If so remove all manual inserts and activate the GetSocial plugin. Let me know how it goes.
That’s what I started with. I removed all manual inserts, and redid the plugin, but its still not working
FYI the plugin appears on regular pages
http://www.qwerkydesigns.com/headCount/?page_id=2
just not on the front page
The plugin was not designed to appear on the front page or homepage. This is because only one instance of plugin can appear on any page and homepage typically has more than one post.
30 Trackbacks
[...] This post was mentioned on Twitter by riyaz.net, riyaz.net. riyaz.net said: GetSocial – New #WordPress plugin to add a smart, lightweight, floating social sharing box 2 ur blog posts – http://su.pr/27bKtK [...]
[...] GetSocial [...]
[...] GetSocial [...]
[...] Riyaz Sayyad last week released a great social media plugin for WordPress entitled Get Social. Instead of being positioned at the end of a post like other social media plugins, the Get Social box floats at the left hand side of your page. As you scroll down the page the box remains at the top left hand side. It’s very similar to the social media box which Mashable uses. [...]
[...] Plugin ini berfungsi untuk mengizinkan para tamu untuk berbagi (share) ke berbagai social network melalui floating box yang tersedia. Terus plugin ini cocok pula dengan leading web browsers karena bisa menambahkan social network yang kita ingini dalam sharing box. Lihat Plugin [...]
[...] GetSocial [...]
[...] GetSocial [...]
[...] GetSocial [...]
[...] GetSocial [...]
[...] GetSocial [...]
[...] GetSocial es un plugin para WordPress con el que nosotros podremos añadir botones para compartir contenido en Twitter y en Buzz, además de mostrar el ya típico botón de “Me Gusta” que viene de manos de Facebook, todo de una sencilla manera. [...]
[...] Plugin Homepage [...]
[...] Tumblr, Twitter, Technorati, Viddler, Vimeo, Virb, and YouTube! Requires WP Version: 2.8 or higher.GetSocialGetSocial Homepage → GetSocial adds an intelligent, lightweight, quick to setup floating social [...]
[...] GetSocial [...]
[...] Tumblr, Twitter, Technorati, Viddler, Vimeo, Virb, and YouTube! Requires WP Version: 2.8 or higher.GetSocialGetSocial Homepage → GetSocial adds an intelligent, lightweight, quick to setup floating social [...]
[...] GetSocial – Agrega la caja flotante, permitiendo agregar los botones de las redes sociales que quieras. [...]
[...] GetSocial [...]
[...] Plugin Homepage [...]
[...] GetSocial [...]
[...] GetSocial [...]
[...] Plugin Homepage [...]
[...] GetSocial Homepage → GetSocial adds an intelligent, lightweight, quick to setup floating social media sharing box on your blog posts that is always visible and accessible even if the user scrolls down the page. Its out-of-the-box functionality includes the Tweetmeme Retweet button, Facebook Share button, Google Buzz button and the Stumbleupon Submit button. You can quite easily add any number of additional social media sharing buttons. Requires WP Version: 2.7 or higher. [...]
[...] GetSocial [...]
[...] Plugin Homepage [...]
[...] Download GetSocial Homepage GetSocial WordPress [...]
[...] GetSocial [...]
[...] GetSocial [...]
[...] 3. GetSocial [...]
[...] Plugin Homepage [...]
[...] Plugin Homepage [...]