Website Implementation

Transcription

1 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.

2 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

3 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 96b " 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

4 If you are having trouble implementing the NetSuite product demo from AutoDemo, please send an to Kristin Davis 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.

5 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: " demourlshort: "2110_NetSuite_ERP" timeelapsed: section: 6 sectionname: "How to Use our Product"

6 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 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.

7 phone Number <a class="indent" website <a class="indent" href=" target="_blank"> address 2955 Campus Drive, Suite 100 San Mateo, CA 94403