The Magazine

How to embed a foursquare list on any website

10

on November 8th, 2011

I’ve found foursquare’s lists to be incredibly useful for sharing things to do around town. I’ve created lists of places to photograph, things to do at Christmas and even a list of locations where Rain Man was filmed. The one thing I’ve wanted, though, was a way to embed those lists in a blog post or website.

It turns out I’m not the only one. The Swiss Army knife of foursquare websites, 4sqmap, released today a beta version of a tool that will allow you to embed your lists on any site. It’s an easy way for people to browse all those tips and photos you’ve worked so hard to curate.

There are two different versions available. One shows just the map, while the other lists all the venues and tips in a sidebar to the left of the map. Clicking the venue icons on either one shows the tips and photos associated with that venue on your list.

The directions are easy to follow. Just copy and paste the code and insert your list ID where indicated.

This is a perfect way to highlight a group of places in a blog post, whether you’re a regular foursquare user or not. Foursquare’s lists are easy to create and these maps are incredibly easy to incorporate into a post. When you link to them and users follow them, they offer the added bonus of pinging readers whenever they’re near one of the spots thanks to foursquare’s Radar feature.

What’s your favorite list you’ve created? Where will you embed it with this tool?

  • http://tidysquare.com pinksy

    What a cool idea!

  • http://www.pogby.com Pogby

    love this! And to answer the question… once we figure out if and how we can change our FourSquare page’s name to our new name and brand (www.imbookin.com, launches Tuesday) we’ll add the lists to our new site :-)

  • vin

    Neat! Trying this out now but having trouble with List ID. Does foursquare generate a specific numeric ID for lists (and where does one find that?).

    My newly created lists have a format of “user/123456/list/name_of_list”. Thanks for any advice :)

  • Chris Thompson

    4sqMap shows the numeric ID in the URL when you view the list on their site. It’s shown by the API, but I can’t find a way to get any more than your most recent three lists.

  • vin

    that was precisely what I needed to know – had a brain freeze and forgot that it was a 4sqmp ID (not foursquare ID). Got it working!

    Thanks!

    • Chris Thompson

      Well, it’s really a foursquare ID, but foursquare makes it pretty difficult to get without going through their API, which 4sqMap does on your behalf.

  • http://diegofrancesco.wordpress.com diego

    Great job, really useful!

  • Pingback: Le liste di Foursquare visualizzate con Google Maps nel proprio sito web « diegofrancesco

  • http://foursquare.com/seocosenza andrea

    really interesting, but how can the oauth_token has been handled?

  • http://www.partneray.com Seks

    Its hard to find really informative and accurate info but here I found

More on About Foursquare

  • Subscribe

    Enter your email address above

  • Disclaimer

    About Foursquare is not endorsed or certified by Foursquare Labs, Inc. All of the foursquare® logos (including all badges) and trademarks displayed on this site are the property of Foursquare Labs, Inc.