Add unique ID to identical links for tracking campaign value return

Question

I am attempting to get all links on a page where the link name and href are the same and assign a value to the return name to make the reference to that link unique.

So if a page had the following three identicial links:

            <a href="link1" class="adobeTrackedCustomLink">About Us</a>
            <a href="link1" class="adobeTrackedCustomLink">About Us</a>
            <a href="link1" class="adobeTrackedCustomLink">About Us</a>

The expected result if second link clicked the return would be:

aboutus-link1-2

I can get the link name and href returned as below:

            var linkname = $(input).text().trim().replace(/\W/g, '').toLowerCase();
            var hrefname = $(input).closest('a').attr("href").replace(/\W/g, '').toLowerCase();
            return linkname + '-' + hrefname;

But I don't know how I would do the ID on the end, any help would be appreciated.

I assumed it was using pure JavaScript, if this doesn't look like the case please reply with a jQuery solution to try. — bigdaveygeorge, Jan 22 '16 at 12:18

score 0 · Answer 1 · answered Jan 22 '16 at 12:38

I came up with a vanilla js solution. It might be a little verbose, but you can get the id like this:

var q = document.querySelectorAll('.adobeTrackedCustomLink');

for(var i = 0; i<q.length; i++){
      q[i].id = i; 
      var linkname;
      var hrefname;
      var id;
      q[i].addEventListener('click', function(e){
                e.preventDefault();
                linkname = this.textContent.replace(/\s+/g, '').toLowerCase();
                hrefname = this.getAttribute('href');
                id = Number(this.id);
                console.log("New Name",  linkname+"-"+hrefname+"-"+(Number(id)+1));
      })
 }

Add unique ID to identical links for tracking campaign value return

1 Answers1