Send Button pop up custom image and text - facebook

I want to customize the text inside the send button pop up. I really have no clue how to do it. I am using the code i got from the fb dev page and changing the url with php.
I would like to change the other properties like picture, name and description since fb always show random images and texts.
Any clue?.

Here's how you specify og: tags for images and text: http://developers.facebook.com/docs/opengraph/

Related

How to change the facebook ui feed size?

I have included share button in my website. The share button works fine in web browsers.
But when access through mobile, after clicking the share button, the share popup size is same as web browser. So it is not getting displayed properly.
Can anyone please suggest, how to alter the height and width of the feed popup?
Thanks.
Afaik you cannot change the appearance and size of the popups made with FB.ui. You could try opening your own popup:
https://developers.facebook.com/docs/sharing/reference/feed-dialog/v2.0
See "URL Redirection".
One other possibility is to use the "sharer.php", it is even easier to handle because you only need to add the URL as parameter and it will automatically get the Open Graph data from that URL.

Strange image displayed under the like button

on a site I created I have added a standard like function for advertisements users made.
Whenever I use like on a product page it works fine, e.e. http://www.markt4art.nl/Advertenties/ToonProduct.php?A=101 but on a Services page it shows a weird icon, e.g. http://www.markt4art.nl/Advertenties/ToonDienst.php?A=90
Even when I delete this image from my directory Facebook still show this weird and unwanted image.
Please explain how I can fix this and (if applicable) how I can determine myself which image Facebook will use to make a thumbnail.
This is a critical errors as all facebook likes are now very wrong...
Thx for your help.
You need to choose what image Facebook will use for the thumbnail. If you don't, Facebook will just find a random image on the screen and use it. For your first page it's using the beach picture. For the second it's using the ugly yellow 'play' button right next to where it says "Showreel".
To specify what image should show up you need to add a meta tag to your head like this:
<meta property="og:image" content="http://Your image location.jpg" />
More info here: http://blog.smartwebsitetips.com/75/how-to-force-facebook-choose-right-image-for-like-button/

Wrong content in popup window after "Like it"

I added the like facebook button on my website, it works well except that the popup window doesn't show me the correct content.
Simple sample:
In the homepage of my website I set the title tag to its name, suppose it is called "the universe".
Then I go to another page that has a title like "the sun is hot". If I click "like it" on this page the popup content shows me "the universe". This is wrong, I want "the sun is hot".
How to set the correct content on the popup window? Does the button "like it" take the title tag or what else?
Thank you
Does the like button refer to the url of the homepage and not the page you are actually on? The way the like buttons work now is they pull the meta Open Graph tags from the url in the like button, so the meta tags on the page called by the button dictates the content.
If you make it the url the current page with the correct meta, that should fix it.
Run the page your like button is pointing at through Facebook's Debug Tool
This will show you the metadata Facebook is detecting for that URL, and/or clear the cache if you've updated the meta tags on your site recently

Dynamically changing Open Graph properties for Facebook Like button?

I am using the jQuery PrettyPhoto as an image gallery. Each image has it's own facebook-like button on the bottom of the image modal. I'd like to have the image that was liked to appear as the thumbnail on the 'user who clicked like's status update related to liking the image. (Also, I'd like the title to be unique, but I am assuming they can be changed the same way, if at all.)
As of now, the Facebook snippet seems to be scraping the gallery meta properties on load, grabbing the og:title and og:image content that is listed there. I've tried to dynamically change these values whenever a new gallery image is clicked, but it seemed to be using the values of the page loaded meta content (which makes sense).
Is there a way to change what the facebook like button sees as the image it should use on-'like'? Each gallery image is dynamically loaded on the same page, only changing the achor value per image. I've tried a number of ways with no success, but maybe someone has some experience with this or a similar issue.
Thanks for any help or leads!
As you didn't supply any example, I checked with here. As I can see they also use original like button, so the og:title and og:image should be different in each image. Instead of images, can you use html in every popup and put image, your like button etc there?
PS: Or else, you have to dynamically change the title of gallery by javascript, which is not a very idea situation. Facebook will always look for og:title for scrapping data, you can't simply feed it by custom code.

Showing different content in Facebook iframe WITHOUT using "Like"

OK, this is not the question you might think. We need to set up a tab on a Facebook page & of course that now means iframes, not FBML.
The initial content displayed will be a graphic containing a question. The answer, in the shape of another graphic, is to be revealed by clicking on the first image. The initial image must be replaced by the second (which shows the answer).
"Like" does not enter in to this: the function is the same whether the user "likes" the page or not. It's just "click this image to display the answer".
As iframe newbs, this is causing us a bit of a headache - so can anyone help ?
Thanks.
The iframes in Facebook now function just like a normal web page. Just capture the click event on the initial image using javascript (and/or jQuery) and display replace it with the new imagery.