I tried Robs solution on Playing back an embedded mp4 video in a Facebook like or share using Flash but the video still could not play inline in facebook wall... If i change "og:video" to youtube or vimeo, it works perfectly... Can anyone figure this out? Thanks alot!
<meta property="og:site_name" content="video system" /><meta property="og:url" content="http://video.system.com?video_id=11111" />
<meta property="og:title" content="the video title" />
<meta property="og:image" content="http://video.system.com/11111.jpg" />
<meta property="og:description" content="the video description" />
<meta property="og:type" content="video" />
<meta property="og:video" content="https://app.system.com/StrobeMediaPlayback.swf?flashvars=&src=https://app.system.com/11111.mp4" />
<meta property="og:video:secure_url" content="https://app.system.com/StrobeMediaPlayback.swf?flashvars=&src=https://app.system.com/11111.mp4" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="320" />
<meta property="og:video:height" content="180" />
Try changing your og:video:type to "video/mp4"
<meta property="og:video:type" content="video/mp4" data-content-type="dynamic">
Reference- somewhere on this page: https://developers.facebook.com/docs/opengraph/creating-custom-stories#propertytypes
Related
How to share icon,text,url of the app as shown in the above image? Icon should be sent from drawable, I have tried all the shareintents.putExtras() and etc.. nothing is working for me.
Short answer: This isn't your job, it's the shared-to app's job.
Explanation: Facebook created a protocol called Open Graph, which apps like Facebook and Whatsapp use to get info about the what image to be displayed and what text to show.
To be able to have something like your included picture, you'd have to first own the website you are sharing links to, then you'd have to include this meta data in your html:
<html prefix="og: http://ogp.me/ns#">
<head>
<meta property="og:title" content="Text to be displayed." />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="Possibly a deep link to your app." />
<meta property="og:image" content="Image to be displayed."
/>
...
</head>
...
</html>
Finally in your android app you have to share a link to this website, possibly deep-linking into your app.
I've implemented the facebook "Use App" button on the facebook page and I'm trying to redirect the user to the appstore link or the playstore link depending on the User's device.
But I get blank page instead of taking me the playstore when I open it on my android device. How can I get it to open respective app stores when I click on "Use app" button?
My code:
<!DOCTYPE html>
<html>
<head>
<meta property="og:image" content="example.png" />
<meta property="al:ios:url" content="myapplication://" />
<meta property="al:ios:app_store_id" content="11" />
<meta property="al:ios:app_name" content="myapp" />
<meta property="al:android:url" content="myapplication://?U=">
<meta property="al:android:package" content="com.myapp.myapp">
<meta property="al:android:app_name" content="myapp">
<meta property="og:title" content="myapp" />
<meta property="og:type" content="website" />
<meta property="al:web:should_fallback" content="false" />
</head><body>
</body></html>
i followed facebook documentation to invite my friends in
my application that has two platforms (android & ios) and i want to invite my friends to install the app But when found this error
so i have two platforms so i created html file in my own server and put through it (to test first with android platform then i will add ios links)
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="https://www.facebook.com/2008/fbml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>my app </title>
<meta property="al:android:urlcontent="https://fb.me/1047369566223853">
<meta property="al:android:app_name" content="myapp">
<meta property="al:android:package" content="com.myapp.android">
<meta property="og:title" content="myapp">
<meta property="og:type" content="website">
<meta property="fb:app_id" content="9935316166414594">
<meta property="og:image
content="http://myimage.jpg">
<body>
</body></html>
this is facebook documentation
<html>
<head>
<meta property="al:ios:url" content="couchinapp://invite_from_fb?
referral=123456789" />
<meta property="al:ios:app_store_id" content="123456789" />
<meta property="al:ios:app_name" content="Couchin'" />
<meta property="al:android:url" content="couchinapp://invite_from_fb?
referral=123456789" />
<meta property="al:android:app_name" content="Couchin" />
<meta property="al:android:package" content="com.mycompany.couchin" />
<meta property="al:web:url" content="http://www.couchinapp.com/myapp.html"
/>
</head>
<body>
Couchin App Link
</body>
</html>
in java code i used
String appLinkUrl= myserverip/folder/myhtmlfile.html
//myhtmlfile which contains links on my server
AppInviteContent content = new AppInviteContent.Builder()
.setApplinkUrl(appLinkUrl)
.setPreviewImageUrl(previewImageUrl)
.build();
AppInviteDialog.show(InviteFacebookFriends.this, content);
this.finish();
AppLink is not the URL of your app, but it is the URL which links to a content inside your app.
Looks like you are not using correct AppLink URL. Please verify your AppLink.
If you don't have the URL yet, you can create here
I am trying to create an app with phonegap. in iOS, my app works properly. but in Android, my app's first page is not working in app and it always launches a system browser.
https://www.youtube.com/watch?v=ix2M7XdRN7c&feature=youtu.be&t=4m12s
index.html
<html>
<head>
<META HTTP-EQUIV="refresh" CONTENT="0; url=http://www.google.com/">
<meta charset="utf-8" />
<meta name="format-detection" content="telephone=no" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<title>title</title>
</head>
<body>
<script type="text/javascript">
window.location.href = "http://www.google.com"
</script>
test link
</body>
</html>
I tried many ways for fix it. ex) use 'meta tag', 'window.location.replace', and 'window.location.href' ...
but my app still launches a system browser just in an android platform.
Please let me know, how can i display my first page without launching a system browser.
Have you tried changing the config.xml ?
<content src="index.html" />
i am using codova 2.9.0. i give option to sharing video and image in facebook via cordova facebook connect plugin. Shared successfully. but when i click video in facebook page i got this error
Sorry, the application you were using is misconfigured. Please try again later.
and it have two buttons Go Home and Find Another App
this is my code:
FB.ui({
method: 'feed',
name: '',
caption: '',
description: des,
link: 'http://apps.facebook.com/mobile-start/',
source: postimage,
picture: url,
actions: [{ name: 'Get Started', link: 'http://apps.facebook.com/mobile-start/' }],
},
function(response) {
console.log('publishStory UI response: ', response);
});
what i missing?
I have found the solution Here
What you need to do is
The first line is a modification of the HTML head tag. This is required in your page for either active or passive sharing.
The first meta tag, shown in bold, is required for passive sharing, because you must have a Facebook app for passive sharing, as detailed in Passive App Setup.
Highlighted in italics are values that you must supply to this template.
So meta tag code will be like
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# video: http://ogp.me/ns/video#">
<!-- The following tag is required for passive sharing -->
<meta property="fb:app_id" content="yourFacebookAppIdHere" />
<meta property="og:type" content="video.other" />
<meta property="og:title" content="yourTitleHere" />
<meta property="og:description" content="yourDescriptionHere" />
<meta property="og:url" content="yourURLwithTheEmbeddedVideo">
<meta property="og:image" content="yourImageUrlHere"/>
<meta property="og:video" content="yourUrlHere" />
<meta property="og:video:secure_url" content="yourSecureUrlHere" />
<meta property="og:video" content="http://player.ooyala.com/player.swf?embedCode=YourOoyalaEmbedCodeHere&keepEmbedCode=true" />
<meta property="og:video:secure_url” content="https://player.ooyala.com/player.swf?embedCode=YourOoyalaEmbedCodeHere&keepEmbedCode=true" />
<meta property="og:video:type" content="application/x-shockwave-flash" />