Hello I have build a website and i have a facebook post embeded in it like so
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2Fvitrina.bg%2Fposts%2Fpfbid02EWp2MPqbUQ2DrYVkRinegLm2ae1yE6MUbnrypM6D5cV64zt2wG5zej5ExryG6VSil&show_text=true&width=500" width="100%" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
I have searched for this problem but I could not find any solution on the internet.
The Problem is that is working in firefox and chrome, but on safari mobile (iphone 11) does not render.
My website:
Vitrina.bg
I guess you may check for the ios version on your iPhone. The current problem is that your iPhone safari in the newest version of ios 15 has feature security on the Safari setting.
So because of that feature, You must check Privacy & Security on your setting safari.
Setting > (find) Safari > (find) Privacy & Security > (try to turn off) Hide Ip from Tracker.
Above, Good luck to you. glhf
Related
I'm embedding a facebook video on a page using:
<iframe style="height: 100%; width: 100%;" frameborder="0" marginheight="0"
marginwidth="0" allowfullscreen="true" title="Facebook video player"
src="https://www.facebook.com/video/embed?video_id=' + videoID + '"></iframe>
Is there a way to make the video auto-play, start muted, etc? Other embeddable video players do this by accepting url params. However, I could find no such thing in the documentation.
p.s. I am aware that FB videos can also be embedded using their JS SDK (which does support autoplay), but I am looking for a way to do it using the above method.
Facebook policy does not allow autoplay of embedded content.
You could try to fiddle a way around with some nasty jQuery stuff to fake the click on the play button but this wont last for long, due to frequently code changes. Either use the JS SDK or use a platform like Youtube.
I've posted some article at facebook that links my app.
When I clicked link at the facebook in-app browser,
I excepted launch my app, but go to app store. Altough my app is installed.
I tried some meta tags like these:
<meta property="al:ios:url" content="testApp://" />
<meta property="al:ios:app_store_id" content="123456" />
<meta property="al:ios:app_name" content="testApp" />
<meta property="al:web:should_fallback" content="false" />
and
if (/Android|iPhone|iPad|iPod/i.test(navigator.userAgent)) {
window.location = app;
window.setTimeout(function() {
window.location = mobileFallback;
}, 25);
} else {
window.location = desktopFallback;
}
I can't figure out at all..
This issue only appeared in iOS 9.x AFAIK.
The app link works well iOS under 9 and safari.
I found some app that works well in facebook in-app browser(i.e whatsapp).
Is this native app problem? or client-side problem?
What am I missing?
Any opinion would be appreciated.
TIA.
Edit
There is an active bug report open for this https://developers.facebook.com/bugs/802238099898150/
As far as I understand, iOS 9 changed the way apps can interact with other Apps using custom URL schemes (Read more here). The basic idea is that Facebook can no longer intelligently open other apps using a custom scheme as they have to register all the schemes they support inside the App plist.
I have tested AppLinks with YouTube, 9GAG, Flipboard and IMdB and none of them work as they used to. The advertised behaviour (found here) is that your App will be opened if your link contains the relevant html app links tags.
Now the only way to open your app is to tap "Share" in the Facebook browser of the page you want to open, and you should see a "Open in 9GAG" line item that will open your app.
We have a website, but Facebook does not like our website.. All users can visit it, Google has no problems with it, Google Webmaster tools displays the correct website, but the Facebook Graphs API and the debug tool are return a 404 error.
The website it's about:
http://www.gekvanfietsen.nl/ervaringen/11,ervaringen_met_de_santos_travelmaster_28_alu.html
Here are some screenshots of the response code in Chrome and from the Facebook Debugger:
https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.gekvanfietsen.nl%2Fervaringen%2F11%2Cervaringen_met_de_santos_travelmaster_28_alu.html
Hoping someone could help me, we've tried everything we could think of.. Double checking .htaccess, checking for any 404 headers and whatsoever.
It might be related to W3TC settings:
http://wordpress.org/support/topic/plugin-wordpress-seo-by-yoast-facebook-404-error-on-debugging
I will suggest, you refer to the FB API again. Use this JavaScript API that is easy and most browsers supports it.
If you are just looking for a Like button with a count, you are looking in wrong place.
Refer to this Social Plugin Like Button, fill out the form and choose Iframe code/javascript code,(as FBML is not supported in all browsers). Use ready/generated code and you are ready to go.
It will give you something like this example:
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Freference%2Fplugins%2Flike&send=false&layout=standard&width=450&show_faces=true&font&colorscheme=light&action=like&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
Please reply any question...
I've been looking at this for ages now and I cant find anything on the net that provides a solution. When trying to use the tag...
...this is embedded on a tab canvas. The 'Like' button appears when using the app locally, however, it doesn't appear when used on the facebook site. I get this error:-
FBML Error (line 264): unknown tag "fb:like"
I have FBML enabled in the settings. I've also tried using the iframe alternative with no luck.
Any ideas?
PS.. I'm using CakePHP
doesn't seem to be available inside Canvas. According to Facebook's document, there is a simple version and a version for XFBML but I can't find the document pointing to that one either. :(
The new documents is a mess.
This is the official document about XFBML like button
http://developers.facebook.com/docs/reference/plugins/like
If you're starting from scratch, you should build a IFrame based Canvas application instead of a FBML based one. IFrame Canvas applications can run normal JavaScript, including the JS SDK which supports the <fb:like> tag, for example: http://apps.facebook.com/fbrelll/xfbml/fb:like.
<div>
<fb:iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fexample.com%2Fpage%2Fto%2Flike&layout=standard&show_faces=true&width=450&action=like&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true">
</fb:iframe>
</div>
look at this ,using fb:iframe,it works well~~have a try!
I'm writing a simple splash page for a client to hold a like box widget:
<iframe src="http://www.facebook.com/plugins/likebox.php?id=***********&width=238&connections=4&stream=false&header=false&height=200" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:238px; height:200px;" allowTransparency="true"></iframe>
The page displays fine, with the like box, but when you click on the like it depresses without prompting the user to logon and does not update facebook. This behavior seems to be on mobile browsers only. On desktop browsers (ie8, firefox, safari) it works just fine.
Anyone had this happen, and if so what was their solution?
most of the mobile browsers does not support or have poor suppport for iframe.