PanoTag: Facebook tagging

by Digisfera - m.cabral@digisfera.pt

This plugin allows users to tag themselves or their facebook friends on your krpano images (Gigapixel or not).

Digisfera's PanoTag is offered as a service and hosted on our servers, so there is no need to set up or host the tagging system. A free version allows a limited number of tags to be placed on an image. You can download it here. For more details on licenses, see the Pricing section.

The plugin is developed in both AS3 and krpano XML. We kept as much as possible in XML, so that you may adapt its look and feel as needed. If you have any questions about adapting the plugin or any other topic, you can post them in the forum. You can also contact us if you would like us to customize the plugin for you.

NOTE: PanoTag works better with krpano 1.0.8.14 or higher

Examples

Example 1: Regular panorama with myself tagged in a few places.

Example 2: Part of a Gigapixel with 5000 randomly generated tags. The clustering feature merges tags into groups. Feel free to add more tags to see how it works.

Usage

Setting up PanoTag requires 4 steps:

• Download the zip file and extract the panotag folder
• Create a Facebook application for your website
• Include panotag.xml on your XML file
• Configure PanoTag on the panotag_config.xml file.
• Include the Facebook connect javascript on your HTML file

NOTE: A minimal example is included in the zip file

Creating a Facebook application

• Go to https://developers.facebook.com/apps
• Click on the "+ Create New App" button and choose a name for your application
• On the next screen, add your website's domain in the "Application domain" field (e.g. "digisfera.pt")
• Select the option "Website - I own a website and want to integrate Facebook login" under "Select how your app integrates with Facebook"
• A textfield will appear with the label "Site URL". Enter the URL of the website containing the krpano image here, without "www" (e.g.: http://digisfera.pt/)
• On the top of the page, there will be your application's ID, next to the "App ID" label. Note this number, as it will be needed to configure PanoTag
• You can further customize your application here. For instance, you can upload an image as the application's thumbnail.

Including the Facebook connect javascript code

Add the following code to your HTML page, in either the HEAD or BODY section:
<script type="text/javascript" src="http://connect.facebook.net/en_US/all.js"></script>

And add the following code to the BODY section:
<div id="fb-root"></div>

Download

New versions will automatically be available at this address and will be announced in the forum.

Pricing

Free version

(Up to 10 tags on any image)

The Free version supports up to 10 tags and can be used on any number of images. After that limit is reached, no further tagging will be possible on that image.

Regular license

(Up to 300 tags on up to 100 images of a single website)

85€/year
This license supports up to 300 tags on up to 100 images hosted on the same website (i.e. each of the 100 images can have up to 300 tags). You can purchase this license here.

Giga license

(Unlimited number of tags on a single image)

Setup cost of 350€ per project plus hosting cost of 25€/month or 200€/year per panorama. The hosting cost is lower for projects with more than one panorama.
This license supports an unlimited number of tags on a single image. It's meant for large Gigapixel tagging projects. Contact us for more information.