Plug in the RouteViewer

Step by step

Executing the following 3 simple steps allows you to plug in a route in your own website or blog:

1. Browse to the route you want to place on your own website.
2. copy the code from the text field indicated by the yellow rectangle in the screenshot.

3. Paste this code in the HTML code of your own website at the place where the route viewer must come.

Adapt the RouteViewer plug-in towards your own taste

You can adapt the variables so the RouteViewer looks more like you want to on your website.

Variables

• routeyou_viewer_width : The width of the plugin. When you reduce the number, the text will shift automatically below the profile.
• routeyou_viewer_height : The heigth of the plugin.
• routeyou_viewer_color_background : The background color of the plugin in hexadecimal number (two hexadecimal values for Red, two for Gree, two for Blue; 'FFFFFF' result as such in the color white since FF represents the value 255).
• routeyou_viewer_language : The language of the plugin you use as ISO2 code. Options are 'nl', 'en' , 'fr'
• routeyou_viewer_route : The id of the route you want to show. There are tow type of IDs, the RouteID (a number) or the OTN_ID (a set of characters and or numbers). The RouteID is the number shown in the URL of the route. In this example it is 35472.
The OTN_ID is represented when the code is created for the widget (below the RouteViewer). In this example this is routeyou_viewer_route = '141e696a6579aeacdb989f59565fc8ee', so 141e696a6579aeacdb989f59565fc8ee. You will also find this back in the sourcecode of the RouteViewer page on teh website. Search for otn_id.

A few example of sites using these plugin

• MontrealMiami2008.blogspot.com
• Geert Mak
• Ronde van Vlaanderen website
• Fietsactief
• GTO-Magazine

Other related items

RouteYou offers still a set of other great webservices to provide you with options to display your routes. Contact us via sales(at)routeyou.com.

Problems you might have plugging in the RouteViewer using Frontpage

1. The one-line problem
->Pasting our script in Frontpage might convert the complete script to one line without carriage returns. Some browsers have a problem with that. ->Solution: Adapt the html code coming out of Frontpage manually and add enters after each line so it looks like the example code.
2. The comment-tags problem
->Frontpage might put comment-tags. They start and end like this ->Solution: Remove this and what’s in between (also manually) before you upload the html.