I managed to add FB like button on my twitter-bootstrap navbar using django-like-button
application.
Now my concern is that the like button renders after my page has already been fully loaded.
I'm using the same button (same href) on each page.
I was thinking if there is an option to cache the button and have it only render once.
I'm open to hear other options that may load it faster.
I'm using the async sdk from Facebook already.
10x
Related
I have a Joomla 2.5 site and I'm creating a mobile version of it. I want to use the same menus and same articles but adjust the content. For this I'm using a simple mobile detection plugin so it changes the stylesheet only. This all works fine.
However, I need an additional page that just contains the main menu. In Joomla you have a default page and this is currently my home page for both my desktop and mobile version. I want the mobile site to load my main menu page first then the user can navigate from there. Does anyone know of the best way to do this?
A site can only have one default page so you will need to redirect a user to the mobile menu page when they first visit the site. There's a couple of ways to do this would be to set a cookie indicating they have been to the main navigation or use session variables. In either case, you would need to add a plugin or code to the default page to determine if they need to be redirected or not.
That said, why not just make your template responsive. It's fairly easy to implement the Bootstrap framework (there are tons of templates already out there using Bootstrap) and then it is trivial to show or hide content based on the size of the screen the user has.
Facebook like button is not getting displayed at all when placed it in an IFrame. Also the iframe is loading a page from different domain. So basically it is a cross domain scenario. I have the channel file on the iframe domain setup properly.
If you load the page from the iframe normally in another tab/window, do you see the like buttons normally?
I have an issue with the FB like button.
In a web view inside our iOS and Android apps, when the FB like button is pressed and you are not logged in, instead of displaying a login modal as it has previously it just disappears.
This happens for the iframe and XFBML versions.
I can also reproduce this when clicking the like button in the mobile browser when viewing https://developers.facebook.com/docs/reference/plugins/like/.
I've logged this with FB Dev but thought I'd try here as well.
I had the same problem....
You have to use this tool: https://developers.facebook.com/tools/debug
Enter the url you want to add like button, this will clear facebook cache,
and the like button will work properly.
It's possible a like button is blocked if the page it links to has a restriction. This article has some more information about this problem: Ttp://www.andreavahl.com/facebook/why-your-facebook-like-box-is-not-showing-up.php
I'm maintaining a Facebook iFrame application, and my client is worried about the transition to Timeline. Basically, they want their home page to have a big icon next to 'Photos' that takes the user to the page hosting the iFrame. The tricky thing is that users can "pledge" within the app, and they want the link icon to look different depending on whether or not the user has pledged within the app. Is there any way to do this?
Assuming the answer is no, is there a way to add a second icon for the iFrame app so that I can customize one to look different? Or would I need to set up another page hosting the same iFrame?
Thanks!
Go to Fan Page Timeline, click the arrow on the half box to the right of photos, likes etc (assuming you haven't changed the order of the apps), hover over the icon you want to change and click on the pencil icon that shows up in the top right corner. Then click "edit settings". Here you can change the tab image or give the tab a custom name.
alternatively you can enter the edit page settings, go to the apps section, edit the app, and you can change the icon from there.
in either case, you will need to be a page admin to complete the task.
Update on 4/12
Facebook just added the functionality for developers to set a default image. Here is the post in the Developer Blog.
In my website I have both a Facebook like button and a Google+ button.
Both buttons slow down my website by creating many HTTP requests with bad latency.
Any idea how to make it faster?
I think that both consume about 1.5s
You need to load the buttons asynchronously. The +1 buttons officially supports async and there is a workaround to get the like button working too.