Show a single thumbnail when posting on facebook - vb.net

A little background info is that my team and I developed a website for a Real Estate Agency and I've been assigned the task of setting the image of the currently selected property into facebook's sharing feature.
The webpage for the property is dynamic as there are several listings, so what I've done is select the first image that is loaded on the page and set it to the og:image meta tag.
Now let's say I copy the URL and post it on Facebook, it'll show the correct thumbnail, HOWEVER, it'll also show multiple thumbnails from other listings.
All images on the website are over 200 x 200px and are within an aspect ratio of 3:1.
My question is, how do I tell Facebook to only take my initial image and not grab others while it's as it.
Is there perhaps a SelectSingleImage property that I can apply?
I've already spent more time searching for the answer to this issue than I would have liked, so thanks for any help provided, it's much appreciated.

One method I use sometimes is to recognize Facebook's server and simply provide it with different data. This way you can actually only have one image on the page (as far as Facebook knows).
I don't know anything about vb.net, but here is a simple code sample in PHP. All it does is perform a regular expression on the user agent of the request to match it against the string "facebook".
$isFacebook = false;
if(preg_match("/facebook/",strtolower($_SERVER["HTTP_USER_AGENT"]))) {
$isFacebook = true;
}
Facebook may very well change their user agent signature one day, but for now, I'm pretty sure you'll be safe but keep synced with the Developers Blog and the Roadmap.

It seems that Facebook saved those images in cache for some bizarre reason, but to resolve this issue all I had to do was enter the URL into Facebook's Linter tool which in turn cleared the cache on their server.

Related

Cached version by Google of my website shows the Google Custom Search window open (with No Results)

I am using Google Custom Search on my website for a quite a while. I have noticed that when I open the Google-cached version of my website, it shows the Custom Search result window open (saying No Results) for no reason.
You can see for yourself here:
https://webcache.googleusercontent.com/search?q=cache:z55mQx1mHn8J:https://www.fireplace.co.uk/+&cd=122&hl=en&ct=clnk&gl=uk
Here is a screenshot:
!http://i.imgur.com/kXQhV30.png
I havent been able to find ANYTHING about this issue on Google and I havent gotten a single reply on the Google Custom Search support forum for more than a week.
Does anyone please have any idea what could be causing this and how to resolve it? It is really annoying to see the cached version of my website covered by a modal window.
I came across this question while looking for something and, although it's been a while since it was asked, I noticed the problem is not solved so thought I'd try to help.
By looking at the cache URL you've provided, the reason you see the modal window seems to be the fact that the same URL variable (q=...) is being used by both, the webcache page AND by the Google custom search on your website.
So, when someone opens the cached page, the custom search engine is also being fired because of the presence of the q URL variable.
In the case of the cached page, the search term (value of q variable) is "cache:z55mQx1mHn8J:https://www.fireplace.co.uk/+&cd=122&hl=en&ct=clnk&gl=uk" and if you paste this value in the actual search on fireplace.co.uk you'll see that it returns an empty search results window.
The solution would probably be to update your custom search engine so that it uses a different variable than the default one (which is q). That can be done, just look in the custom search documentation.
Hope this helps.

Mechanical Turk - can't view HIT, appears blank

I m trying to setup a few image categorization tasks on Mechanical Turk sandbox developer version. When I try to view the HIT(the annotation image), it appears blank. I clicked on the 'Accept HIT' button but I still couldn't see anything.
In order to make sure that nothing was wrong with my project setup in particular, I signed in as a worker to accept HITS on other projects involving image categorization. I still continue to see a blank image in their categorization projects, where the image to be annotated is supposed to be displayed.
Can anyone help with this problem?Thanks.
Problem solved - it was a simple browser incompatibility problem.
I know you have already answered this for yourself, however for other requesters out there I think this may be useful.
I was developing HITs and I too was having issues view the HIT in Sandbox in Chrome and Firefox, I realized that it had something to do with the script being blocked by the browser and the way to fix this was to "unblock the content" - usually a shield icon in the URL bar.
When further developing my HIT I added information about how to see the HIT in the description box of the HIT so turkers could read the instructions and then work on the HIT - to be absolutely clear to the turkers, I added a "(READ DESCRIPTION)" in the title so turkers would know where to look.
Hope this helps!

Google Custom Search API Search Image by Image URL

I am working on an application which will have an option for users to upload images. Once uploaded, the application will show other images from the web which look exactly similar, whether or not of the same size.
For this, I will create a temporary URL for the image so that I could provide Google custom search API the URL of the image. I would expect in response, URL's of images that are exactly the same or similar to it, perhaps in JSON format.
I did find a similar question posted in January. Till then Google did not support anything like this, apparently:
Google Javascript Custom Search API: Search images by image url
One can also simply do:
http://images.google.com/searchbyimage?site=search&image_url={Image URL}
Since that is not part of an official API, it may not be right to use this method.
Can someone help me?
Well, the answer quite simply is TinEye Commercial API https://api.tineye.com/welcome. I was looking in the wrong place I guess, I did not have any luck with Google Custom Search API.
Would you need a simple result?
If you are, you can use Vision API of Google.
This is very simple.
https://cloud.google.com/vision/
You can try on the top.
First, access the URL.
Second, upload your image file on the "Try API"
Third, click "JSON" tab menu on the result.
You can be seen JSON about similar images.

Xcode tag users in image

I want to make something similar to facebook tag mechanism. I will display an image of a building to the users and i want them to be able to tag themselves in which room they are at the moment. The location would be sent to a web server so all users can see other's location. Is that possible and how? Thanks in advance.
It is likely to be possible.
I can suggest the following solution: store the building photo/scheme AND rooms information on server.
In your App, you will display image (perhaps in ScrollView), there you will have just TapGestureRecognizer which will recognize the room, depending on coordinates of tap.
In case of this solution, you will have to manually store information about each tap-zone corresponding to a room. But that's the most likely case.

Displaying image on Scroll View

I am developing an iPhone application where i want to display three image in each row on scroll view where i need to click action on each image like Photo album in iPhone. I am not getting any sample code.
Hoping for help
subodh
There's plenty of sample code out there, I found this after only basic googling. You want to search for "UIImageView Iphone". It's also worth mentioning that Apple's very own Developer Center is extremely well written, and will teach you everything you need to know about iPhone programming.
Generally it is frowned down upon to say to look more or read documentation, but you really haven't looked at all. Especially because of Apple's own resource that tells you how to do almost anything, especially something like this. It's not something you can pick up and bits and pieces of and expect to be successful with, it really should be learned starting from the beginning and moving forward. This is especially true if you've never programmed before or are unfamiliar with C/Objective-C.
Three20 has a photo browser that is open source and works similarly to the iPhone's photo browser with some nice code examples. The images come from an image source object that can relate them to images in your apps bundle or images on the web. Looks like its Google group is here. I think that to use images in your bundle you use a URL formed like: bundle://image-name.png and not the typical use of the main bundle to get a path to resource.