Untitled Document

Live Site Monitor Code - Track Visitors and Allow Proactive Invitations Pop-Ups

Generate the Code First

Log in as an ADMINISTRATOR.
Click the ADD ALIVECHAT CODE TO YOUR WEBPAGE button or click on the 5. WEB SITE CODE link on the left menu bar.
Click on the LIVE SITE MONITOR CODE button.
Next, select the website that you wish to have the Live Site Monitor generated to.
Check the box whether your page is a HTTP or HTTPS webpage and click NEXT STEP.

- If you are unsure, look at the URL of your website and see it starts with http (Normal) or https (Secured).

- You are now done with generating the code for your Live Site Monitor, now you’re ready to copy (Ctrl+C) and add the code into your website.

Now, Add Live Site Monitor Code to Your Web Site

After you have generated the Live Site Monitor code (see above) and copied it, log into the HTML portion of your website.
You must paste the Live Site Monitor code JUST BEFORE the </body> tag at the end/bottom of EVERY SINGLE WEBPAGE for the Live Site Monitor to monitor all your sites or else it will only monitor the sites that have the code placed in it.
Tip: If your website uses a template, such as a header and footer files, just include the Live Site Monitor code in the footer file and any web page which uses this footer will have the Live Site Monitor embedded in there.

Troubleshooting

How can I confirm that I've entered the code correctly on my pages?

Since this code is invisible to the visitor, you will only know if it works if you log into your Operator Console and view the Live Site Monitor and see visitors populate into the system. If you used a WYSIWYG ("What you see is what you get") editor such as Macromedia Dreamweaver, make sure that you don't see the code when you're viewing your page in a browser. Some such editors will attempt to place the code as text on your page - try to use the "source" view when you're pasting the code to your web pages. Finally, once your page is live, select View Source from your browser's menu and look for the code. It should be immediately before the </body> tag of your page, and should look exactly as it was provided to you above.

If you get Javascript errors after I add the Live Site Monitor code

If you use <BASE HREF> in your HTML code, make sure to have a </BASE> tag immediately following it.

For example:

<BASE HREF="http://www.yoursite.com/"></BASE>

When a Proactive Pop Up Invite is made, the Pop Up appears under my Flash object.

The flash object may overlap the Proactive Pop-Up. Please add this:

<param name="wmode" value="opaque">

inside the:

<OBJECT></OBJECT> tag of your Flash object.

If "window.onload" or "body onload" events are used on the web page, and it does not work after adding the Live Site Monitor code

The AliveChat Live Site Monitor uses the window.onload event. If you have other functions which use the window.onload event in your web page, you will need to modify your <body> tag to call your onload events, and 's onload event, "wsa_include_js()".

Before adding Live Site Monitor, assuming you have an onload event called "your_function()":

<body onload="your_function1()">

After adding Live Site Monitor, modify your <body> to call your onload event and 's onload event:

<body onload="your_function1(); wsa_include_js();">

... and in the Live Site Monitor code, since we are already calling the "wsa_include_js" function in the body tag, be sure to remove the code that says:

window.onload = wsa_include_js;

Explanation: The event "window.onload" cannot be called in your HTML in multiple places. In order for all your required functions to be run during window.onload, we must declare them all in the <body> tag.