Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.
Solved
Social Media Buttons
Posted on 2014-01-03
I'm trying to add social networking buttons to an html page, following the directions here:
http://blog.hubspot.com/blog/tabid/6307/bid/29544/The-Ultimate-Cheat-Sheet-for-Creating-Social-Media-Buttons.aspx
I've attached the file I created based on that blog and links to developer tools on Facebook and Google Plus.
I don't have a website set up, so am just opening the HTML file in Internet Explorer.
The Twitter and Reddit buttons work, bringing up login pages for those sites, but the Facebook and Google Plus buttons don't work.
Questions:
1. Am I doing something wrong in the code?
2. Would those buttons work if they were on a real website rather than just my test HTML file?
3. Why do the Twitter and Reddit buttons work when the Facebook and Google Plus buttons don't?
social-netowrk-button.html
http://blog.hubspot.com/blog/tabid/6307/bid/29544/The-Ultimate-Cheat-Sheet-for-Creating-Social-Media-Buttons.aspx
I've attached the file I created based on that blog and links to developer tools on Facebook and Google Plus.
I don't have a website set up, so am just opening the HTML file in Internet Explorer.
The Twitter and Reddit buttons work, bringing up login pages for those sites, but the Facebook and Google Plus buttons don't work.
Questions:
1. Am I doing something wrong in the code?
2. Would those buttons work if they were on a real website rather than just my test HTML file?
3. Why do the Twitter and Reddit buttons work when the Facebook and Google Plus buttons don't?
social-netowrk-button.html
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
-
3
4 Comments
Hi mbizup,
It's certainly possible given the instructions on that page are fairly unclear as the author goes into every possible permutation of social buttons. So you may be conflating code from multiple sources...hard to say looking at the sample (q.v.)
They would be different, yes. The test file, especially a local one, doesn't have a fully qualified domain name (FQDN) and addressable URL and if the script being used to generate the button checks for that sort of thing, it would act differently. You always want to test from a web server when possible.
The Twitter button is just a simple link (<a> tag) so it will always work. However, it will only show as a link because the CSS class "twitter-share-button" doesn't have a matching CSS file to work with.
The Reddit button is the same thing only combined with a full URL src'd image. So that one looks and acts okay.
Google+ is using javascript to generate itself so it may not work from a local file preview but it should work fine on a real server (click your attachment above to see it work on EE's server).
The Facebook button is also using javascript to generate itself so it may need a full working server to be seen properly. Additionally, you have a local image reference in that div: src="images/JFTIwebsite_lo
1. Am I doing something wrong in the code?
It's certainly possible given the instructions on that page are fairly unclear as the author goes into every possible permutation of social buttons. So you may be conflating code from multiple sources...hard to say looking at the sample (q.v.)
2. Would those buttons work if they were on a real website rather than just my test HTML file?
They would be different, yes. The test file, especially a local one, doesn't have a fully qualified domain name (FQDN) and addressable URL and if the script being used to generate the button checks for that sort of thing, it would act differently. You always want to test from a web server when possible.
3. Why do the Twitter and Reddit buttons work when the Facebook and Google Plus buttons don't?
The Twitter button is just a simple link (<a> tag) so it will always work. However, it will only show as a link because the CSS class "twitter-share-button" doesn't have a matching CSS file to work with.
The Reddit button is the same thing only combined with a full URL src'd image. So that one looks and acts okay.
Google+ is using javascript to generate itself so it may not work from a local file preview but it should work fine on a real server (click your attachment above to see it work on EE's server).
The Facebook button is also using javascript to generate itself so it may need a full working server to be seen properly. Additionally, you have a local image reference in that div: src="images/JFTIwebsite_lo
Active today
Jason,
Thanks - great explanation (I couldn't have said it better myself ;-) )
<< (click your attachment above to see it work on EE's server) >>
Wow! I never would have thought of that.
<< if the Facebook script is testing for a header response from www.HERPDERP.INSERTURLHERE.com >>
Double wow! After my own failed attempts at this, I asked my son to take a stab at it. I didn't notice that he had put what he called LOL code in there.
As soon as I changed that to a real URL, it worked as an EE attachment -- see the attachment in my last comment. (herp derp.)
Thanks - great explanation (I couldn't have said it better myself ;-) )
<< (click your attachment above to see it work on EE's server) >>
Wow! I never would have thought of that.
<< if the Facebook script is testing for a header response from www.HERPDERP.INSERTURLHERE.com >>
Double wow! After my own failed attempts at this, I asked my son to take a stab at it. I didn't notice that he had put what he called LOL code in there.
As soon as I changed that to a real URL, it worked as an EE attachment -- see the attachment in my last comment. (herp derp.)
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
Choosing a core focus or particular set of features and options can be tough. To help out, we’re going to highlight a handful of things your business needs on one of your social media pages. In other words, if one of these is missing, you should imp…
The goal of the tutorial is to teach the user how to how to add contacts and edit them in Skype.
The goal of the tutorial is to teach the user how to make an account for Skype and brief over view of all the options.
There are the parts in this series.
Suggested Courses
Course of the Month4 days, 8 hours left to enroll
661 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.