Since about a week or two the facebook swf embed feature stopped working for my website. I realized that it stopped working for a few websites but was still working for soundcloud.com. After doing some research i was able to pinpoint the issue to a single open graph tag.
A website containing the following does seam to work:
<!DOCTYPE html>
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta charset="utf-8">
<meta content="music.song" property="og:type">
<meta content="http://venc.pl/test.html" property="og:url">
<meta content="Asd - Keygen Music" property="og:title">
<meta content="http://i1.sndcdn.com/artworks-000026602093-dp518o-t500x500.jpg?16b9957" property="og:image">
<meta content="Listen to Asd / Asd - Keygen Music | Explore the largest community of artists, bands, podcasters and creators of music & audio." property="og:description">
<meta content="SoundCloud" property="og:site_name">
<meta content="video" name="medium">
<meta content="98" property="og:video:height">
<meta content="460" property="og:video:width">
<meta content="application/x-shockwave-flash" property="og:video:type">
<meta content="http://player.soundcloud.com/player2.swf" property="og:video">
</head></html>
But the following does not
<!DOCTYPE html>
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta charset="utf-8">
<meta content="music.song" property="og:type">
<meta content="http://venc.pl/test2.html" property="og:url">
<meta content="Asd - Keygen Music" property="og:title">
<meta content="http://i1.sndcdn.com/artworks-000026602093-dp518o-t500x500.jpg?16b9957" property="og:image">
<meta content="Listen to Asd / Asd - Keygen Music | Explore the largest community of artists, bands, podcasters and creators of music & audio." property="og:description">
<meta content="SoundCloud" property="og:site_name">
<meta content="video" name="medium">
<meta content="98" property="og:video:height">
<meta content="460" property="og:video:width">
<meta content="application/x-shockwave-flash" property="og:video:type">
<meta content="http://venc.pl/player.swf" property="og:video">
</head></html>
So it basically boils down to changes in the domain presented in the og:video tag ().
There used to be a whitelist of websites enabled to embed swf on facebook a few years ago. The idea was dropped but I think that Facebook just got back to it.
How can I get in touch with facebook to resolve this issue? If a whitelisting is needed how do I ask for being whitelisted?
I believe the answer to this is that the swf file needs to be on an https link (see how to share a video from my website on facebook like youtube)
Related
Here is the scenario..
I want to share HLS Live Streaming(.m3u8) on Facebook and it should play the live video in user's profile..
How can i achieve this..?
Here is my Sample Code..
<meta property='og:site_name' content='Content Title'>
<meta property='og:url' content='https://fb.example.me/ravi'>
<meta property='og:title' content='Content Title'>
<meta property='og:image' content='IMAGE LINK'>
<meta property='og:type' content='video.other'>
<link rel='canonical' href='https://fb.example.me/ravi'>
<meta property='og:video' content='M3U8 Link'>
<meta property='og:video:secure_url' content='HTTPS M3U8 Link'>
<meta property='og:video:type' content='application/x-shockwave-flash'>
<meta property='og:video:width' content='472'>
<meta property='og:video:height' content='296'>
<meta property='fb:app_id' content='MY FB APP ID'>
Please assist me if i am missing anything..?
I'm trying to use Facebook Open Graph meta tags for my site. I want my links to be showed correctly when I share them in Facebook. But it doesn't. When I test the link in Facebook Debuger but it always shows Error parsing input URL, no data was cached, or no data was scraped.. I searched a lot and read the Facebook's documentation about good examples and followed them. But no success. Here is my Page Code:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb#">
<meta charset="utf-8" />
<title>تست</title>
<link rel="canonical" href="www.kaladaran.com">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="Product">
<meta name="description" content="Product">
<!--FACEBOOK-->
<meta property="og:type" content="website">
<meta property="og:title" content="Test">
<meta property="og:site_name" content="Kaladaran">
<meta property="og:url" content="www.kaladaran.com/test.html">
<meta property="og:description" content="Descritption">
<meta property="fb:app_id" content="My App Id">
<meta property="og:image" content="http://kaladaran.com/Data/1598/6ccec951-f124-43f6-abb0-a59e3d94bd67.jpg">
<meta property="og:image:width" content="250px">
<meta property="og:image:height" content="169px">
<meta property="og:locale" content="fa_IR"><meta property="article:author" content="https://www.facebook.com/KDAdsCo" />
<meta property="article:publisher" content="https://www.facebook.com/KDAdsCo" />
</head>
<body>
<div>
<h1>
Facebook Open Graph Tag Test
</h1>
<img src="http://kaladaran.com/Data/1598/6ccec951-f124-43f6-abb0- a59e3d94bd67.jpg" alt="Panasonic" />
</div>
</body>
</html>
I can't understand what is wrong with my code? Any help is appreciated in advance.
The line:
<link rel="canonical" href="www.kaladaran.com”> is causing the error. A canonical link is meant to point to the current page, not the home page.
Also, note that, the URL inside a <link> is relative if you leave out the http:// which is why you are getting the error.
Make it like :
<link rel="canonical" href="http://www.kaladaran.com/test.html">
<meta property="og:url" content="http://www.kaladaran.com/test.html">
Also, remember to type the exact same URL in the Facebook scraper.
When Facebook finds a canonical link that points to a different URL, it will treat it like a redirect .
From Facebook:
The following will be treated as a redirect by the crawler:
A HTTP redirect
A <link rel="canonical" href=".." /> tag
A <meta property="og:url" content=".." /> tag
https://en.wikipedia.org/wiki/Canonical_link_element
I couldn't see an obvious reason for the differences, but am pretty new to coding for facebook friendliness.
I've got a page on my site that shows flickr albums:
http://jpgme.co.uk/sports/index.php?type=sets
At the moment the headers source looks like this:
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns:fb="http://ogp.me/ns/fb#" xmlns='http://www.w3.org/1999/xhtml'>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<title>Blue Line Ice Hockey Photography - Professional Ice Hockey Photography in Greater Manchester & Beyond</title>
<link href='http://jpgme.co.uk/sports/themes/blackstripe/css/blackstripe.css' rel='stylesheet' type='text/css' />
<link rel='alternate' type='application/rss+xml' title='Blue Line Ice Hockey Photography - Professional Ice Hockey Photography in Greater Manchester & Beyond' href='http://jpgme.co.uk/sports/index.php?type=rss' />
<meta property="fb:admins" content="61401353" />
<meta property="og:title" content="Blue Line Ice Hockey Photography" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://jpgme.co.uk/sports/"/>
<meta property="og:image" content="http://jpgme.co.uk/images/fb.jpg"/>
</head>
But all the facebook scraper can see is:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head><meta http-equiv="content-type" content="text/html; charset=utf-8"></head>
<body>
<div id="leftcontent"></div>
Trying scrapping after document load!
The possible reason is that you are trying to scrap before the whole page load.
Moreover FB using AJAX adds/removes the div as and when required, that can also be the possible problem.
For a Facebook game, I want to have Open Graph picture objects with titles in multiple languages (specifically, English and German). I did everything as described in Facebooks open graph internationalization document, but somehow the objects (and actions) are always shown with English titles in the newsfeed and activities - and the app is definitely localized in its configuration.
Here's the URL of one of the objects: http://apps.facebook.com/spot-it/opengraph/picture/pictures.1A24.html
If I get it through Facebook's object debugger using the fb_locale parameter set to German, I see:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# spot-it: http://ogp.me/ns/fb/spot-it#">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta property="og:locale:alternate" content="de_DE">
<meta property="og:locale:alternate" content="en_US">
<meta property="og:locale" content="de_DE">
<meta property="fb:app_id" content="419035224820013">
<meta property="og:type" content="spot-it:picture">
<meta property="og:url" content="http://apps.facebook.com/spot-it/opengraph/picture/pictures.1A24.html">
<meta property="og:title" content="Beißerchen">
<meta property="og:description" content="Findest du die Fehler in 'Beißerchen'?">
<meta property="og:image" content="http://d2tv32y5kdvj8c.cloudfront.net/assets/pictures/1A24_potd.jpg">
</head>
<body>
<script type="text/javascript">
self.location.href = "";
</script>
</body>
</html>
So why doesn't Facebook use the German version when displaying actions involving that object to German users? Am I doing something wrong, or does internationalization for open graph simply not work?
in the app settings at developers.facebook.com > your app > "Localize" you can add support for additional languages.
you can set:
display name
tagline
description
detailed description
explanation for permissions
and all images like logo, icon, web banner, cover image…
i hope this is what you're looking for ;)
Evening,
I'm pretty much clueless at this point regarding playing videos on FB walls. I'm using Ooyala as a "Video CMS" and have enabled everything for FB sharing on their end. My code includes the following.
<html xmlns:og="http://ogp.me/ns##">
<head>
...
<meta property="og:title" content="#video.title#">
<meta property="og:description" content="#video.description#">
<meta property="og:type" content="video">
<meta property="og:image" content="http://ak.c.ooyala.com/BjOGpsMToPbHODr_JC75EC5lJqe2gGZE/promo109538534">
<meta property="og:video" content="http://player.ooyala.com/player.swf?embedCode=#url.watch#&autoplay=1">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="396">
<meta property="og:video:height" content="297">
<meta property="og:site_name" content="AOPA">
</head>
The file the code is in is a coldfusion file (hence the double #). When I paste a sample video link:
http://www.aopa.org/aopalive/index.cfm?watch=VzbnZyMjoQKI1dI2Bwl-NeuiLToLxQpA
Into a wall, FB recognizes it as a video. When I hit play, I can see it's loaded the Ooyala player, (they have a Mac-like "loading" circle), but no video is called.
Any ideas? I've seen almost every variant of "og:" tags out there, but nothing has worked so far.
Thanks!
-Mitch
P.S.: Facebook, you're still linking to "http://www.facebook.com/2008/fbml" in some of your SDK's.
You need to add &keepEmbedCode=true to your queryString parameters. The meta video tag would then become -
<meta property="og:video" content="http://player.ooyala.com/player.swf?embedCode=#url.watch#&autoplay=1&keepEmbedCode=true">
Thanks,
Andrew
Andrew Spaulding | Senior Solutions Architect | Ooyala
www.flexdaddy.com
Andrew,
Thanks for the suggestion about the embed code, this still brought up the Ooyala player, but no video. After poking around (and looking at YouTube's source code for a single video), there needs to be some additional attributes added to the tag.
The correct code is below.
Thanks, have a good weekend,
-Mitch
<html lang="en" dir="ltr">
<head>
<meta property="og:title" content="#video.title#">
<meta property="og:description" content="#video.description#">
<meta property="og:type" content="video">
<meta property="og:image" content="http://ak.c.ooyala.com/BjOGpsMToPbHODr_JC75EC5lJqe2gGZE/promo109538534">
<meta property="og:video" content="http://player.ooyala.com/player.swf?embedCode=#url.watch#&autoplay=1&keepembedCode=true">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="396">
<meta property="og:video:height" content="297">
<meta property="og:site_name" content="AOPA">
</head>
I was having this issue because my og:url was incorrectly formatted.
Once I set the og:url to be the link back to my original page (canonical) hosting the video, the video would play. Before this, it would show a play link, but when I click on it, it would not play anything.