I'm working with Gigya's Share Bar javascript api and am having an issue with google plus sharing. I have separate UserAction objects for facebook, twitter and google plus to display different text and linkbacks. I'm adding a media item (image) to the facebook and google plus actions to share that image along with the text. Facebook is sharing the correct image, however, google plus is displaying a different image. I have no idea where this image is coming from. Text and link are correct on both, but the image is frustratingly incorrect.
Has anyone encountered an issue like this? Is there something different that must be done for google plus shares?
Test your target URL with Google's structured data testing tool.
Read the snippet documentation to understand how the Google crawler determines what to use in the share preview.
Related
We generate quick links in our iOS app that are supposed to point to specific content within the app. When a quick link is shared via a messaging app that supports preview snippets, we want the snippet to display custom content depending on the parameters passed when our iOS app generates a link.
For example, user wants to share an audio, the app generates a link which is then posted in a messaging app or social media. We want the preview snippet to reflect specific title/subtitle and image related to that audio.
We use a custom domain name for Branch links if that matters.
What is the right way to achieve this?
You can use Link Preview for achieving this functionality. It will enable the link to display content as a preview card in Facebook, Twitter, Pinterest, iMessage, etc. This card can contain a title, description and image (that you append in the link as OG Tags such as $og_title, $og_description, and $og_image_url) .
I am working on an application where is want to show the user his heading location, like in Apple maps (magnetic direction) which is a small triangle and will rotate as the user moves physically using the app. I am using Google Maps SDK and would like to know if Google provides this option, i have researched a bit but dint get. Also, their official Google Map App doesn't have the feature.
Also i would like to know if there is any other better option for the same.
Simply add mapView.myLocationEnabled = YES; should works for your require.
Except you want this feature works well in China.
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.
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.
I am trying to get yahoo! screen video's image thumbs to embed on my website like we can easily do in other websites ( Get img thumbnails from Vimeo?, How do I get a YouTube video thumbnail from the YouTube API?, etc.).
There used to be a sugestion: Get thumbnail image for Yahoo video? (python) but it doesn't seem to work now with the new Yahoo! Screen.
Some quick searching on the Internets led me to Y!'s very own online help: http://help.yahoo.com/l/in/yahoo/video/using/using005.html;_ylt=Aj3rNfbhKBNyXODHGK5ONSo1qXtG
According to which, all I have to do is Copy the thumbnail code under the Share tab. Unfortunately, I can't seem to find any thumbnail code under the Share tab.
I also couldn't find any Y!Screen api on http://developer.yahoo.com/everything.html that could help me with this... ideas?
Using YQL for cross domain data scraping along with jQuery is the solution that works.
Some of it is sound, some of it is hackish, but that's what scraping is all about I suppose.
The basis for this method was not done by me, but by using a tutorial for Facebook titled
Create a Facebook-style Link Preview Using jQuery & YQL written by Jocelyn Stretton.
Included in the modified JavaScript which serves as a starting point, you will have access and understand how to retrieve the following:
1. Yahoo! Screen Video Webpage Title
2. Yahoo! Screen Thumbnail URL Link
3. Yahoo! Screen Video URL Link
4. Scrape Other meta Tag Content
5. Yahoo Screen Video Embed Code provided by the Yahoo Screen Player itself.
DEMO in jsFiddle!
EDIT: jsFiddle DEMO is no longer subdomain (regionally) dependent for video example.
EDIT 2: For those that would like to see another tutorial based on this .ajax() YQL process, I've made two jsFiddles for Pinterest Data Scraping. You can see that SO Answer here that discusses a lot more in detail for XPATH.