A user reported that the Page Plugin widget throws an error for him: "the parameter href is required".
So I dug a little deeper, and found that if I put the demo code (which can be found on https://developers.facebook.com/docs/plugins/page-plugin/) in a codepen, it throws the same error, as you can see here: .
HTML:
<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Ffacebook&tabs=timeline&width=340&height=500&small_header=true&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>
Here's the pen: https://codepen.io/binoculars88/pen/gOaYGBX .
On the docs page it does work, but that might be because of a different type of integration.
It is working properly on my end, so I find it very hard to debug. The user isn't using an ad blocker. Any tips?
Related
I am using the drupal module https://drupal.org/project/facebook_wall to pull a facebook wall onto my website. The wall contains facebook videos, and all of these start, so autoplay must be set to on by default.
Is there a way to pull the wall with autoplay switched off?
The module requests the facebook page using curl and the graph api:
$api_url = 'https://graph.facebook.com/' . FB_PAGE_NAME . '/posts?access_token=' . FB_ACCESS_TOKEN . '&limit=10'
Changing the url to this one doesn't change anything:
$api_url = 'https://graph.facebook.com/' . FB_PAGE_NAME . '/posts?access_token=' . FB_ACCESS_TOKEN . '&limit=10&autoplay=off'
The url of one of the videos is constructed like this:
<iframe scrolling="no" width="400" height="250" src="https://fbcdn-video-a.akamaihd.net/hvideo-ak-ash3/v/xxxxx_n.mp4?oh=yyy&oe=zzz&__gda__=aaa" frameborder="0"></iframe>
In the original version of the question, I had entered here the "embed" line that is displayed on the finished page. I then realized that it must have been embedded through the iframe tag, which is what the module pulls from facebook.
I changed the iframe tag to:
<iframe scrolling="no" width="400" height="250" src="https://fbcdn-video-a.akamaihd.net/hvideo-ak-ash3/v/xxxxx_n.mp4?autoplay=false&oh=yyy&oe=zzz&__gda__=aaa" frameborder="0"></iframe>
The good news is: the video doesn't start.
The bad news is: instead of the video, the following error message is displayed:
An error occurred while processing your request.
Reference #50.bcb754b8.1377899267.aa42993
Any idea what to possibly do to switch the player off?
You need to pass the argument
<embed width="100%" height="100%" name="plugin" src="https://fbcdn-video-a.akamaihd.net/hvideo-ak-ash3/v/xxxx_n.mp4?oh=yyy&oe=zzz&__gda__=aaa" type="video/mp4">
to
<embed width="100%" height="100%" name="plugin" src="https://fbcdn-video-a.akamaihd.net/hvideo-ak-ash3/v/xxxx_n.mp4?oh=yyy&oe=zzz&__gda__=aaa" type="video/mp4" autoplay="false">
to do this, I think maybe you can try the following code
$api_url = 'https://graph.facebook.com/' . FB_PAGE_NAME . '/posts?access_token=' . FB_ACCESS_TOKEN . '&autoplay=false';
Let me know if that way works.
In my netbeans 7.2 . I am using JSF Primefaces 3.5 and i am trying to add the facebook sign up in the application but i got an error saying that "The entity name must be immediately follow the '&' in the entity reference"
<iframe src="https://www.facebook.com/plugins/registration?
client_id=113869198637480&
redirect_uri=https%3A%2F%2Fdevelopers.facebook.com%2Ftools%2Fecho%2F&
fields=name,birthday,gender,location,email"
scrolling="auto"
frameborder="no"
style="border:none"
allowTransparency="true"
width="100%"
height="330">
</iframe>
I just followed how facebook did .. please help ... thanks ... Beginner here ...
For the record, you can't use & directly in xhtml, you need html entites like &.
I know this is a common question but I haven't found any answers. I click the button but nothing happens. I've been using the linter and have all the og tags.
Here's my code (straight from the like button creator) and site:
<iframe src="//www.facebook.com/plugins/like.php?href&send=false&layout=button_count&width=450&show_faces=true&action=like&colorscheme=light&font&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>
http://alexcieminski.com/index.html
Thank you.
?href& This is the problem. You need to really put your url-encoded url here: ?href=%3A%2F%2F&
Also check out your page in the linter: http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Falexcieminski.com%2Findex.html
It says you should also specify the og:description too.
You need to remove all the 'amp;' that separate the query strings. So, instead of having '&' separating each query strings you should just have '&'. You also don't have anything for url for 'href'
I was facing this problem from last 4 hours & it turned out to be a browser related issue. After I've started accepting third party cookies from http://www.facebook.com/ suddenly every thing started working...
I have the following facebook registration plugin that lets user register through their FB account. Following is theiFrame that does this job.
<iframe src="https://www.facebook.com/plugins/registration.php?
client_id=239703062769103&
redirect_uri=http://www.booze-log.com/kruskirety/profileThis.php
fields=name,birthday,gender,location,email"
scrolling="auto"
frameborder="no"
style="border:none"
allowTransparency="true"
width="100%"
height="330">
</iframe>
When this displays, only the name field of the user is visible and the rest-birthday, gender, location, email are not visible. I tried setting the fields to JSON type as well but the problem still persists.
Here is the screenshot of what the problem looks like
Help would be appreciated.
So I have found the answer. It was a minor missing of &-ampersand, after profileThis.php in redirect_uri that was causing this issue. A silly mistake costs both time and effort I reckon.
I'm trying to add a Facebook "Like Box" to an existing website, as described here
The Page I'm promoting works just fine in preview-box on that page.
But when I copy/paste the code as shown to my website, it instead shows a fraction of an empty facebook page with only a partially visible error message.
<iframe src="http://www.facebook.com/plugins/likebox.php?profile_id=SenRandyGordon&width=260&connections=10&stream=true&header=true"
scrolling="no"
frameborder="0"
allowTransparency="true"
style="border:none; overflow:hidden; width:260px; height:px"></iframe>
I cannot figure out what I'm doing wrong, and I added "Like Box"'s in the past, before Facebook released their new API.
Please help?
Solution
You have to replace all the "&" of the Facebook Likebox generator code with "&" - then it works.
Combine this method with Lemmy's method to make it work.
So the final result looks like these instead
<iframe src="http://www.facebook.com/plugins/likebox.php?profile=1&id=SenRandyGordon&width=260&connections=10&stream=true&header=true" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:260px; height:px"></iframe>
I copied and pasted the code supplied for the iframe, and it didn't work. I discovered there was no http: before the code. Once I put it there, everything worked perfectly.
I also faced same problem using facebook's social plugin.
In this plugin if user enter wrong input then security question comes with random generated code with 2 words, but user can view only 1 word means it shows partial part..
Here is Onther solution .... It Really Works!!!
<script type='text/javascript' src='http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/en_US'>
</script>
<script type='text/javascript'>FB.init('aaafdced248eed501f09f66e3c5b7de9');</script>
<fb:fan profile_id=\"118774364811981\" stream=\"0\" connections=\"10\" logobar=\"0\" width=\"244\" height=\"240\" css='serverside_facebook.css?1'>
</fb:fan>
I used above code in Java verticalPanel.getElement().setInnerHTML("above code");
It really works!
Change profile_id=SenRandyGordon to profile=1&id=SenRandyGordon
It work for me
try thins iframe code working fine and tested by me on wordpress
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FEnter_Your_FB_ID_OR_USERNAME&width&height=290&colorscheme=dark&show_faces=true&header=true&stream=false&show_border=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:290px;" allowTransparency="true"></iframe>
John's answer might work. Haven't tried it. This worked for me:
change profile_id= to just id= in the embed code.