Sizin için bir javascript kodu yazdım.
<script>
document.querySelectorAll('a').forEach(item => {
if (localStorage.getItem('aurl')) {
JSON.parse(localStorage.getItem('aurl')).forEach(s => {
if (s==item.getAttribute('href')) {
item.style.color='red';
}
});
}
item.addEventListener('click',()=>{
if (localStorage.getItem('aurl')) {
var ls= JSON.parse(localStorage.getItem('aurl'));
c=true;
ls.forEach(ss => {
if (ss==ls[ls.length-1] && ss!=item.getAttribute('href') && c==true) {
ls.push(item.getAttribute('href'));
localStorage.setItem('aurl',JSON.stringify(ls))
}else if (ss==item.getAttribute('href')) {
c=false;
}
});
}else{
var dizi=[];
dizi.push(item.getAttribute('href'))
localStorage.setItem('aurl', JSON.stringify(dizi))
}
})
});
</script>
Bu kodu sitenize ekledikten sonra kendiliğinden sorunsuz çalışacaktır. Localstorage kullandım ve o url daha önce varsa localstorage yazmadım. Hem hafif hem de işlevsel bir kod.
Ayrıca bildiğim kadarıyla a etiketlerine özel bir color vermezseniz sadece text-decoration gibi özelliklerini ayarlarsanız önceden tıklanmış a etiketleri biraz daha açık bir renk alır.
Eğer illa rengi değiştirip belirli özellikler katmak istiyorsanız verdiğim javascript kodunu tüm sayfalarınıza eklemeniz yeterlidir. Eğer sitenizde aynı kullanıcı günde onlarca tıklama yapıyorsa çerezin çok olmaması ve hızı etkilememesi için
if (JSON.parse(localStorage.getItem('aurl')).length>50) {
localStorage.setItem('aurl','')
}
kodunu ekleyebilirsiniz. 50 yazan yere kaç linkten sonra sıfırlanmasını istediğinizi yazmanız yeterlidir.
https://dosya.co/zw8dea6khr68/index.html.html
Yukarıdaki linke çalıştığım index dosyasını bıraktım.