How does foursquare add a custom image annotation on their Open Graph map? - facebook

When foursquare works with Open Graph after a user has performed a checkin on their application (and assuming said user is linked to Facebook), foursquare posts to Open Graph a sample of this checkin data. What's interesting is that they do not have a standard map. Their map has a pin point on it in which an annotation embeds a custom image. It looks a little something like this:
I'm curious how this is done? I can get a regular map to show up with a pin point or a simple image view, but I can't get this custom annotation embedded within a map view.
From what I can tell, there is nothing in the documentation which shows how to further customize the Map layout or add any additional meta data to a GeoPoint object in order to get this additional functionality.

It's currently only in use by Foursquare - effectively it's a test right now.
There are plans to open it up more widely but there's nothing to announce right now - it'll be announced on the blog when opened up further - https://developers.facebook.com/blog/

Related

Facebook Like posting different to what debugger showing

I cant figure this one out, i have built a site with an e commerce system and i want visitors to be able to like an individual product and thus that product be added to their feed.
I have added all the open graph code to the relevant place, but when someone clicks "Like" is shares a default thing rather than the perticular product. this is the one i have been using for an example
https://pinnaclesupplement.co.uk/index.php/shop/168/10/weight-gainers/serious-mass-2-72kg-detail
so I tried using the facebook debugger to see if i could figure it out, but thats is showing the correct info and exactly what i want to show up on peoples feeds! here is a link for that.
https://developers.facebook.com/tools/debug/og/object?q=https%3A%2F%2Fpinnaclesupplement.co.uk%2Findex.php%2Fshop%2F168%2F10%2Fweight-gainers%2Fserious-mass-2-72kg-detail
You have your Like button set up to point to http://www.pinnaclesupplement.co.uk – so when people klick like, they only get the “default thing”, your basic site’s description.
If you want customers to like a specific product page’s URL – then you should point the href parameter of the Like button there.

When using the "like" social plugin, can I get the like message to display in the same way as the object preview in the Open Graph dashboard?

I have a music app that I developed using HTML5's canvas. As different songs are selected, I have jquery that dynamically updates the URL in the browser to point to the correct song. I also have jquery that updates fb:like element. By using the debugging tool, I'm able to cache the pages (since my server is able to return correct meta-data for each URL provided).
When I do this and like something on my website, I end up with a message saying "Sami liked a page." with some info underneath.
Next, I use the Open Graph curl commands to add a Recommend action (something I've created) to a given URL from my website. Now, when I like the same url, I end up with a message saying "Sami recommends this link" with some info underneath.
What I'd really like to do is have this message display "Sami recommends a song on website", which is what the message looks like when I look at the preview for my Song object in the Open Graph. Is there any way to do this?
Best,Sami
EDIT: probably good to note that I'm also getting some extra meta info from the website (such as og:site_name), but that this stuff is not being saved into the Actions portion of my Open Graph (as in I can't view that info using the Open Graph link to view my current Recommendations), though I can see it using the debugger tool.
The facebook like button "triggers" the most generic action which is the like, you can how ever change the like button to use "recommend" instead of "like".
In the documentation for the like button, in the attributes table you can see the "action" attribute which is:
the verb to display on the button. Options: 'like', 'recommend'
Also when you "Get Like Button Code" thing you can select Verb to display.
If you want to use your own actions you'll need to define them in the app settings page as explained in the Define Actions guide.

Google Custom Search Element: Styling Ads

I added a Google Custom Search Element to my website. I already modified the look and feel of the CSE to my website, but I can't modify the look of the ads element since it is inside an Iframe.
Does anybody know how to set-up the style of the ads Iframe? I want do put in a background color and change the font.
Thanks!
This feature seems to be available only for Google Site Search customers. If you are one, you'll be able to recieve your search results as an XML feed, and apply a presentation layer on the raw data. All the details on how to do this are available at the official Google Custom Search site.
You can try this api for AdSence search - https://developers.google.com/custom-search-ads/docs/implementation-guide?hl=en , but you can't make ads view like search results.

Facebook actions like spotify?

I'm trying to understand actions and objects on facebook and im completely blown away by how spotify publishes actions with that format. How the heck do you customize the layout of a user's action like that?
As far as im concern, with facebook's lovely documentation, all you can do is publish actions on a single line : (user A) -- (action) -- on -- (object) followed by a title and description.
How do you design html/css layout of a user's actions? Link? Attachment? I'm guessing you have to do some sort of "magic" on the description? Thanks!
Facebook's open Graph Tutorial does a decent job of explaining this but with the various options you have to scroll for a while to make it to the grouping part. In short, the individual actions you're familiar with combine together via "aggregations" which can be set to show a number of formats from lists to grids.
To set one of these up you must configure your Actions and Objects via the open graph settings first and then manually create an aggregation and a few defaults to fill in for preview purposes.
This will show up when a user authenticates your app for open graph and becomes customized to them as they start actually using said actions.
Now as for the play button option, that's something I assume is unique to their integration.
Documents at https://developers.facebook.com/docs/beta/opengraph/tutorial/

iPhone/Objective-C - UIDocumentInteractionController Class Reference when presenting a view and delegates

I am using UIDocumentInteractionController inside my application in order to present the Instagram filter screen as described here from within my application:
http://instagram.com/developer/iphone-hooks/
UIDocumentInteractionController Class Reference documentation:
I'm not quite sure whether it's possible to dismiss the Instagram filter screen and return back to my application with the modified UIImage after it has been uploaded (or maybe after it's been filtered) by Instagram.
As far as I know I don't think this is possible, as there's no delegate method that's available once an application has been spawned and this would most-likely involve a dismiss button from within the Instagram filter screen.
Either way, I'd also like to know whether there's a suitable way to at least return the URL/ID from Instagram once it's been posted so that I can reference the modified image from inside my application using either their API documentation or by just referencing the image url.
Thanks in advance and any help would be greatly appreciated.
My understanding from reading the material you provided is that using UIDocumentInteractionController to do this actually opens Instagram and switches to it. If that's true, then the only way to receive a callback or any kind of information from Instagram would be if they supported it explicitly. I encourage you to ask them by email (contact#instagr.am) or on the Google group (perhaps you already did?).
(If they did support it, I'd imagine you might be able to call up Instagram with a URL like instagram://[regular options]?callback=myapp://callback_url, which they would then open when finished.)