Passing a parameter to a link inside an < a > href tag

[Jorge Romero]

I am currently working with a website using only HTML. I have variables being passed in the URL that are read by a javascript and I then take the parameter for each variable and populate it into a Google javascript.

JS reading the URL:

function gup(name) { 
var params = {}; 
var parts = (window.location.search || '').split(/[&?]/); 
for (var i = 0; i < parts.length; ++i) { 
var eq = parts[i].indexOf('='); 
if (eq < 0) continue; 
params[decodeURIComponent(parts[i].substring(0, eq))] 
    = decodeURIComponent(parts[i].substring(eq+1)); 
} 
return Object.hasOwnProperty.call(params, name) 
  ? params[name] : null; 
} 

The variable to be written to the second JS:

var keyValue1 = gup( 'pid1' ); 

The portion of the Google JS that is written to:

GA_googleAddAttr("pid1", keyValue1);

All of this has been working quite well for me. Those parameters are passed into Google ads but I still have several links on the page that do not have the '?pid1=' variable attached. I would like to be able to do one of the following:

1. Take the parameter from the variable 'pid1' and pass it into a link located in a < a > tag. ( NOTE: I do have multiple variables, example.com/index.html?pid1=abc&pid2=def&pid3=ghi )

2. Strip from the URL, starting with the ? and everything thereafter and attach it to one link or all links located in a < a > tag(s) on the page.

3. Strip from the URL, starting with the ? and only a selected set of variable(s) and attach it to one link or all links located in a < a > tag(s) on the page.

Very important note, my JS knowledge is limited to asking questions and taking what I get and trying to figure it out from there, which is what I am hoping to do here. Thanks in advance for any help provided.

-jorge

[Eric Pascarello]

function updateHrefs() {

    var fullQuerystring = window.location.search;                      //Get the querystring from URL
    var querystring = fullQuerystring.substr(1);                         //Chop off the ?

    var links = document.getElementsByTagName("a");             //Grab all of the anchor elements
    for(var i=0,len=links.length;i<len;i++) {                          //loop through all of the anchors
        var currentLink = links[i];                                              //get the current anchor
        var href = currentLink.href;                                           //grab its link
        if(href.indexOf("javascript:")===0) {                             //make sure the link is not hardcoded to JavaScript [bad practice]
            continue;                                                                 //skip this element and continue on
        }
        var hrefSeperator = href.indexOf("?") > 0 ? "&" : "?";  //figure out if the link already has a querystring, pick right seperator to use        
        currentLink.href = currentLink.href + hrefSeperator + querystring; //update value to the link's href
    }

}

//Call the code on page load
if (window.addEventListener){
  window.addEventListener('load', updateHrefs, false); //W3C
} else if (window.attachEvent) {
  window.attachEvent('onload', updateHrefs);  //OLDER MSIE
}

[Jorge Romero]

Eric,

What you put together was perfect for what I needed. I made some minor modifications but ultimately I would not have been able to put something like this together myself.

Thank you very much!

-jorge