Добавьте уникальный идентификатор к идентичным ссылкам для отслеживания значения кампании.

Question

Я пытаюсь получить все ссылки на странице, где имя ссылки и href совпадают, и присваивать значение имени возврата, чтобы ссылка на эту ссылку была уникальной.

Так, если страница имеет следующие три identicial ссылки:

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

Ожидаемый результат, если вторая ссылка щелкнул возвращение будет:

ABOUTUS-link1-2

Я могу получить имя ссылки и href, как указано ниже:

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

Но я не знаю, как я буду делать идентификатор на конце, любая помощь будет оценена по достоинству.

Answer 1

Я придумал решение ванили js. Это может быть немного многословным, но вы можете получить id следующим образом:

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)); 
     }) 
}