Google Maps integration

Introduction
If you are using Google Maps on your website you might receive the following message when loading playbacks or reports for your site:

"The Google Maps API key used on this website was registered for a different website."

You may also be unable to see the visitor's interaction with the map.

The ClickTale Google Map Integration allows you to view the visitor's interaction with the map.

The current integration is designed for the Google Maps API v3. This is due to Google announcement that v2 has been officially deprecated as of May 19, 2010

Basic Integration
This integration was designed for the basic Google Maps API v3, supporting features such as Zoom In/Out, map dragging etc. For libraries and extensions please see below.

Instructions
You can search by "new google.maps.Map"
 * 1) Add the ClickTale Domain where your cached pages are loaded from to the list of domains allowed by your Google Maps API
 * 2) Implement the ClickTale AJAX integration.
 * 3) Download the Google Maps integration JS file from here.
 * 4) Find the initialization function of your Google Maps.
 * 5) Inside it, find the map constructor. It's a line that looks like this:


 * 1) Add the contents of the JS file (a JS function definition) before the initialization code.
 * 2) Run the following function with the map object as the parameter after the map constructor:

 Use the following only if you have markers:  You can search by "new google.maps.Marker"
 * 1) Inside the initialization function, find the marker constructor. it's a line that looks like this:


 * 1) Run the following function with the marker object as the parameter after the marker constructor:

goMap Extension
The goMap jQuery extension changes the basic layout of Google Maps. Thus a special integration is needed. You can read more about the goMap extension at the goMap extension site.

Instructions

 * 1) Add the ClickTale Domain where your cached pages are loaded from to the list of domains allowed by your Google Maps API
 * 2) Implement the ClickTale AJAX integration.
 * 3) Download the Google Maps integration JS file from here.
 * 4) Find the map constructor. it's a line that looks like this:


 * 1) Add the contents of the JS file (a JS function) before this line.
 * 2) Run the function with the map object as the parameter:


 * 1) If you have markers, make sure to run this after the marker initialization.

MasterClusterer Library
The MasterClusterer library creates and manages per-zoom-level clusters for large amounts of markers. It also changes the basic Google Maps structure. Thus, a special integration is needed. You may read more on the MasterClusterer library at the library site.

Instructions
You can search by "new google.maps.Map"
 * 1) Add the ClickTale Domain where your cached pages are loaded from to the list of domains allowed by your Google Maps API
 * 2) Implement the ClickTale AJAX integration.
 * 3) Download the Google Maps integration JS file from here.
 * 4) Find the initialization function of your Google Maps.
 * 5) Inside it, find the map constructor. It's a line that looks like this:


 * 1) Add the contents of the JS file (a JS function definition) before the initialization code.
 * 2) Run the following function with the map object as the parameter after the map constructor:

You can search by "new MarkerClusterer")
 * 1) Inside the initialization function, find the MarkerClusterer constructor. It's a line that looks like this:


 * 1) Run the following function with the markerclusterer object as the parameter:

You can search by "new google.maps.InfoWindow")
 * 1) If you have infowindows, locate the infoWindow constructor. It's a line that looks like this:


 * 1) Run the following function with the infowindow object as the parameter:

Other Libraries
Please contact ClickTale Support and leave info on what library you are using and the pages where it's installed.