Website Implementation



Similar documents
Intell-a-Keeper Reporting System Technical Programming Guide. Tracking your Bookings without going Nuts!

IMRG Peermap API Documentation V 5.0

Embedding a Data View dynamic report into an existing web-page

JW Player for Flash and HTML5

WHITEPAPER. Skinning Guide. Let s chat Velaro info@velaro.com by Velaro

WIRIS quizzes web services Getting started with PHP and Java

c. Write a JavaScript statement to print out as an alert box the value of the third Radio button (whether or not selected) in the second form.

Livezilla How to Install on Shared Hosting By: Jon Manning

JavaScript and Dreamweaver Examples

A-PDF to Flash Converter Convert PDF to Adobe Flash in minutes. User Documentation. About A-PDF to Flash Converter

Getting Started with SitePal

QQ WebAgent Quick Start Guide

MASTERTAG DEVELOPER GUIDE

Web Development CSE2WD Final Examination June (a) Which organisation is primarily responsible for HTML, CSS and DOM standards?

Internet Technologies

I. Delivery Flash CMS template package II. Flash CMS template installation III. Control Panel setup... 5

Slide.Show Quick Start Guide

Adding a CareCredit link to your practice website can help increase its ranking in online search engines like Google

skype ID: store.belvg US phone number:

Using IIS and UltraDev Locally page 1

Dashbuilder Documentation Version Final

Generate Android App

Installation, Configuration, and Usage

JW Player Quick Start Guide

Taleo Enterprise. Career Section Branding Definition. Version 7.5

The McGill Knowledge Base. Last Updated: August 19, 2014

JavaScript By: A. Mousavi & P. Broomhead SERG, School of Engineering Design, Brunel University, UK

ICT 6012: Web Programming

Baidu: Webmaster Tools Overview and Guidelines

A send-a-friend application with ASP Smart Mailer

Client-Side Penetration Test Report

Basic Website Maintenance Tutorial*

Magento 1.4 Theming Cookbook

Spectrum Technology Platform

TEMPLATE MANUAL Table of Contents

Chapter 23: Uploading Your Website to the Internet

Visualizing a Neo4j Graph Database with KeyLines

shweclassifieds v 3.3 Php Classifieds Script (Joomla Extension) User Manual (Revision 2.0)

COMMON CUSTOMIZATIONS

Wildix Web API. Quick Guide

Using Google Analytics With PeopleSoft

Self-Hosted Implementation

LiveStreamingCDN Producer User s Guide

Installation Guide. Research Computing Team V1.9 RESTRICTED

The purpose of jquery is to make it much easier to use JavaScript on your website.

Weather Widget Usage Guide

ANGULAR JS SOFTWARE ENGINEERING FOR WEB SERVICES HASAN FAIZAL K APRIL,2014

Drupal CMS for marketing sites

EBOX Digital Content Management System (CMS) User Guide For Site Owners & Administrators

Linklok URL TM V2.90

Creating Web Pages with Netscape/Mozilla Composer and Uploading Files with CuteFTP

Project Server Plus Risk to Issue Escalator User Guide v1.1

Altima Lookbook Free Extension v

Using Internet or Windows Explorer to Upload Your Site

Novell Identity Manager

Marcum LLP MFT Guide

How-to Guide Technical instructions for quick, easy and customizable web tools.

How to Edit Your Website

Spotify Homepage Takeover

Creating HTML authored webpages using a text editor

JISIS and Web Technologies

Chapter 14: Links. Types of Links. 1 Chapter 14: Links

Getting Started with Ubertor's Cascading Style Sheet (CSS) Support

Introduction to Web Design Curriculum Sample

JTouch Mobile Extension for Joomla! User Guide

PLAYER DEVELOPER GUIDE

Learn how to create web enabled (browser) forms in InfoPath 2013 and publish them in SharePoint InfoPath 2013 Web Enabled (Browser) forms

WP Popup Magic User Guide

Hello World RESTful web service tutorial

Chapter 4: Website Basics

BT BACKGROUND SLIDESHOW JOOMLA EXTENSION User guide Version 2.0

Configuring iplanet 6.0 Web Server For SSL and non-ssl Redirect

The UC Learning Center: Disabling Pop-Up Blockers

Fireworks 3 Animation and Rollovers

Shipbeat Magento Module. Installation and user guide

Perceptive Intelligent Capture Solution Configration Manager

Login with Amazon. Getting Started Guide for Websites. Version 1.0

Qsync Install Qsync utility Login the NAS The address is :8080 bfsteelinc.info:8080

Managing Files. On a PC, after you find your file, right click it and selet Rename from the pop-up menu.

C O N F I G U R I N G Y O U R W E B B R O W S E R TO A L L O W P O P - U P W I N D O W S

Portals and Hosted Files

Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University

Inspiring Creative Fun Ysbrydoledig Creadigol Hwyl. Web Design in Nvu Workbook 1

