Magento - Right thumbnail image doesnt show up when linked/liked with Facebook - php

I have a Magento website and have facebook Like link on it. Clicking on it allows me to share that product on my FB wall... But it sometimes shows the right thumbnail image and description and sometimes it doesn't.
Could any one help me fix this? Is this a known bug or soemthing that I need to tweak in order to fix it?

Once you change the image in your website the image wont be changed in facebook until it scrapes it again.
To scrape it again you can use below url
http://developers.facebook.com/tools/debug

Related

Drupal Image as image with link to a node

OK
I've actually spent 3 hours searching for how should I get images correctly on my drupal site so please don't get annoyed with this easy question. (sob...)
I want to upload an image to my front page as a button for redirecting to login page.
How CAN I achieve this?????I mean how should I store image as in Drupal and how can I get it in the position I want on the page???
I tried creating a content type called image and then created a View of block type but it doesn't seems correct to me.
What is the correct set of steps for storing and handling images in drupal??
Thanks
Create a block in your Drupal site and assign it to a region in the front page. Added the Image via PHP code there.

Fancybox image gallery with ratings and comments

I have a photo website which gathers images from a folder with PHP, displays their thumbnails on a page and, when clicked, opens a fancybox (fancybox.net) to display the full image. I am pretty satisfied with the result but as users start posting, they start asking for new features, and problems come out since I'm not a programmer. What I would like to do is a photo commenting/rating system (like the one on facebook to get the idea, but obviously not as complex): I've been trying to add a Disqus code to each picture, but it won't get displayed in my fancyboxes...So the question is, can you give me any (easy-to-implement) ideas on how to achieve this? I don't mind using already existing softwares like disqus for comments and polldaddy for ratings, since I guess it would require me to setup a mysql database to do it on my own...
To brief it again:
I have a "thumbs" folder which are gathered on a page.
I have an "originals" folder with the full size images that are called back by the fancybox.
I would like to have comments+rating in the fancybox.
Thanks in advance for any advice you can give me.
For your fancybox implementation I'm assuming that it's just pulling the image into the lightbox, not other content (i.e. a html page). What you'd need to do is set up a page which would grab an image, and output it along with your comments + rating code, then set up your script to use that page as the fancybox URL instead of a direct link to the image.
Without more information to go on I can't really help more than that.
ps for comments the Facebook Comments plugin might be easier for a non programmer to implement than Disqus.

Post a link on Facebook wall og:image does not works

i just want to copy and paste my website links on users facebook walls , when share from http://www.tvguide.dk/nyheder/2011-10-15/TV2_satser:_Nu_med_spritnye_v%C3%A6rter_!/ share buttons it works and picks a correct og:image thumbnail ,
however when i copy paste the link on the wall the facebook picks the logo image. insted of og:image value
can you guys help me please
You won't be able to change that, unless you always upload a picture when you post on someones wall! The og:image is only used for the open graph which is used from like and share buttons, comments etc, but not in facebook itself.
Read up on internationalization: http://developers.facebook.com/docs/internationalization/
Your website is in Danish but you have used set locale as en_US. Also the title, type and URL properties are not being interpreted correctly by Facebook. http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.tvguide.dk%2Fnyheder%2F2011-10-15%2FTV2_satser%3A_Nu_med_spritnye_v%25C3%25A6rter_%21%2F
Make changes and check the progress at URL Debugger(Linter) given above. If everything fails try including the FBJS SDK and use fb:share-button. I had a similar problem once with WordPress which got solved using the JS SDK

Get website image from google via php

I'm working on a website for a specific client. And he wants to be able to add link to the website, and on mouse hover to have a image of that website appear.
Now, he doesen't want to take an image of the website, he only wants to input the link and have the website do everything else.
So my question is ->
Is there a way (eg. google API) to get a website image only by providing the url via php?
Sort of like in google, when you hover over a lik of a page, a tooltip pops up to the right with an image.
Any help is, as always, appriciated :)
Here is a list of 10 free thumbnail services
http://www.webresourcesdepot.com/10-free-website-thumbnail-generation-services/
You can simply refer to the URLs of these services, e.g.
<img src="http://SnapCasa.com/Get.aspx?code=[code]&size=[size]&url=[url]" />
or make a CURL call from one of your PHP scripts and temporarily store/permanently save the image that was generated.
Have recently developed Thumbnailspro.com. It is currently free to use while in beta testing as we work out the bugs, but so far its getting quite popular, you can request thumbnails directly from your website using the code below :
http://thumbnailspro.com/thumb/http://msn.com&s=150
s=Size, size can be anywhere from 10 to 1000 pixels just add s=300 to display a thumbnail 300 pixels in width. We are trying to add more options as we go for thumbnail requests and at the same time trying to keep it as simple as possible so you don't have to enter something like the code below to get your thumbnails :
http://somethumbnailsite.com/viewurl.php?url=http://msn.com&x=200&y=300&bwidth=1024&bheight=768&rotate=76&what_the_hell%20_is_all_this_crap!
So is much more effecient!
Like the service or have any bugs contact us at admin#thumbnailspro.com!
No. The only way to do this is to request the HTML for the page, render the page and then create a thumbnail from that page render. Google does this because in the process of spidering the web, they already get all that data, and they've got a nice optimized rendering engine (Chrome) that they can put the data through, and then they've got tons of online storage space to store the cached image. There's a lot of work there, though.

Facebook will not display the image from my page as a thumbnail, when posting it on my status [duplicate]

This question already has answers here:
Closed 11 years ago.
Possible Duplicate:
How does Facebook Sharer select Images?
On one of my sites I want the users to be able to share a page and with that attach the page image as thumbnail on facebook. If I use my “Share” button which I have on my Google Toolbar in my browser, it displays the headline, some of the text and my image – everything looks just alright.
But, if I copy the URL and put it into my Status field on facebook, it only displays the title and my h1 headline but no picture. So almost identical, except the missing picture.
I’m not enough familiar with the facebook way to “extract” images on when coping an URL into the Status field but it strikes me as weird that the “shared” pop-up page works fine and not the other.
Can it have something to do how I reference the image in my code? As it is now, the picture are displayed with this link <img src="/uploads/sqrecipe/54/312_530x400_d99dcd230.jpeg" alt="312_530x400_d99dcd230" />
There is some other images as well on the page, but which is not the, like “post image” and they are referenced the same way as the above post image.
Hope some of you can sheet some light on this issue. Any hints og solutions would be very much appreciated.
Sincere
- Mestika
You have to add a meta tag to inform Facebook of the image you want to share as thumbnail. Use this code below in your <head> section
<meta property="og:image" content="http://www.yourwebsite.com/uploads/sqrecipe/54/312_530x400_d99dcd230.jpeg" />
Note: you have to specify the absolute URL for the image, including your domain name. You can read more here.
Also, the page may be cached by fb servers, you can refresh the fb cache using the Lint tool found here:
http://developers.facebook.com/tools/lint/

Categories