15
Scout for Apps & Web HTML5 Embedded Navigation Service Laura Della Torre | Director, Partner Marketing

Scout for Apps & Web CES 2013 Developer University

Embed Size (px)

DESCRIPTION

Engage users and build loyalty in your apps and on the web with just one line of code with Scout for Apps & Web. Learn how you can embed voice guided GPS navigation in less than 5 minues...for free.

Citation preview

Page 1: Scout for Apps & Web CES 2013 Developer University

Scout for Apps & WebHTML5 Embedded Navigation ServiceLaura Della Torre | Director, Partner Marketing

Page 2: Scout for Apps & Web CES 2013 Developer University

Partner With a Leader

2

>34MM (North America)Users

Usage

>1,400 devicesall major Operating SystemsReach

60M+ searches monthly 1B+ miles monthly

Yellow Pages Around MeLife360

Page 3: Scout for Apps & Web CES 2013 Developer University

Our Products

scout.me

3

Scout for Phones Scout for Cars

Page 4: Scout for Apps & Web CES 2013 Developer University

4

Our Fans

Page 5: Scout for Apps & Web CES 2013 Developer University

Navigation & Directions Solution Challenges

5

Mobile navigation solutions:• Kick the user out of your app• Can be expensive• Are platform or carrier dependent• Don’t provide a safe experience

Page 6: Scout for Apps & Web CES 2013 Developer University

6

Your Mobile App or website

Launch Screen Navigation Session Route Summary

•Your users remain in YOUR application•No user download or install required•Send to Phone service from the desktop

•Copy & Paste code•HTML5 - No porting required•For websites, apps, email & SMS

The Solution: Scout API

The world’s first embeddable, free voice guided navigation and user loyalty solution for mobile apps, websites, and emails

Turn Left on Hwy 101

Page 7: Scout for Apps & Web CES 2013 Developer University

Scout Enable Your Website

© 2012 Telenav, Proprietary and Confidential 7

Desktop to Phone feature• Automatic “Send to Phone” from desktop• Nothing to type: maps require typing origin• Send to phone via email or SMS• Free SMS Service to developers

Page 8: Scout for Apps & Web CES 2013 Developer University

Sample Use CasesLocal Search: Increase user base to draw more advertisersTravel: Increase loyalty with free navigation on all bookings.Shopping & Services: Great customer service before they arriveReal Estate: Generate agent referrals by helping buyers find homes

8Yellow Pages Around MeLife360

Check it out on any of these apps or http://scout.me

Page 9: Scout for Apps & Web CES 2013 Developer University

Scout Drive Button

04/14/2023 © 2012 Telenav, Proprietary and Confidential 9

Scout Drive Button Code Generator•Designed for single addresses•No coding skills required• Javascript button•Place on your home page•Add to your site building service•Great for restaurants, salons, car

repair, wineries and more.

http://telenav.com/scoutdrivebutton

Page 10: Scout for Apps & Web CES 2013 Developer University

How to Integrate the Scout API

© 2012 Telenav, Proprietary and Confidential 10

Page 11: Scout for Apps & Web CES 2013 Developer University

Getting Started

11

1. Join and get a test key & token: http://developer.telenav.com 2. Create a URL for your Scout button3. Get your production key

Start Here

Requirements:•An address or coordinates (latitude and longitude) to generate a route, URI encoded•Developer Test key, token & production keys• iOS 4+, Android 2.2+ and Windows Phone 7.5 or above device with HTML5 compatible browser & GPS,

location and audio enabled

http://developer.telenav.com

Page 12: Scout for Apps & Web CES 2013 Developer University

Code Samples

12

1. Coordinates Only 2. Name & Coordinates 3. Name & Address

1.http://apps.scout.me/v1/driveto?dt=37.36681,-122.00156&token=<token>

2.http://apps.scout.me/v1/driveto?dt=37.36904,-121.978&token=<token>&name=Starbucks%20Coffee

3.http://apps.scout.me/v1/driveto?dt=460%20N%20MATHILDA%20AVE%2C%20SUNNYVALE%20CA%[email protected],-121.978&token=<token>&name=Starbucks

Ok Better Best

URI Encode your token, address & name

URI Encoding: http://www.w3schools.com/tags/ref_urlencode.asp Encoder/Decoder Tool: http://meyerweb.com/eric/tools/dencoder/

http://developer.telenav.com

Page 13: Scout for Apps & Web CES 2013 Developer University

Code

13

http://apps.scout.me/v1/driveto?dt=<URI_encoded_address@lat,lon>&token=<URI_encoded_token>&name=<URI_encoded_name>

Parameter Description Notes

token Your token Required. Must be URI encoded to work. For example, if your token is “AQAAATS1a5IIf//,”the URI-encoded version would be “AQAAATS1a5IIf%2F%2F”

dt Address Street address. For example "950 De Guigne Dr." street address should be combined with city/state or zip code. Required to display during navigation.

Lat , lon

Destination coordinates. This field describes the latitude/longitude of the destination address. The latitude/longitude is specified as a string. For example:

37.373846,-121.999036

The lat/lon can be provided without the address or after the address followed by an “@”.

name Name of the destination

Required to display during navigation. Every point of interest, whether it is a tourist attraction, event venue, or store, typically has a name. Passing this name will help Scout show the name to the user during navigation, upon arrival, and with their friends when shared.

Code Samples at: http://developer.telenav.com

Page 14: Scout for Apps & Web CES 2013 Developer University

Best Practices: Run In Webview

14

To: Do this:

Show WebView optimized experience* Append user agent string “ TNS4A/1.0” to indicate WebView. See sample below.

Keep navigation running during trip Set backlight to “always on” when S4A WebView opens

Allow users to end trip Include a back button in your 44 pixel header

Optimize the map real estate Turn off landscape mode during Scout for Apps session

Track user activity within a session Add custom HTTP header “T-S4AID” with a unique ID or add it as a parameter on the query string,

Back Button

44 Pixels

Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_3 like Mac OS X; en-us) AppleWebKit/533.17.9 (KHTML, like Gecko) Version/5.0.2 Mobile/8J2 Safari/6533.18.5 TNS4A/1.0

*Coming Soon

http://developer.telenav.com

Page 15: Scout for Apps & Web CES 2013 Developer University

THANK YOUTHANK YOU

http://developer.telenav.comhttp://scout.me