Facebook like button is not getting displayed at all when placed it in an IFrame. Also the iframe is loading a page from different domain. So basically it is a cross domain scenario. I have the channel file on the iframe domain setup properly.
If you load the page from the iframe normally in another tab/window, do you see the like buttons normally?
Related
I've created a new app that will be accessed via a canvas page on facebook. I've entered the required domain and url, but I'm not seeing anyplace on facebook where I can actually see the canvas page. I'm in sandbox mode, does that make a difference? I'm just not seeing any option to see my canvas page. When I go to "preview" under "Review Status" I see some kind of stand in page but not my canvas page. What do I do?
Apps on Facebook are loaded into the Canvas section of the Canvas
Page. The Canvas is quite literally a blank canvas within Facebook on
which to run your app. You populate the Canvas by providing a Canvas
URL that contains the HTML, JavaScript and CSS that make up your app.
When a person using your app requests the Canvas Page, we load the
Canvas URL within an iframe on that page. This results in your app
being displayed within the standard Facebook chrome.
Here's how it works:
User goes to your canvas page (apps.facebook.com/canvasname) and they will see the normal Facebook application interface with a sidebar on the right and the other usual elements. The application will be loaded in an iframe. This iframe is loaded from the location you specify as Canvas URL. Canvas URL can be a page in your own website.
See Facebook Developers documentation for a detailed explanation.
I hope it helps!
All I want to do is create a few pages with sign up forms for our fans and customers on our business facebook page.
I created the new app, named it and went on to the basic settings. From what I can tell I just need to set up the "page tab" info. I Named the tab, put in the page tab url, secure page tab url and uploaded a tab image.
Then I wait for it to show up on our fb page. I refresh the page and for a few seconds it looks like something is being loaded in the list of tabs. But then it stops and the layout of default tabs (photos, likes, and events) are unchanged.
The tab should link to the app url which should load inside of an iframe which will have the html from our web server.
That's how I understand it anyways.
You must add manually the application on your page through this URL: http://www.facebook.com/dialog/pagetab?app_id=APP_ID&redirect_uri=https://www.facebook.com/
Remember to replace APP_ID first.
I have a like button on a page that includes all open graph tags required and which is validated by the Facebook debugger. See the debugger results here:
http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fclasstivity.com%2Fiyengar-yoga-institute-nyc
When pressing like on the site, the page is displayed in the Facebook timeline as:
- no image, just the icon of a flag
- in the like box with likes for Facebook pages (which is separate from the like box module with pages liked on other websites)
The page requires regular visiting users to sign in but the Facebook user agent is allowed to see the page, thus the successful result from the Facebook debugger (link above).
The like button is used is the iframe one. Entering the URL for the page in the page where you generate a like button and hitting like there produces the same results however.
Has anyone experienced this issue and/or know a solution?
This is my app page: https://www.facebook.com/pages/When-Biebs-Attack/402350233140999
As you can see, it's an actual "App Page", created from my app control panel. So you would assume it would be linked with the app.
Now here is the (only) site that uses the App ID for a like button: http://cosmati.net/biebsattack/
Not only is the discrepancy weird, but as soon as I added the like button to the page it had 22 likes. I have double checked my App ID in my code. It does line up with my app control panel. I tried both the HTML5 and the XFBML methods.
okay, I don't know why it's doing what it's doing, but I figured out you can link them directly by adding an href tag to the like button and pointing it to the url of your facebook page. For instance, my like button now looks like this:
<fb:like href="https://www.facebook.com/pages/When-Biebs-Attack/402350233140999" send="false" width="450" show_faces="true" font="arial"></fb:like>
And now when I visit my site (http://cosmati.net/biebsattack/), not only do I only see 1 like (mine), but I see links to administer my page and view insights. Kind of neat. Not sure why it doesn't do this by default when I use the App ID, but whatever.
I've got a Drupal website with articles on them which have Facebook like buttons.
Now I've got all the OpenGraph metatags added on the pages and it's all working perfectly except for one thing.
Site visitors can share a page URL or like a page URL.
When a new article is added and the first person who presses the like button will not see the image added in the og:image tag.
If another person afterwards presses the like button, the og:image however is visible so it seems to me Facebook needs to scrape the page first before the og:image is added in the 'Facebook Like window'.
The Facebook share doesn't seem to suffer from this problem and does it right from the first time.
Now whenever somebody adds a new article, I'd need the URL of the article to be scraped automatically by Facebook using some PHP code or some other fix...
Anyone who knows if autoscraping a URL is possible or does anyone have an idea for a workaround?
You can use the graph API with scrape=true to force Facebook to scrape you right when you create your contents
https://developers.facebook.com/docs/beta/opengraph/objects/