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>
Related
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
Have this problem, I have a WordPress website and on the single.php file when articles are we have a scrolling social bar, with Facebook like, Tweeter and Google+
However I wanted to change the Facebook like into a Facebook share button.
Anyone have the answer to this, I've been searching for ages to find a solution.
The Facebook like code I have is:
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:20px;">
</iframe>
I have tried using: <div class="fb-share-button" data-href="<?php the_permalink() ?>" data-type="box_count"></div>.
This doesn't display all the time in Firefox and is virtually non-existent in Chrome, Safari and IE.
I use Facebook comments, so when share button doesn't appear, nor does the comments section.
I'm at my witts end with it.
Many thanks in advance
Try removing data-href="perma-link stuff" that Facebook automatically puts in for you.
I have a website that displays houses to the visitors. When the user wants to view a house, he/she clicks to view the house and a details page will show. With the url being www.myhouses/details/123 (123 being the unique id for the house).
I added a Facebook like button to the details screen (www.myhouses/details/123) . Will this "like" be counting towards like for www.myhouses (the entire website) or only for the specific url.
Is there a way to get the count for all Facebook likes to my page, in the above mentioned scenario ?
thanks
That depends if you have defined the data-href attribute in the fb-like div.
To know all likes you have on your website. From what I know ( correct me if is wrong ). You need to map all your site urls and request using the Facebook Graph or using FQL to get the like of every single page, and so, sum then all.
It depends. When you create a like button you pass the URL you are going to LIKE.
The documentation shows:
<iframe src="https://www.facebook.com/plugins/like.php?href=YOUR_URL"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px"></iframe>
If you put:
<iframe src="https://www.facebook.com/plugins/like.php?href=www.myhouses.com"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px"></iframe>
you are going to like your site, if:
<iframe src="https://www.facebook.com/plugins/like.php?href=www.myhouses.com/details/123"
scrolling="no" frameborder="0"
style="border:none; width:450px; height:80px"></iframe>
you are going to like your house link.
Well, if you haven't defined it with the data-href attribute, it will use the current URL, otherwise it will use the defined url.
<div class="fb-like" data-href="http://www.yourdomain.com" data-send="false" data-width="450" data-show-faces="false"></div>
I know facebook comments with iframe implementation is not supported. But I am using following code:
<iframe src="https://www.facebook.com/plugins/comments.php?href=http://yahoo.com" style="border:none; overflow:scroll; width:400px; height:562px;" scrolling="yes" ></iframe>
which works well in firefox but not in IE. I want fb comments in iframe only.
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.