Question

I have a web form that does not call an action, but when submitted gets sent to a Javascript function, which in essence, pushes the information to a 3rd party booking engine, and I want to pass the cookies along. Basically the form gets sent to:

<a href="javascript:sendToCBE();"><img src="#"></a>

The sendToCBE function is as follows:

function sendToCBE(){
if (validateForm()){
    setHidden();
    document.forms[0].target="_blank";
    document.forms[0].action="http://partners.kcdataservices.com/resort/custom/buildMyOwn.jsp";
    document.forms[0].submit();

Is it possible to change this to

function sendToCBE(){
if (validateForm()){
    setHidden();
    document.forms[0].target="_blank";
    document.forms[0].action="pageTracker._getLinkerUrl(http://partners.kcdataservices.com/resort/custom/buildMyOwn.jsp)";
    document.forms[0].submit(); 

In order to have cross domain tracking and pass along the cookies so new ones are not set by the 3rd party booking engine? Is there a better (or simpler) way to do this that I have not found yet?

Answer 1

You may try this snippet. Make sure to put GA related code inside a try catch so if it’s not setup on the site the form still works.

function sendToCBE(){
  var action = "http://partners.kcdataservices.com/resort/custom/buildMyOwn.jsp";
  try{
    var tracker = _gat._getTrackers()[0];
    action = tracker._getLinkerUrl(action);
  }catch(e){
    // _gat doesnt exist or there is no tracker setup. Just ignore it and continue
  }
  if (validateForm()){
    setHidden();
    document.forms[0].target = "_blank";
    document.forms[0].action = action;
    document.forms[0].submit(); 
  }
}