facebook

Official Facebook Connect button as PNG

by

You can get the official “Log in with Facebook” button here. ZIP has PNGs for different sizes https://developers.facebook.com/docs/facebook-login/checklist/#brandedlogin EDIT 26/07/2014: Facebook seems to have removed those image assets. They now suggest you using a Javascript log in button with their button style. https://developers.facebook.com/docs/plugins/login-button EDIT 21/02/2018: Facebook has updated the guidelines with a new “Continue on … Read more

How to remove scrollbars from Facebook iFrame application

by

It’s explained how to do this here: http://clockworkcoder.blogspot.com/2011/02/how-to-removing-facebook-application-i.html Basically you should use window.fbAsyncInit = function() { FB.Canvas.setAutoGrow(); }; plus make sure that your html and body tags are set to overflow:hidden so you don’t get those briefly shown scroll bars that are so annoying <html xmlns=”http://www.w3.org/1999/xhtml” style=”overflow: hidden”> <head> <!– Header stuff –> </head> <body … Read more

How to update facebook open graph image

by

this is the most consistent answer I’ve found to this problem: https://stackoverflow.com/a/21468084/339698 If you’re too lazy to go to that link, you can POST an ajax request with the url you are trying to clear: $.post( ‘https://graph.facebook.com’, { id: ‘http://www.site.com/my/share/url/’, scrape: true }, function(response){ console.log(response); } );

Allowing multiple domains for 1 Facebook App (like Tumblr)

by

I ran into this same issue. I figured that Tumblr must have some sort of partnership in place with Facebook to get this special treatment ( ip whitelist? special api? ) — so I contacted my former Partnerships Rep at Facebook to enquire. I got to speak with a platform engineer at Facebook about this, … Read more

Open graph og:video Meta Tags content

by

You have two options. You can either set the og:video to https://www.youtube.com/v/YOUTUBECODE or set the og:url to the YouTube page. In my examples, I’m embedding this video https://www.youtube.com/v/BQBjVr1iHH4 in the following page https://www.keithandthegirl.com/vip/bonus/episode/9/40/this-is-40. I would like Facebook to show the YouTube video whenever anyone shares my page on Facebook. Option 1: setting the og:video to … Read more

Error Invalid Scopes: offline_access, publish_stream, when I try to connect with Facebook API

by

The permissions offline_access and publish_stream are deprecated, thus cannot be requested anymore. publish_stream can be replaced by publish_actions, offline_access is gone. See https://developers.facebook.com/docs/facebook-login/permissions/v2.4#reference https://developers.facebook.com/docs/apps/changelog

og:image Open Graph Warnings image size

by

My experience with Facebook made me doubt that computers are deterministic machines 🙂 Sometimes it will accept image of any size (between 200 and 1500px), sometimes complain that image is too small (og:image should be larger) even if image is squared and bigger than minimum size (e.g. 400x400px). I had situations where the same link … Read more