I've found the code but not where to put it on my Facebook page.. not my website. Everyone keeps referencing dropping it in a code block, but I haven't been able to find an example of how to do this.
There's already a Like button on Facebook Pages if the user viewing the page doesn't already like the page. If you want to add a like button on your Page for another entity (such as a website, article, or a different Page) you'll need to install a tab to your page where you can put HTML content.
There are several third party applications that allow you to do this, one of the popular ones is http://www.facebook.com/apps/application.php?id=190322544333196 - you could add a new tab to your page with some static content (images, etc) and include the Like button on that tab.
There is no way to embed a like button for an external entity into a post on the page's wall, which i suspect is what you're currently trying to do.
Related
The original method for sharing links with a custom image, text and link appears to have been stripped from Facebook. I for one would love to see them bring this back.
Here is my situtation. I have a Facebook tab that loads a page that is hosted under my hosteddomains.com. I setup a Facebook app to work with my Facebook tab. When I try to use the new "Share Dialog" if the link I want to share is not the same as the app domains then i get an error and I can't share the link. Am I doing something wrong or is this what they intended to do?
IF that's what they intended to do then there is no way that this will replace what sharer.php could do. I could be on any site and share any link with an image to Facebook and have it posted to my wall.
The question is if i am on facebook tab and i want to share a link (I want a dialog box with a custom photo, title, link, and summary) and allow my users to post this custom message to there Facebook status.
Maybe i am confused about how to accomplish this, but so far i am not having much luck.
I miss the good ole days when i could just construct a URL and that would give me the ability to share what i want to share. Twitter and Pinterest have these methods.
Here are some code examples of things that I've tried that did not work:
Option #1:
The url in this option goes to page that I created on hosteddomains.com that has the Open Graph Meta Tags in it. My idea was to share these pages from my server that will direct them back to my Facebook tab. The result I was getting from this method was seeing the title of the tab from my FB page and description. The reason turned out to be that if i set the og:url to my Facebook tab page, that's the page that would get scraped. That's not what i was expecting from this method. I thought it would take the meta tags from the page i shared and the url with it. Not take all of the info from url and ignore the meta tags.
<a href="https://www.facebook.com/sharer/sharer.php?u=[URL]"
target="_parent">SHARE ON FB</a></p>
Option #2:
Tried using Facebook Share Dialog. I had an interesting time with this one. I setup a new Facebook app. I tried the Facebook tab as the URL and also my custom url to the page that has custom open graph meta tags. The facebook app has two App Domains - hosteddomain.com and websiteA.com. I also created a Page Tab section. The page tab section loads the HTML page that was loaded in the tab we made for our facebook page. Issue with this method is I don't get a custom open graph options set from my php page. I'm picking up information from the facebook tab again. At least now the dialog box shows the name of the new app. I am limited in what i can share using this method. The url i share has to belong to the App Domains. In order to have multiple app domains, I had to make that Page Tab section and then add the second url to the App Domains field, otherwise i got a warning.
<a href="https://www.facebook.com/dialog/share?app_id=[appID]&display=popup&href=[url]
&redirect_uri=[url]&ref=s" target="_blank">SHARE THIS</a>
Option #3
The last thing I tried was the fb-share-button using the Javascript SDK. I get the same result as option #1. I don't think there is much difference between these two. Option 3 here is a bit easier to deal with and cleaner code. In this example, the url is to my custom page on hosteddomains.com that has my custom open graph meta tags. That doesnt seem to matter though. It still pulls the info from the og:url meta tag. I tried removing the og:url meta tag. I get the same result. Is it the Page Tab info interfering?
<div class="fb-share-button" data-href="[url]"></div>
I need to make a Save button for each post in facebook(This has my own extension functionality).Have to place this in facebook just similar to Like,Share,Comment how i can achieve this?.
The Like button is a simple plugin that lets people quickly share content on Facebook.
Clicking a Like button on a site creates a connection in the graph between the content and the person who clicks the button. Clicking the Like button also publishes an Open Graph Like action, and displays stories on that person's timeline and their friends' news feeds. This story will link back to the site and drive distribution of content.
The story created by the Like action can be enriched by using meta tags to turn a simple HTML page into an Open Graph object. If you plan to use the Like button on any page on your website, you should follow the guide to including meta tags to ensure published stories look great in timeline and news feed and get the best possible distribution. Also read our best practices document on maximizing distribution for hints on how to improve interactions between your content and Facebook.
The Like button itself displays a count of all the likes and shares of the content and a few other metrics listed in the Frequently Asked Questions, below. An option to comment on the story appears when the Like button is clicked, if it is configured correctly. If someone comments after clicking Like, that gives the published story prominence in news feed.
You can use the configurator below to customize the layout and style of Like buttons and implement the plugin in minutes.
I've had this like button/box setup for this specific page for some time. But now it;s stopped working:
Using code generated (for iframe) on this page:
http://developers.facebook.com/docs/reference/plugins/like/
to display this fb page:
http://www.facebook.com/JohnPurkiss
does not display/work. If I amend the like button url in the iframe to another fb page, it does work. I'm not tryinig to use a button/plugin that requires an app. Just a plain 'ol simple button. But it appears to me there is an issue with this specific fb page (johnpurkiss one above)
Any advice/help greatly appreciated.
The problem here is that the "page" you linked to is in actual fact a personal user.
You can not "like" a user in the same way that
you can not add a page as a friend...
or "poke" an event...
or subscribe to a photo...
You'll gave to provide an actual page to be liked.
As you can see from the screenshot below taken from the link you provided, there is no like button to be found.
Only an "Add Friend" and "Subscribe" button. I'm not sure if converting your profile into a page is the way you want to go, but it is possible. You can learn how at this link.
So here's an image of what my Facebook fan page sidebar currently looks like:
Underneath the Tumblr tab, I'd like to add a link that says "My Blog" and when users click on it they're brought to my website. I do NOT want it to open a new tab on my facebook page, I simply want it to be an external link. Is that even possible?
What you're trying is not possible!
You can't add external links as tabs, the only way is to simply create an app which simply redirects to your site and add it to your facebook page, if you don't want to create a new app and do all those stuffs, then the simple way is to use this app: https://www.facebook.com/iframehost?sk=app_208195102528120
It has built in feature for redirecting to external sites, just add this app to your page, authorize it and then select redirect and add your site URL and you're done.
I am currently developing UI for a facebook app. Basically, the game is shown on the canvas page and it has navigation in a tab form.
What I need is that when a user clicks "friends" to invite people, the page will show over the game(the game is still in background, and running as it should be). So the page must not reload. To do this I placed the url of the friends requests in the src of an <iframe> and using jquery to hide/show the divs but the problem is the <iframe> will also contain the header, footer and all like facebook.com, but I just want the content because the user is already on facebook. Is there a better approach than what I'm doing? How would I accomplish this?
A good visual example is the navigation of "City of Wonders" facebook app.
You'll need to write a server side script that uses the facebook API to get a list of friends. Then you simply generate the HTML that is necessary to display and use this information.
Also, instead of using a an <iframe></iframe>you could just use a <div>, and use javascript to populate it's innerhtml (via ajax).