I have this snapshot version of a website and I'm using the new like button, at least trying to.
The like system is working great. I can even save how many clicks on each like I have.
BUT, I couldn't figure out why every time I try to publish (using the dialog opened after clicking on the like button), the content doesn't appear on my activity or any where else.
That's the example code I'm using:
<fb:like layout="button_count" href="http://www.podeir.com.br/brasilia/agenda/visualizar/id_agenda/2/AERO-GROOVE" send="false" width="194" show_faces="false" font="tahoma"></fb:like>
Just noticing: My Like Button Count is growing.
Facebook tells you what your problem is in the debugger results.
Your og:image tag needs to be a fully qualified URL (e.g. start with http://)
Related
I am using the iframe method to get the Facebook Like Box on my website.
The website is: http://motorcyclealley.co.nz (the Like Box should be showing down the bottom to the right of the YouTube video)
However, it is always blank.
Browsing to the iframe url in my browser: http://www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/MotorcycleAlley&width=320&height=315&show_faces=false&colorscheme=light&stream=true&border_color&header=false&appId=397375460320824
Also produces a blank screen. The url was generated with the official generator. I am unable to figure out what is wrong because STRANGELY it works in the browser I originally did it on (Firefox 18.0.2 on Linux).
I have tried it on Chrome, Internet Explorer and Firefox/Windows and made sure that all adblocking extensions are disabled. I still get the blank screen.
Can anyone tell me whats going on?
EDIT: I should also mention that I have tried the HTML5 and FBML methods with the same result, they both worked on that ONE browser but not on any others
Ok, I just found out why. The Like Box doesnt show unless you're logged into Facebook in that browser (because it is set to have an age restriction). Apparently the following fixes it: https://stackoverflow.com/a/9310091/335227
I had the same problem.
I followed FB's instruction to add a FB like box in my web page:
<div class="fb-like"
data-href="https://www.your-domain.com/your-page.html"
data-width=""
data-layout="standard"
data-action="like"
data-size="small"
data-share="true">
</div>
But the block doesn't show like and share buttons, only white blank.
After some investigation I found it to be a bug of standard layout, if I set data-layout attribute to box_count, button_count or button, it works well.
My research
On my blog I added the like button to the end of the posts. I have had it installed for about seven months now and it still does not work properly. I added the Javascript SDK and then the appropriate code to my Blogger template (develops.facebook.com) and while it appears on the blog it does not work properly.
Basically, if you click "like" at the end of any post, it will appear in the person's newsfeed but NOT as the individual post. Instead, the generic homepage of "Bases and Baskets" appears in the newsfeed. The interesting thing is that even though the generic logo and blogger description appears, if you click the link itself it sends you directly to the appropriate page. Not sure why...but as you could imagine I would prefer it to work properly and show the article. Also, I want the image at the beginning of the post to appear rather than my Facebook page's profile picture (which you can see here).
Not only is this a problem, but if you click "like" at the end of any one article, the like button remains depressed for ALL posts on the site. For example if one "likes" article A, and ventures to article B, the like button at the end of article B is depressed. Furthermore, the "like" tally at the end of ALL articles is exactly the same (~615).
I can attach a couple pictures that hopefully help, as well.
This has been quite frustrating as you could imagine, and became even more so when I made a new blog, Left Coast Chronicle, recently and everything works! If anybody can help me fix this I will give you all of the info I have to help (email address, chat info, complete HTML template of my blog) if you need it.
Thank you so much!!
First of all: omg...this page is HUGE to load!
Secondly: you have missed one important parameter in your like button: the href attribute.
Your script:
<fb:like font='' href='' layout='button_count' send='false' show_faces='false' width='450'></fb:like>
Solution:
<fb:like href='LINK_TO_BLOG_POST' layout='button_count' send='false' show_faces='false' width='450'></fb:like>
Otherwise, the like button will like the current site it sits on (which is - you guessed it - the home page http://www.basesandbaskets.com/)
Third: you have the <div id='fb-root'></div> before each like button. Please use this only ONCE!
Hope this helps.
I'm attempting to add a FB "Like Box" to a website I'm developing. Not too familiar with Facebook apps, but so far I've gone the non-IFRAME route, using the FB SDK script include.
I'm fairly certain I've got almost everything setup correctly. In fact, I see the widget appear when I visit the page UNCACHED (i.e. in FF, I hit CTRL+SHIFT+R to reload all content to avoid loading from cache). Once I revisit the site, or move around within the site by clicking links, the content does not reappear.
I'm wondering if it's an issue with a) the channel.php file, or b) the apps interaction with my use of JQuery. The channel.php file is verbain what is provided by Facebook (using PHP's caching mechanism).
Here's the site currently: http://www.morningfatty.com/demo - It might be easier to list this rather than post several code snippets.
I went to your website and didn't see the like box. I checked the HTML code and it all appeared fine. The div looked like <div data-header="false" data-stream="false" data-border-color="#40ADAD" data-show-faces="true" data-colorscheme="light" data-width="192" data-href="http://www.facebook.com/morningfatty" class="fb-like-box"></div>
I went to https://developers.facebook.com/docs/reference/plugins/like-box/ and tried your link http://www.facebook.com/morningfatty and lo-and-behold the like box didn't display there.
I tried going directly to http://www.facebook.com/morningfatty and it redirected me to http://www.facebook.com/MorningFatty. I noticed the change of case in the name. So I went back and tried http://www.facebook.com/MorningFatty in the like-box and it worked!!.
I believe that you page will work once you update the casing on the url. :)
I am usign the version of based on the <fb:like > tag. This renders a small facbook logo which implements the actual "like" operation, but also includes a large "signup to see what your friends like", or the number of likes when you are logged in, etc. It is pretty clear from what I have read that this is the form facebook wants you to use, but it makes the button to wide for my layout. The point is that I see other versions on websites all over, in particular "the weather channel" has one that includes only the logo with some text such as "like us" next to it. "Chicago Tribune" has one that says "recomend" with a very small like count next to it. I have not been able to determine what these link to or what script they invoke so that I can copy them. Can anyone help ?
when you get the code of the like button from facebook you can play with the options and get different results: http://developers.facebook.com/docs/reference/plugins/like/.
obviously it's limited to how facebook wants it to look like.
it is possible to change the look with css, but that's not wise since it's against their policy and you'd have to keep track with their changes.
I'm trying to get Facebook send or like button display on GWT popup panel and I am not successful. When inspecting the generated HTML, facebook HTML button looks properly inserted into but it just does not show up. Save Facebook button works well in html page (not on GWT panel).
Have you ever had success in displaying Facebook Send or Like or Share button in GWT? I know I ca implement FB Like button myself using API or other libraries. But I do it need that. I need standard Facebook Send button to be used in my GWT application.
Please advise me if you have experience and were successful.
Thank you very much!
I had a similar problem, and it was because, in the html file's script tag, I had changed and not updated the src="path" to a valid path. I had a wrong directory listed in the path. For me, it's correct now with:
<script type="text/javascript" src="clienttest/clienttest.nocache.js"></script>
I rebuilt, and the image appeared on the page. This problem was keeping the entry point module from loading.