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
Related
I am trying to post a link to FB in Unity using the FB SDK.
First I used the example given
FB.FeedShare(
null,
new Uri("https://developers.facebook.com/"),
"title",
"caption",
"description",
new Uri("https://imgur.com/a/IUwesX7"),
null,
HandleResult);
This works perfectly - link gets posted and has a preview picture (take from the first link). In fact, the link works so well that clicking on the pic opens MY app even though the page has no meta tags pointing to my app! How does that happen?
However, when I replace the links with my own it doesn't work:
FB.FeedShare(
null,
new Uri("http://anykey.co.il/deeplinks/duckduckduck.html/"),
"title",
"caption",
"description",
new Uri("http://anykey.co.il/deeplinks/feature.png"),
null,
HandleResult);
The link works ok but I don't get a preview picture. I get a placeholder with the name of my site. The placeholder is clickable and opens my app on my device but there is no pic
This is my html:
<!DOCTYPE html>
<HTML xmlns="http://www.w3.org/1999/xhtml"
xmlns:fb="http://ogp.me/ns/fb#">
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<TITLE></TITLE>
<meta property="al:android:url" content="duckduckduck://story/1234">
<meta property="al:android:package" content="il.co.anykey.games.duckgames.duckduckduck">
<meta property="al:android:app_name" content="DuckDuckDuck">
<meta property="og:title" content="Duck Duck Duck" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://static.xx.fbcdn.net/rsrc.php/v3/ye/r/lWB96Z8sFtt.png" />
<STYLE TYPE="text/css">
body{font-family:Verdana,Geneva,sans-serif;font-size:16px;line-height:1.4em;color:#333;background-color:White;}
</STYLE>
</HEAD>
<BODY>
<A><IMG SRC="feature.png"></A>
<H1></H1>
<HR>
</BODY>
</HTML>
This is what I see when posting from my app:
Even stranger, if I copy the HTML from the FB link and put it on my site I get no picture.
What am I missing here? Does my website need to be authorised or something?
After burning many hours it turned out that removing the "/" from the end of my Url solved the problem.
Not sure why that is but now it is all working well.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>WorkFridge - A Magic Box</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,800" rel="stylesheet">
</head>
<body>
<app-root></app-root>
</body>
</html>
Unable to access our angular website on iPhone but can be accessed on the android phone. we are getting a black screen on iPhone.
website url: http://stage.workfridge.com
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 have an iOS or Android app we would want to show installation banner when users visit your website via mobile browser.
I try to use this plugin :
https://github.com/jasny/jquery.smartbanner
<html>
<head>
<title>YouTube</title>
<meta name="author" content="Google, Inc.">
<meta name="apple-itunes-app" content="app-id=544007664">
<meta name="google-play-app" content="app-id=com.google.android.youtube">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="jquery.smartbanner.css" type="text/css" media="screen">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
</head>
<body>
...
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
<script src="jquery.smartbanner.js"></script>
<script type="text/javascript">
$(function() { $.smartbanner() } )
</script>
</body>
</html>
I need when any user install my app. show view icon ,But if user not install it , show him download
How can do that
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" />