facebook share no work on facebook ios app - ios

I'm tryng to make a share button like youtube, where you can chose if you want to share the content into a page that you own.
Here my js code to open share window:
function share(url){
myWindow = window.open('http://www.facebook.com/sharer.php?u='+url, '',
'width=700,height=350');
myWindow.focus();
}
Then I add to the shared content the OG metas:
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta property="og:url" content="https://my-url.com/content">
<meta property="og:title" content="content title">
<meta property="og:description" content="description title">
<meta property="og:type" content="video.other">
<meta property="og:image" content="http://my_url.com/image.jpg">
<meta property="og:video" content="http://my-url.com/content">
<meta property="og:video:secure_url" content="http://my-url.com/content">
<meta property="og:video:type" content="application/x-shockwave-flash">
<meta property="og:video:width" content="400">
<meta property="og:video:height" content="300">
<meta property="og:site_name" content="site name">
<meta property="fb:app_id" content="APPID">
<meta property="fb:admins" content="admin_id">
It works correctly, but when I share something by this way and I try to open it by the Facebook iPhone APP from my wall or from a friends wall, it doesn't works.
Thanks in advance.

Related

How to get RichLink in iMessage

What code do I need to add to my website in order to get a rich link when someone sends a link of my website via iMessage and not just the standard icon, title, hyperlink?
The code you need is the following:
<html>
<head>
<title> </title>
<meta name="og:title" content="Insert Titel for iMessage"/>
//Will be used if internet is to slow to load image or video
<link rel="icon" href="link to your icon" type="image/png" />
<meta name="og:image" content="link to your image"/>
<meta name="og:video" content="link to your video"/>
</head>
...
</html>

Bootstrap not responsive on iOS

I am using Bootstrap 3 for my website and I can't figure why it's not responsive on iOS (shows like the desktop view). I have already do a quick search about this problem and yes I use the template code provided by Bootstrap but it still doesn't seem to work. Here is the beginning of my code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Laurent Doucet — Graphic designer</title>
<meta name="description" content="—">
<link rel="icon" href="img/favicon.png">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/fonts.css" rel="stylesheet">
Here is my website: http://www.laurentdoucet.be
Thanks a lot for the help.
Your use of frames is preventing your viewport tag from working.
You need to include a viewport meta tag in the outer page also:
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>www.laurentdoucet.be</title>
</head>
<frameset>
<frame src="http://www.bepxlagency.be/laurentdoucet/" name="redir">
<noframes>
<p>Original location:
http://www.bepxlagency.be/laurentdoucet/
</p>
</noframes>
</frameset>
</html>

what should be structure of website to retrieve site information in telegram?

Some website retrieved information in telegram when send link and some website doesn't like this:
So my question is there any structure for website to load information in telegram ?
The Open Graph protocol enables any web page to become a rich object in a social graph like Facebook, twitter, telegram, Skype and ...
As an example, the following is the Open Graph protocol markup for The Rock on IMDB:
<html prefix="og: http://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>
Simply use meta tag with name description:
<head>
<meta name='description' content="some content"/>
</head>

Twitter Cards : How to use only 2 images in twitter gallery card?

Here are the meta tags for twitter cards :
<meta name="twitter:card" content="gallery">
<meta name="twitter:site" content="#site_creator">
<meta name="twitter:creator" content="#site_creator">
<meta name="twitter:title" content="Top 10 Things Ever">
<meta name="twitter:description" content="Up than 200 characters.">
<meta name="twitter:image0:src" content="http://placekitten.com/200/200">
<meta name="twitter:image1:src" content="http://placekitten.com/300/300">
<meta name="twitter:image2:src" content="http://placekitten.com/350/350">
<meta name="twitter:image3:src" content="http://placekitten.com/150/150">
<meta name="twitter:domain" content="YourDomain.com">
<meta name="twitter:app:name:iphone" content="Vine">
<meta name="twitter:app:name:ipad" content="Vine">
<meta name="twitter:app:name:googleplay" content="Vine">
<meta name="twitter:app:url:iphone" content="vine://v/93582sxlkjf">
<meta name="twitter:app:url:ipad" content="vine://v/93582sxlkjf">
<meta name="twitter:app:url:googleplay" content="http://vine.co/v/93582sxlkjf">
<meta name="twitter:app:id:iphone" content="id592447445">
<meta name="twitter:app:id:ipad" content="id432984038404">
<meta name="twitter:app:id:googleplay" content="co.vine.android">>
If I do not place following meta tags , gallery card does not work.
<meta name="twitter:image2:src" content="http://placekitten.com/350/350">
<meta name="twitter:image3:src" content="http://placekitten.com/150/150">
I need to place two images only, Can you please help me to solve this ?
Thanks in advance.
Did you try to fake it out by providing place holders with either an empty content link (content="") or else linking to images that are really tiny (like 1x1 pixel or something)?
Gallery Card was deprecated on July 3, 2015 and has been mapped to the Summary Card with Large Image.

Share HTML 5 player to facebook and issue with IPAD

I have shared an mp4 video using Facebook graph API.It works fine on my browsers but it will play when i access facebook from my IPAD.
anybody know what is the issue?
This is my meta tags
<meta property="og:url" content="http://zoowork.com/binitha/flvshare/testhtml6.php?id=8988">
<meta property="og:description" content="test.">
<meta property="og:video:width" content="600">
<meta property="og:video:height" content="338">
<meta property="video:release_date" content="2012-06-26 14:00:00">
<meta property="video:tag" content="ass">
<meta property="video:tag" content="ddddd">
<meta property="video:duration" content="144">
<meta property="og:video:type" content="video/mp4" />
<meta property="og:video" content="http://zoowork.com/binitha/flvshare/sample.mp4" />
<meta name="sailthru.image.thumb" content="http://zoowork.com/binitha/flvshare/fru.jpg">
<meta name="sailthru.image.full" content="http://zoowork.com/binitha/flvshare/fru.jpg">
<meta property="og:image" content="http://zoowork.com/binitha/flvshare/fru.jpg">
It's not a 100% clear what the problem is from the question. What does happen on the iPad instead?
One wild guess looking at the information we have would be to add a secure video url to the meta tags. If that is not provided and you are browsing Facebook over SSL, the video will not be displayed.
Add the following line to your head:
<meta property="og:video:secure_url" content="https://zoowork.com/binitha/flvshare/sample.mp4" />
Of course, the video actually has to be available under that url.
the uri is wrong
the mp4 has to be encoded with baseline profile or it wont work on iOS:
http://developer.apple.com/library/mac/#documentation/NetworkingInternet/Conceptual/StreamingMediaGuide/UsingHTTPLiveStreaming/UsingHTTPLiveStreaming.html

Resources