MANUAL. Windows Live Messenger Activity with parameters

Dreamweaver CS6 Basics

Using HTML5 Pack for ADOBE ILLUSTRATOR CS5

Setting Up a Dreamweaver Site Definition for OIT s Web Hosting Server

Making Web Application using Tizen Web UI Framework. Koeun Choi

Apache Configuration

Transcription:

To host NetSuite s product demos on your company s website, please follow the instructions below. (Note that details on adding your company s contact information to the Contact Us button in the product demo can be found at the end of this document.) Website Implementation Our NetSuite product demos (from AutoDemo) are best viewed in a page overlay on your site. A page overlay dims your website and displays the product demo on top of it: See Example Alternatively, if a page overlay will not work on your site, you can use a popup window to display the product demo. See Example Each Zip folder for the individual NetSuite product demos contain the following files: 2110_NetSuite_ERP.html HTML file that embeds the product demo for display in a browser. 2110_NetSuite_ERP.swf Product demo file. 2110_NetSuite_ERP.txt Settings file for the product demo. control_6.swf File that acts as the player for the NetSuite product demo from AutoDemo. This file must be in the same directory as 2110_NetSuite_ERP.swf and 2110_NetSuite_ERP.txt to work properly. js (directory) autodemo.js File that contains the javascript necessary to embed the NetSuite product demo in a page overlay and popup window. jquery.js Javascript library required by autodemo.js. If your site is not using jquery, the autodemo.js script will automatically load it. Uploading and Linking Your NetSuite product demo from AutoDemo Begin by uploading the contents of the Web folder to a folder on your web server. After the files are uploaded to your server, you will need a link on all pages where the NetSuite product demo is displayed. We recommend first creating a page on your live server (that won't be found by your visitors) for testing purposes. In the following example, /path/ is used to represent the directory where you uploaded the Web folder contents. Replace /path/ with the actual directory name.

Using an overlay: (See Example) <html> <head> <script type="text/javascript" src="/path/js/autodemo.js"></script> </head> <body> <a class="autodemo" href="/path/2110_netsuite_erp.swf#1004,642">netsuite ERP</a> </body> </html> After editing your launch page, test it by clicking the link(s) you just added. When implemented correctly, the NetSuite product demo will play in an overlay on top of the web page. Using a popup window: (See Example) <html> <head> <script type="text/javascript" src="/path/js/autodemo.js"></script> </head> <body> <a class="autodemo" href="/path/2110_netsuite_erp.html#1004,642">netsuite ERP</a> </body> </html> After editing your launch page, test it by clicking the link(s) you just added. When implemented correctly, the NetSuite product demo will play in a popup window. Advanced Implementation Methods In some cases, you may not be able to use the HTML or javascript files we have provided to implement the NetSuite product demo from AutoDemo; for example, Content Management Systems (CMS) that rename the files you upload. This section will explain what is needed to get the NetSuite product demos to work by using your own implementation methods. There are three files that are important to playing the NetSuite product demo from AutoDemo: control_6.swf 2110_NetSuite_ERP.swf

2110_NetSuite_ERP.txt control_6.swf is the main file for playing the NetSuite product demo. It loads and parses 2110_NetSuite_ERP.txt before loading 2110_NetSuite_ERP.swf. To tell it what to load, you will need to pass the URLs of the files to it via FlashVars. The FlashVars it will accept are: demo_url Which is the URL to 2110_NetSuite_ERP.swf. settings_url Which is the URL to 2110_NetSuite_ERP.txt. Both can be either relative or absolute URLs. When relative URLs are used, 2110_NetSuite_ERP.swf is relative to control_6.swf's location, and2110_netsuite_erp.txt is relative to 2110_NetSuite_ERP.swf's location. For example: If the URL of control_6.swf is/path/to/control_6.swf, 2110_NetSuite_ERP.swf will be assumed to be located at /path/to/2110_netsuite_erp.swf and 2110_NetSuite_ERP.txt will be assumed to be located at the same path. If you are using a javascript library to embed the NetSuite product demo, you will need to refer to its documentation on how to pass FlashVars to it. An example of passing FlashVars using SWFObject: var flashvars = { 'demo_url': '/path/to/2110_netsuite_erp.swf', 'settings_url': '2110_NetSuite_ERP.txt' }; swfobject.embedswf('/path/to/control_6.swf', 'autodemo', '1004', '642', '10.0.0', '', flashvars); The easiest way to embed the NetSuite product demo is using HTML: <object classid="clsid:d27cdb6e ae6d 11cf 96b8 444553540000" width="1004" height="642" id="autodemo"> <param name="movie" value="/path/to/control_6.swf"> <param name="flashvars" value="demo_url=/path/to/2110_netsuite_erp.swf&settings_url=2110_netsuite_erp.txt"> <param name="quality" value="high"> <param name="bgcolor" value="#ffffff"> <embed src="/path/to/control_6.swf" flashvars="demo_url=/path/to/2110_netsuite_erp.swf&settings_url=2110_netsuite_erp.txt" quality="high" bgcolor="#ffffff" width="1004" height="642" name="autodemo" type="application/x shockwave flash"> </object> Note that in the example above, the files and the dimensions appear twice. Support

If you are having trouble implementing the NetSuite product demo from AutoDemo, please send an email to Kristin Davis (kdavis@autodemo.com) at AutoDemo with the following information: A link to the NetSuite product demo in question. The operating system and version. The browser and version (if relevant). Any other information you can provide to help us reproduce the problem you are having. Website Implementation Notes Renaming files If you rename 2110_NetSuite_ERP.swf, in a typical implementation, you will have to rename 2110_NetSuite_ERP.txt. For example: if you rename 2110_NetSuite_ERP.swf to demo.swf, you must rename 2110_NetSuite_ERP.txt to demo.txt. After renaming any files, you will need to update 2110_NetSuite_ERP.html accordingly. About popup blockers Modern popup blockers work by blocking automatic popup windows. In most cases a popup window that was preceded by a viewer's click is not blocked. To ensure popup windows aren't automatically blocked, use a link to open the popup instead of displaying it immediately. Hosting on a different domain If you need to host your NetSuite product demo files on different server or in a Content Delivery Network (CDN), you must ensure that the product demo files are all hosted on the same domain. The AutoDemo player will not load files that originate from a different domain. This is for your viewers' protection and will not be changed. If you are hosting the NetSuite product demo files in a CDN, you may need to refer to the Advanced Implementation Methods section if your CDN creates unique URLs for each file. Viewing NetSuite product demos from the hard drive While it is possible to view the web version of your NetSuite product demos on your local hard drive, it may not display correctly depending upon your system's security restrictions. It is always best to view your NetSuite product demos from your web server as opposed to opening the file directly. If you wish to view the NetSuite product demos from your hard drive, please refer to the Windows Exe Implementation or Mac App Implementation section. Testing the NetSuite product demos in staging environments In some cases, the NetSuite product demos will appear to not work in IIS staging environments. It is recommended that you create a non public page on your live server to test the demos. Event Tracking (optional) You can capture a user's events within the NetSuite product demosin real time and pass them to your website tracking systems via Javascript. You can track start, pause, play, section change, sharing, close, and complete events.

To enable, insert the following into your settings file. [demo.tracking] enabled = true sharetracking = true Then add this Javascript function to the head of the same page the NetSuite products demos are on. function trackautodemoevent(eventid, eventobject) { // put any Javascript tracking code here } The function takes two variables, the unique eventid and an eventobject that has data about the event. Possible Event IDs (eventid): start pause play close complete section_change share url_navigate Each eventobject has the following information: demoname demourl demourlshort timeelapsed Certain events have additional information available: section (section_change) sectionname (section_change) sharename (share) url (url_navigate) Here is an example of the section_change event: eventid: section_change eventobject: demoname: "NetSuite ERP" demourl: "http://www.example.com/folder/2110_netsuite_erp.swf" demourlshort: "2110_NetSuite_ERP" timeelapsed: 86.079 section: 6 sectionname: "How to Use our Product"

Here is an example of how you might capture some of these events using Google Analytics. function trackautodemoevent(eventid, eventobject) { var userdata = "john@smith.com" // user email address captured from your lead tracking var timestampinfo = Date().getTime(); switch (eventid) { // track the events you want case "start": eventtitle = "Start Autodemo"; eventname = eventobject.demoname; case "share": eventtitle = "Shared: " + eventobject.sharename; eventname = eventobject.demoname; case "section_change": eventtitle = "Section: " + eventobject.sectionname; eventname = eventobject.demoname + " " + eventobject.sectionname; case "complete": eventtitle = "Complete"; eventname = eventobject.demoname + " " + eventobject.timeelapsed + " seconds"; } // push data to Google Analytics _gaq.push(['_trackevent', // track a user's clicks "User: " + userdata, timestampinfo + " " + eventname + ": " + eventtitle, "Time (secs)", parseint(eventobject.timeelapsed) ]); _gaq.push(['_trackevent', // track an autodemo's progress "Demo: " + eventname, eventtitle, "Time (secs)", parseint(eventobject.timeelapsed) ]); } // end trackautodemoevent function Adding Your Company s Contact Information The NetSuite product demos from AutoDemo can be updated with your company s contact information by editing the below text in each demo s txt file.

<p> <p> <p> <p> <span class="header">phone Number</span><br> <span class="indent">1 877 638 7848</span> <span class="header">email</span><br> <a class="indent" href="mailto:info@netsuite.com">info@netsuite.com</a> <span class="header">website</span><br> <a class="indent" href="http://www.netsuite.com" target="_blank">www.netsuite.com</a> <span class="header">address</span><br> <p class="indent"> 2955 Campus Drive, Suite 100<br> San Mateo, CA 94403