2011
Aug
17
Social Media Tabs
What is the difference between the facebook like buttons
There are 2 basic types of facebook like button:
1. The like button that appears on each blog post or website page using the Slick Social Share Button Plugin.
2. The like button that appears in the facebook page box like you see on … more
Icon positioning incorrect with slide out social media tabs
If you occassionally get problems with the icons not being positioned correctly for slide out tabs when first visiting a page this can be caused by jQuery creating the icon buttons before the images have downloaded.
The problem can easily be solved by adding a CSS rule to your theme’s style sheet, which sets the icon dimensions. If you are … more
Adding jQuery to your theme files using wp_enqueue_script
If jQuery is hardcoded into your theme files this may cause plugins that rely on jQuery to break as reloading the jQuery library a second time overwrites previously loaded jQuery plugin files.
To avoid this you can add jQuery via your functions.php file using a built-in WordPress function. This will coordinate between all of the files that require the library … more
Getting your facebook ID using your facebook username
To get your facebook ID using your username browse to the following URL – changing “username” for your facebook username:
https://graph.facebook.com/username
You should see information similar to the example below, including your facebook ID at the top of the page:
Widget does not appear on page when using twentyeleven theme
The twentyeleven theme has a setting, which allows you to turn off the sidebar for pages/posts.
If your widget is only appearing on the home page go to:
Admin->Appearance->Theme Options
Check the setting for “Default Layout” – make sure that the “One-column, no sidebar” option is NOT selected.
Create Your Own Google API Key
Creating your own google API key for the Social Media Tabs google plus plugin is fairly quick and easy:
- Go to https://code.google.com/apis/console#access.
- Login to your google account
- Click “Create Project”.
- Under service list, click “off” button next to “Google+ API” to turn it on.
- Accept both agreements.
- From the left menu, Go to “API
… more
The profiles all appear in the widget area but not in a tabbed sliding panel
There are several reasons why the social media tabs may fail to load properly:
1. The necessary code is missing from the page footer. The plugin adds the required jQuery code to your template footer. Make sure that your template files contain the wp_footer() function – this is usually located just before the closing body tag in your theme’s footer … more
How to get your google profile ID
To get your google profile ID for the google +1 tab go to your google accounts page and click on the “edit profile” link.
Check the URL in the browser address bar – your profile ID is the number in the middle of the URL:
https://profiles.google.com/100058553707375301897/about/
How to get your facebook page ID
The ID used for the social media tabs facebook widget is the ID of your facebook page.
If you dont know your facebook page ID logon to your facebook account and make sure that you switch to “Use facebook as a page” under the “Account” options in the menu.
When you are redirected to your facebook page check the URL … more
The facebook tab shows an error
If you facebook tab shows the following error message your Facebook ID is incorrect:
Could not retrieve id for the specified page. Please verify correct href was passed in.
Check that you are using a facebook page ID and not your facebook profile ID – … more
total
twitter
facebook
google +1
linkedin
stumbleupon
digg
delicious
pinterest
reddit
I am getting errors as per below. I can confirm that the file is indeed not in the path referenced.
File does not exist: /home/domain/public_html/wp-content/plugins/social-media-tabs/js/jquery.admin.js, referer: http://domain.local/wp-admin/options-general.php?page=social-media-tabs
Obviously, domain.local has been substituted for my actual domain name.
Hi,
Thanks for the info and will issue an update. In the meantime it shouldnt adversely impact the plugin as the file isnt required
Any way to show a facebook wall feed?
Hi,
Not with the current version of the plugin
Hello Design Chemical team!
I love your social media tabs plugin, and today I wanted to install it to a friend’s blog, but: the plugin just appears weird (despite the same theme being installed) – the content windows is sliding shiftet right next to the icons (instead of below) and thus, not having enough space, is running out of the sidebar. You can see what I mean here:
http://www.fotos-hochladen.net/uploads/wpsocialmediajpo1ady2rh.jpg
Do you have any idea why this is happening? The only difference between our blog setups is that he’s still using WordPress 3.2.1 (yes, I know, he should update – I keep telling him all the time…) and mine being on 3.3.1
Could that explain the problem?
Thank you so much for answering – and for programming this (generally
fantastic plugin!
Hi,
It appears that either the default style sheet is not selected in the options or there may be a javascript error somewhere on the page.
Check the following FAQs for jquery related errors:
http://www.designchemical.com/blog/index.php/faq/adding-jquery-to-your-theme-files-using-wp_enqueue_script/
http://www.designchemical.com/blog/index.php/faq/the-profiles-all-appear-in-the-widget-area-but-not-in-a-tabbed-sliding-panel/
Hi Lee,
Is it possible to customize a tab to include a flickr photo gallery?
Hi,
Actually I already have flickr set up in a test version. Will add to the next update
Twitter is showing an error message, and I can’t make it go away! What do I do??
Twitter have a limit of 150 calls per hour to the API for all twitter widgets. Try waiting a while and see if the error message goes away
Hi
When I activate this plugin on my site (also the slick social shares plugin), I have bullets appearing near each social site’s logo. How to I remove this? You can see what I’m talking about in this image: http://bit.ly/zsceEM.
Thanks!
Todd
Hi,
Try adding the following to your theme’s style sheet:
#nav-dcssb, #nav-dcssb li, .social-tabs, .social-tabs li {list-style: none!important; background: none;}Hi Lee
Thanks for replying.
It worked partially… If you look at a my live site (http://www.freeisraeladventures.com/trip-details/faq/) you’ll see there is still one bullet.
Also, will this fix the the “share buttons” plugin as well – or I need a different code for that?
Thanks,
Todd
Hi,
Add the following CSS:
li.tab-content {background: none!important;}It should also work for the social buttons plugin
Thanks!! Worked great!!
Great plugin, looks very nice and works well (OK, Twitter box often just displays the twitter error but sometimes displays content, so I know that’s just Twitter being awkward).
Request – is it possible to add LinkedIn as a tab? That would really help me out a lot!
Thanks
Hi,
I have looked into it … for some reason I didnt continue .. cant remember why now … I think it was something to do with the API requiring an API key
Thanks for letting me know anyway, I can understand why that whole API thing would be a pain!
I might have a hack around for my own use with a very much hard-coded thing if I can.
Anyway, thanks for the god work on this plugin, it’s certainly very helpful
Hi, thanks for the plugin!
I am only using the facebook part of this and I am wondering if there is some way to get rid of the icon (ie facebook) from the top and just picture the “find us on facebook” with the like button and people who like the page?
Also for some reason there are bullet points to the left of the icon and main part of the tab – is there any way to get rid of these?
Hey there,
Great plugin! Seems like I keep getting this error:
“An Error Occurred: No response from Twitter. Please try again in a few minutes.”
Is this occurring on the Twitter side? Any ideas?
Hi,
This is usually caused by a twitter problem. Most of the time its due to a limit that twitter impose on the number of calls that can be made per hour to their API. This should reset every hour though
Hi there, the facebook icon seems to be missing from both admin panel and as well as the widget on the website, any idea how to solve this??
Hi,
It looks like you have entered the facebook ID into the the icon field on the settings page. To use the default icons make sure that the following fields are all empty – See Screenshot
Is there anyway to make menu’s a part of this tabbed widget?
Hi,
not with the current plugin unfortunately. You could manually add the menu tab HTML to the plugin and the jquery would automatically create the sliding tab though
i am using the itheme2 as my website theme. i would love to use your plugin but cant seem to make it work anywhere i place it on my website. I get all my profiles to appear but they are under each other, cut in half and i cannot click on the different tabs to change. it just takes me to the top of my page. any help would be appreciated.
Hi,
It sounds like the jquery for the plugin is not working correctly – see FAQ The profiles all appear in the widget area but not in a tabbed sliding panel
I installed our plugin and I entered the info for the different feeds, but now the icon images have disappeared! I like the looks of this plugin, but I really don’t like having the broken images on my sites home page. How can I fix this?
Hi,
you dont have any CSS for the tabs. Either use the default one that comes with the plugin or add your own equivalent styles to your theme’s style sheet
Where do I find the instructions and the CSS to do that? I must have missed something in the setup instructions.
See option “Disable Default Skin”
Great plugin – there are a lot of social sharing plugins out there but this one works really well. I was wondering it it’s possible to have Google Plus integration though (even if I have to hack the plugin myself, but looking at the code it’s pretty complex) – at the moment the G+ tab just says “Google Buzz” when configured with my Google Plus ID.
Hi,
We have been looking at google plus but so far there doesnt really appear to be much available using the google plus API and use of the API is limited. If you have come across anything let me know.
Hi Lee,
Like jonb above, my RSS tab says my posts are 41 years old
My URL is: http://thedailybeaver.com
2nd issue: the facebook tab shows likes twice. In other words, if someone likes our page the tab reports it twice by showing their profile picture 2x.
Can you provide any help troubleshooting these? Thanks so much.
Jeff
Hi,
The date is calculated directly using built-in WordPress functions and based on the RSS feed timestamp. There appears to be a problem though with the post date in your RSS feed – in fact it doesnt appear to have one based on the data that the widget code is seeing.
Just found a solution as I was writing this. Switch your feed URL to atom instead of RSS – http://thedailybeaver.com/feed/atom/
The RSS feed still has issues with date but the atom feed appears to be OK. You could also try burning the RSS feed via feedburner – not a bad idea anyway but also may fix the date problem:
http://feedburner.google.com/
Thanks so much Lee, that did the trick!
Any suggestions for the ‘double likes’ the facebook tab is reporting? Perhaps it’s because they only have 4 likes so far? Not sure.
Thanks again for your help.
Hi ,
I now have the same issue as Brian – my twitter feed (www.rtsharp.co.uk) is displaying ‘An Error Occurred: No response from Twitter. Please try again in a few minutes.’ I have updated it recently, and cannot find anything I’m doing that would affect this (I haven’t changed any settings) – should I just wait and see like Brian?
Kind Regards,
RTSharp
Ah its now sorted itself out – problem solved (?)
The error you are getting indicates that the URL is correct but twitter is not returning any results. See if it clears today.
If you want to check the API that the plugin calls you can browse directly to:
http://api.twitter.com/1/statuses/user_timeline.json?screen_name=designchemical
Change “designchemical” for your twitter username. You will probably be asked to select software to open the file – just select something like notepad to view the data feed.
However this doesnt necessarily mean that there is no error between your server and twitter but at least you can see that there are no issues with the username
problems with my facebook id. i haven’t a number in my fb address……..someone can help me?
Hi,
Browse to the following URL – changing “username” for your facebook username:
https://graph.facebook.com/username
You should see your ID on the resulting page
Hello,
I have the problem already described in FAQ – the social media buttons appear in sidebar (my widget area) not on the sliding panel. I don’t have wp_footer() function in my footer.php file. How can I fix it? What code should I put in my footer.php file to make it work?
Thanks!
Hi,
If the function is missing from the footer.php file you can add the following just before the closing body tag:
Hi Lee,
Is it possible to disable the RSS-feed tab?
Thanks,
Ken
Hi,
In the drop down menu in the widget control panel just select “none”
Haha how did I miss that option! I guess I need to cut back on my massive amount of social media plug-ins.. Keep mixing them up. Feel free to delete my question..
why did you get rid of the google plus one option? this is the closest i’ve come to finding a plugin in with Like, Follow, and Plus One. could the versions be merged to accomplish this?
Hi,
The plusone feed used a 3rd party system since google hadnt yet launched its official API. unfortunately the 3rd party system shutdown.
We are however working on integrating a new system now that google has launched the plus one API
that’s awesome. thanks so much for putting out such a great free plugin. can’t wait for the new version!
Hello Lee, sorry to bother you.
My Social Media Tabs plugin won’t load my Twitter feed, telling me “An Error Occurred: No response from Twitter. Please try again in a few minutes.”
I’ve tried inputting my Twitter username as brianpagan and @brianpagan (with and without @ symbol), but no difference. Am I doing something wrong here?
Thanks for your time,
Brian
Hi,
The username should be without the “@” symbol. Is your twitter account public or private as it can only take the feed from a public account?
Hello!
It’s a public account and still not working, despite my changing pretty much every available option in the widget menu and settings one by one :-S
If you’d like to have a look…? http://blog.brianpagan.net
By the way, I’ve been looking at a bunch of similar plugins, and yours is the BEST BY FAR. Thanks for your great work and speedy assistance!
- Brian
Correction: it is working now….
Didn’t change anything, I guess IFM! Thanks for your help
For some reason I can only get 3 articles to show in the RSS feed. I have 10 articles posted in my feed, but they are not showing up in the rss tab. I have changed the number to show in the widget, but the rss does not change.
Hi,
Do you have any kind of caching plugin installed?
how do i change the color of the link text within the twitter and rss feed tab? thanks!
Hi,
You can use the following CSS selectors and add the CSS rules to your theme’s style sheet:
.dc-social a{ } .dc-social a:hover { }thanks, i need a little more direction…i added what you said to my theme’s style sheet but nothing changed…
Your theme files are overiding it. Try the following:
.part3 .dc-social a{
}
.part3 .dc-social a:hover {
}
Hi there, im having an issue with the dates in the RSS feed part of the widget. its saying that posts are 41years old! any thoughts on how to fix this?
Hi,
whats the URL of your RSS feed?
Is it possible to show the last entry of the wall from Facebook instead of the “Likes”?
Hi,
Currently the plugin is set up to only have the like box but it is something we can look at for future updates
Everything looks great! One question, how do I get the tab to show up on my home page and the portfolio pages? I enabled it to display everywhere in but on those static pages it will not show up? any ideas?
Hi,
Make sure your widget area is also set to display on those pages. Are the tabs not showing at all or they have errors?