I started having problems a couple of days ago with the Like button on my Facebook application page. It has been working for almost 6 months but stopped working yesterday. When I am logged into my own Facebook account I see the 'Like' count, but if I am logged out or logged in as anyone who hasn't already 'Liked' my app, it doesn't work. They see the button as if nobody has 'liked' it yet and when they click it, it seems to reset every time.
The URL I am trying to like is an APP URL. My code is pasted below.
<iframe src="http://www.facebook.com/plugins/like.php?app_id={myAppId}&href={myAppURL}&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=dark&font&height=21"
scrolling="no" frameborder="0"
style="border:none; overflow:hidden; width:450px; height:21px;"
allowTransparency="true">
</iframe>
I've tried a few variants of this code, but I can't seem to get it to work. Even when I go to the page that generates 'Like' button code on Facebook and give it my URL, I see the same problem. When I click the button I get the text "Error" in red to the right of the button. I've seen an article on Mashable that this same problem happened about a year ago for some people...
Try replacing the http:// part of the src attribute with //
So it should look like this:
<iframe src="//www.facebook.com/plugins/like.php?app_id={myAppId}&href={myAppURL}&send=false&layout=button_count&width=450&show_faces=false&action=like&colorscheme=dark&font&height=21"
scrolling="no" frameborder="0"
style="border:none; overflow:hidden; width:450px; height:21px;"
allowTransparency="true">
</iframe>
Related
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.
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.
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>
Today I have a like-button set up for the pages url. In the near future I might
Want to create a facebook page or group for the site.
Is there a way to move or sync the likes for the url with the page. Or will they always be separated and thus the gained like count lost?
You can change your old code for like button to have like link for the group page
<iframe src="http://www.facebook.com/plugins/like.php?href=
"your page link"
&layout=standard&show_faces=true&width=450&action=like&font&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe>
http://developers.facebook.com/docs/reference/plugins/like/