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
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>
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.
Not sure why. I grabbed the code from:
http://developers.facebook.com/docs/reference/plugins/like/
And as stated there, we can read:
"href - the URL to like. The XFBML version defaults to the current
page. Note: After July 2013 migration, href should be an absolute URL"
So I did.
<body>
<div>
<iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fprojectokairos&width=100&height=21&colorscheme=light&layout=button_count&action=like&show_faces=false&send=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</div>
</body>
Could this be related with the fact that the page is unpublished?
I hope not because I do need to place the button here and there on several pages before the FB page goes live.
Being unpublished is possible, but I would also check your plugins. Firefox and Chrome especially. Do you have AdBlockPlus, DoNotTrackMe, or NoScript installed? The last two, I know interfere with the Facebook like button.
Ok guys. I am not a WordPress or much of a PHP man. I know I need to be but I wasn't raised that way. I ran into a problem lately. Our Facebook like button won't show up. I don't know why. We are using jetpack version 2.3.1 and the tweet and Google plus button work fine. I can see that the Facebook iFrame button is there but it is empty. I inspect it with chrome and find that the URL for that, when I open it in a new window, shows me nothing. Any ideas? I've tried installing the 'Facebook Like Button' plug in but that didn't show up and I can't seem to find a good source. I've been searching around for a few days now.
Here is the URL from one of the posts that is in the Facebook iFrame button https://www.facebook.com/plugins/like.php?api_key=&locale=en_US&sdk=joe%E2%80%A6ton_count&colorscheme=light&show_faces=false&extended_social_context=false
Here is the site I'm working on: Site
I believe the problem lies with this code here:
<div class="like_btn">
<fb:like href="<?php echo urlencode(get_permalink($post->ID)); ?>" layout="button_count" show_faces="false" width="100" font=""></fb:like>
</div>
Had the same problem and apparently it needs to be within an iframe.
Try this code:
<div class="like_btn"><iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=button_count&show_faces=false&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:100px; height:30px"></iframe>
</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.