I am new to develop phone gap applications I have Link button for Facebook in app when click on it should open within i frame fore this I have use following code it wont open Facebook
<iframe width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0"
marginwidth="0" src="http://www.facebook.com"></iframe>
and also i tried http://m.facebook.com.
If you use xCode you should add www.facebook.com to your external hosts whitelist. It's in Cordova.plist/phonegap.plist file.
Related
I've looked at the Facebook page plugin to embed pages or tabs found here: https://developers.facebook.com/docs/plugins/page-plugin/
There they show how to embed pages and tabs. Eg:
<iframe
src="https://www.facebook.com/plugins/page.php?https://www.facebook.com/myfacebookpage/&tabs=timeline"
frameborder="0"
scrolling="no"
allowfullscreen="true"
height="1000px"
width="100%">
</iframe>
They list some of the tabs that can be rendered such as timeline, events, messages. However, it does not work for the tab called live_videos.
Is there ANY way I could embed https://www.facebook.com/myfacebookpage/live_videos/ without creating a facebook app?
I've finally found a workaround. The reason for my original question was that I only want to embed live stream and previous live stream videos.
Facebook has an option to make the live url static:
When this is done, the facebook tab parameter 'live' can be used:
<iframe
src="https://www.facebook.com/plugins/video.php?href=https://www.facebook.com/YourFBPageName/live"
frameborder="0"
scrolling="no"
allowfullscreen="true"
height="1000px"
width="100%">
</iframe>
I am trying to add an iframe pointing to my facebook feed on a wix.com website.
Unfortunately, it does not display anything.
On wixsite, I added an html iframe control and pasted code generated by this site : https://developers.facebook.com/docs/plugins/page-plugin/
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fsentiersdenfance%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
but it does not display anything on my wix.com site.
I tried this iframe also here but it is not display although : https://jsbin.com/walewaxayi/edit?html,output
Do you see what could I forgotten ?
just to close my question, thank to #CBroe who helped me by pointing problems linked to "trackers blocker".
But it was not the only problem.
On https://jsbin.com/walewaxayi/edit?html,output, problem was solved.
But on Wix.com, my plugin were still empty.
I finally achieved to display it by setting differently my wix.com iframe control
I had to set "website adress" ("Adresse du site" in french) with this code :
https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FmyWebsite%2F&tabs=events&width=500&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=false&appId
rather than by "code" (Code in french) with code given by facebook :
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fsentiersdenfance%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
html control setting
Hi my facebook like button not appearing is not appearing online when hosted on my hosting provider but offline in wamp server it is working fine. my code is as follows:-
<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FGallantconcept&width=100&layout=button&action=like&show_faces=false&share=false&height=35&appId=657033221004925" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:35px;" allowTransparency="true"></iframe>
Anyone can explain why?
It is a plugin problem for my chrome
So, I've run my url through the facebook debugger and everything comes out right. if i post my url in a status, the correct thumbnail and description comes up. However, the like button on my site results in my web host url and thumbnail showing on facebook.
My url is adammoritzmusic.com
My iframe code:
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fadammoritzmusic.com&width=200&height=35&colorscheme=dark&layout=standard&action=like&show_faces=false&send=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:35px;" allowTransparency="true"></iframe>
help?
There's 3 Solutions You can follow:
#1
Use http://adammoritzmusic.com/Home.html (without https) because when you adammoritzmusic.com Facebook will use your index.html which redirects to Home.html
(Facebook Like button has a bug, the same domain has two different counts of likes one for http and the other for https)
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fadammoritzmusic.com/Home.html&width=200&height=35&colorscheme=dark&layout=standard&action=like&show_faces=false&send=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:35px;" allowTransparency="true"></iframe>
#2
Use Index.html instead of home.html or just use .htaccess file to make home.html as your default index file:
DirectoryIndex Home.html
#3
Create a Facebook fan page, this would the fastest and easiest solution.
Hi I am trying to add a facebook like button to a website of mine but nothing seems to apear I've checked about a dozen tutorials and Im doing exactly what is being said there and the facebook button dosent apear.On firefox it shows nothing but on chrome , IE9 , opera and safari I get a this page can not apear error:
This is the link I'm using to generate the code:
http://www.facebook.com/pages/WillKode/228217780608588
And this is a test page i've created:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FWillKode%2F228217780608588&send=false&layout=standard&width=450&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>
</body>
</html>
Are you testing just a local HTML file? It seems to work for me: http://jsfiddle.net/jhchen/D8pgg/.
Try to change the iframe src to https://www.facebook.com instead of //www.facebook.com. It should be the latter (the way you already have it) but when testing locally the latter will not work.
Reason is // mean use the protocol of the document which is great security-wise because the iframe will use https://www.facebook.com if you are on an https page and http://www.facebook.com when you are on an http page but if you are just testing locally the protocol is file:// and file://www.facebook.com does not lead anywhere.