facebook-opengraph | 易学教程

Facebook crops open graph image in to a square

阅读更多关于 Facebook crops open graph image in to a square

I'm trying to create a custom open graph story to Facebook but I'm having some trouble getting the og:image to show properly. I'm using a 1200*630 sized image as recommended here and here but on my timeline it gets cropped in to a square from the left edge of the image. It also shows as a square in the story preview though this time it's cropped from the center. How can I get the image to show in the correct aspect ratio and size? Is it just the test environment to blame or do I need to add something on my server side? I've already tried to use the meta tags width and height with no success.

Facebook like - showing cached version og:image, way to refresh or reindex it?

阅读更多关于 Facebook like - showing cached version og:image, way to refresh or reindex it?

问题 Having an issue with Facebook like and a cached og:image. Long story short: Facebook has cached an older version of our like image. The meta content URL can't be changed. Is there anything I can do to refresh it? Long story: The site I'm working on has a meta tag for an og:image that Facebook uses when a page is liked. This meta tag uses the same image URL on all pages across the site. The image is simply a branding image for the site. The issue is the site recently updated their branding,

Posting to open graph does not show object title in the post

阅读更多关于 Posting to open graph does not show object title in the post

I have created a restaurant app on Facebook and have created a custom story with the action type: "eat", and object type: "dish". When the user posts to Facebook I would like the title sentence of the post to contain the title of the dish that the user has selected, for example: "Bob ate Pie on Restaurant App" At the moment when I post to Facebook the result that I am getting is: "Bob ate a dish on Restaurant App". Everything else about the post is working as intended. Here is the code that I am using: NSMutableDictionary <FBOpenGraphObject> *dish = [FBGraphObject

How to create and use self hosted objects to share custom stories in Android?

阅读更多关于 How to create and use self hosted objects to share custom stories in Android?

问题 I am developing a game app. And I am sharing facebook custom stories in my app.I have created a self hosted object(html page). I want to use that same self hosted object in android,ios and Facebook canvas app. I have already done custom story sharing without using self hosted object for android app and below is my code for the same OpenGraphObject objProperty = OpenGraphObject.Factory.createForPost("namespace:level"); objProperty.setProperty("title","Title"); objProperty.setProperty("image",

Embedding video player html5 iframe in facebook share like YouTube

阅读更多关于 Embedding video player html5 iframe in facebook share like YouTube

问题 When something is shared from youtube to facebook, facebook is now showing the youtube html5 player. If you look up one of their urls (https://www.youtube.com/watch?v=uuS5ZyQhvsk) in the open graph debugger you can see that they are now providing open graph meta data for their html player as well as the flash one. I also have a player that sits in an iframe, and am now including the same tags that youtube is, minus the flash ones as we don't have a flash player, but it isn't working and

Dynamically generate description for explicitly shared open graph story through FB.ui Share Dialog

阅读更多关于 Dynamically generate description for explicitly shared open graph story through FB.ui Share Dialog

Of all of the research I've done on this topic, 90% of it is outdated, which brings me to believe there have been recent changes to the Facebook JS SDK regarding explicitly sharing Open Graph stories. I have the following code: function postToFB(desc){ FB.ui({ method: 'share_open_graph', action_type: 'mynamespace:myaction', action_properties: JSON.stringify({ myobject: "myobjectid" }) }, function(response){}); } The problem with this is that it will attempt to share myobject with only the settings I've set up in the Facebook Open Graph section of my app settings. I would like to use the same

HTML5 validator failing on Facebook OpenGraph XML Namespace xmlns:og

阅读更多关于 HTML5 validator failing on Facebook OpenGraph XML Namespace xmlns:og

HTML 5 validator is failing on my code despite me following the Facebook documentation to the letter. There are a variety of problems but let's start with one example to start with. I'm following the Facebook "Getting Started" documentation and using th5is code: <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"> The only difference is I precede this with <!DOCTYPE html> for HTML5. When running it through the W3C HTML5 validator I get this error: Attribute xmlns:og not allowed here The only things I can think of what the error

How to implement internationalization of OG-Tags?

阅读更多关于 How to implement internationalization of OG-Tags?

for an upcoming project we wanna translate our app to multiple languages. Having a look at Facebook's How-To: Open Graph Internationalization page, you get very detailed information on doing this. So, we implemented the tags correctly. When viewing the page as a english-speaking user, you get: <meta property="og:url" content="https://site.url" /> <meta property="og:title" content="English title" /> <meta property="og:description" content="English description" /> <meta property="og:locale" content="en_US" /> <meta property="og:locale:alternate" content="de_DE" /> For german users, it looks like

Meaning of HTML prefix attribute (Open Graph Protocol)?

阅读更多关于 Meaning of HTML prefix attribute (Open Graph Protocol)?

I'm new to Facebook Open Graph Protocol . I have been trying to figure out what the meaning of the HTML prefix attribute is. The closest post on Stack Overflow I could find dealing with this subject is this post which was very helpful as it deals with what the differences are among the various possible syntaxes and which one to use. However the post does not say anything about what this prefix attribute is or what it does. AFAIK this is not a standard HTML attribute. I was able to find this document which I think is where the W3C defines this attribute but was not able to make any sense of it.

Facebook Open Graph Not Showing Object Title

阅读更多关于 Facebook Open Graph Not Showing Object Title

问题 I'm having conflicting reports for our users that people that share Object Graph objects to their wall, are sometimes showing the Object title and other times not. Specifically, every test I do on my own account shows the Object Title, but on their Mobile apps - it doesn't appear. I've tested the Open Graph debugger.So I have a couple of questions: Is there a length limit on the number of characters? Does Facebook not show the whole Object.title on Mobile? Does Facebook scrap the OG tags and