Tailoring Site Responses to Microsoft Tag Requests

Introduction

Microsoft Tag is an interesting alternative to the use of typical QR tags the response options to reading a Microsoft Tag include returning the user's rough position as latitude and longitude or a postal code. One may also track the device ID to determine if the user is scanning the tag for the first time. Microsoft also manages the creation and storage of the tags through the Microsoft Tag website (http://tag.microsoft.com); further details regarding the use of tags in print or other media are described on this site. Further, Microsoft distributes the Microsoft Tag Reader application and makes it available to most mobile platforms including Windows Phone, iPhone, Blackberry, and Android-based phones.

The site also provides access to reporting tools that may be used to study the success of Microsoft Tag-based marketing efforts.

Microsoft

Response options to microsoft tag scanning

In terms of responding to a tag scan, Microsoft Tag offers five alternatives; scanning a Tag may result in (and all of this is described on the website)

It is opening up a new URL in the device browser. This could be used to direct the user to a website or video any content made available by URL access.
Creation of a vCard that will permit the user to add you to their contact list. The intent seems to be to support the use of Tags on a business card with a Microsoft Tag embedded on a business card; the user can scan the tag and immediately add the cardholder to their contact list.
Download an app to the user's device (and tailored for use on that device type).
Deliver a message of up to 1000 characters (Free Text Tag) to the user.
Giving a phone number to the user so that they may consent to call immediately. In the demo provided with this article, we are going to determine which of six taxi companies in Atlanta, Georgia is closest to the user and give that user that taxi company's phone number.
Creating a tag is dead simple; the site provides a tool to site account holders for that purpose. To create an account you need only supply the site with your Windows Live account information.

Creating a microsoft tag

Once you have created an account on the site, navigate to the Tag Manager application.

Tag manager

Figure 1. The tag manager application (http://tag.microsoft.com/manageads.aspx)

Customizing URL tags

With the tag manager open, select "Create a Tag"; once done a dialog for tag creation be displayed. The tag manager Create a New Tag dialog requests a tag tile, type (app download, URL, free text, vCard, or dialer). You may upload a thumbnail image for the logo, set a start and end date for when the tag will be supported, and other information pertinent to the tag type selected (e.g., a mobile URL for a URL type tag). With all the information provided, the user may save the tag - it will then be made available for rendering.

Create a new tag

Figure 2. Displaying the coordinates in Yahoo maps

Create a new tag

Figure 3. Tag render icons

Selecting the render icon will open the render dialog; from there the user may select one of the options for rendering. The option is custom; with this option, the tag is rendered using dots. The purpose of this option is to allow the user to underlay an image under the tag such as a company logo.

Select the file formate tag size

Figure 4. Tag rendering dialog

With the full frame and helper options, the tag is provided along with instructions for obtaining the Microsoft Tag Reader application (directing the user to visit http://gettag.mobi). The last option is plain, in that the Microsoft Tag is rendered alone and without an underlying image or instructions for downloading the reader app. Other options on the dialog allow the user to set the size of the Microsoft Tag and render it in black and white (which could be useful for printed materials). There are size limits posted on the site and the minimum sizes of color and black and white tags are different.

Now, when using the URL tag type, it is possible to affix query string values to that URL. For example, adding "?zipcode={!PostalCode}&lat={!Lat}&long={!Long}" to the end of the URL will put the user's current zip code, latitude, and longitude into the query string instead of the placeholders. The receiving site could then use that information to tailor the interface when the user accesses the site. Now, I should point out that the position information is intentionally degraded (for the safety of the user) and it is not accurate to more than a half mile. Still, if we know the user's position to that level, we can do some customization of our response to a tag-based redirection to our targeted site; that is the basis for the demo application included with this article.

The Demonstration website

The demonstration application is based on a notional Cab business. The story is we have a person who owns a few cab companies in and around the Atlanta metropolitan area. This person has decided to use Microsoft Tags to promote his businesses - it is decided that Microsoft Tags will be printed onto signs offering cab services and placed at the airport, Marta stations, hotels, nightclubs, and so forth.

Our business owner also wants to save some money on fuel costs by routing the closest cabs to the site user. Each of the cab companies has a different name, address, and phone number and the business owner wants to capture the user's latitude and longitude, figure out how far the user is from each of the cab companies, and route that user's phone to a site where they will be provided with the nearest cab company's telephone number so that the user may immediately contact the closest taxi company.

So, if we have a user in need of a cab and the user sees and scans the taxi service's Microsoft Tag from a sign, the user will be directed to the website. The website will capture the latitude and longitude of the user's phone, call a method to determine which business location is nearest to the user and open up its landing page showing the nearest cab company to the user's present location along with a link to the company's phone number. The user then taps the link and the phone dials the nearest cab company to arrange a pickup. If the user has not enabled location, the user will directed to a main phone number where an agent will capture the user's information during the call and route the appropriate cab to the user's location.

Taxi

Figure 5. Notional taxi cab application

Trying out the example

The download includes the project, it is a standard ASP.NET project with C# as the code behind it. The download also includes a script to create an instance of the database on your instance of SQL Server. The script creates a single table, Store Locations, and this table has the name, contact information, address, latitude, and longitude of the business address. The cab companies are real; I just geocoded the addresses of nine actual cab companies in the Atlanta area for the demo.

The project was written as a standard web forms project but you'd want to write something that would look ok on a mobile browser. The Microsoft Tag reader application will run on Windows Phone, iPhone, Android, Blackberry, and so forth so you would want to think about that.

The solution contains the web application and a simple data access layer. If you create the database from the script, when you open the solution, just update the connection to point to your instance of the database. You should be able to run the solution after doing so.

To try out different addresses, just open the project properties, select the web tab, and update the query string associated with the Specific Page under start action. You can then run the web application and see the address of the nearest cab company change in response to the values entered. Keep in mind that the lat/long are degraded intentionally by Tag and will only be accurate to .5 miles or thereabout. Too bad really, one could do so much more with more locations (like immediately hailing the cab to the user's exact position). At any rate, by plugging in the degraded position you can simulate what you'd be getting back from Tag and test with that.

Start action

Figure 6. Setting the specific page value to a specific lat/long.

There is nothing new or novel about the code used to find the nearest location; I am sure you can find similar code without looking too hard (I am not sure where this code came from, I've been using it a while and it does the job). You can review what is used in this demo application if you like; it finds the nearest location and then populates the web form with values for that particular office. I am only interested in the nearest location so I am only returning a single location; you might need to return several of the nearest locations and may need to return a collection depending upon the nature of the business. The purpose of the demo is just to show something useful one can do with the Microsoft Tags but that would be difficult to pull off with QR tags.

Summary

Microsoft Tag is a fairly new product and it has a lot more potential than QR tags given the implementation options. One could think of a lot of things you could do with the optional information; since you can create and manage as many tags as you'd like, the options are huge. For example, a zoo might create a tag for every type of animal in the park and put a tag on the sign describing the animal; a visitor could scan the tag and be directed to a video showing the animal as it exists in nature (that would be nice for the nocturnal animals - bats are not much fun to look at around 2 PM). Or they could link other content showing where the animal came from, where and when it was born, and just about anything interesting about a specific animal or type of animal. A business could use Microsoft Tags on business cards, individual employee directories could be published with a vCard tag. There are a lot of uses and I think it is a great idea overall.