Как сделать кастомную ссылку?

Question

[xamer20]

Всем привет! Есть необходимость создать кастомную ссылку но прошерстив интернет мне попадаются только сервисы по укорачиванию ссылок, это мне не подходит. Приведу пример того что мне надо. Допустим у меня есть ссылка https://siterule2352.news/hot-blog/news-rock, и мне нужно создать ссылку похожую на эту но чтобы кидала она уже на мой сайт. Сразу скажу что мне нужен не редирект, ссылку я буду вставлять в сайт в теге <a>. Самое главное чтобы пользователь наводя на ссылку видел её похожей на ту которая должна быть. Может подскажет кто сервис или способ который поможет мне это реализовать?

Comments

[Вадим]

Что?
В чём похожую?
Опишите ожидаемый результат подробнее.
Что значит "кастомную ссылку" ?
У Вас либо ссылка, которая куда-то ведёт в текстовом виде, либо не в текстовом.
Ну или ссылки которые открывают почту\телефон.

[Danny Arty]

Понятие "похожий" растяжимое. Уточните, что значит "похожая ссылка". А еще лучше объясните цель этого, чтобы подсказать более точно и по делу

[Алексей Уколов]

А для чего это может быть нужно кроме фишинга и мошенничества, интересно мне?

[Danny Arty]

Алексей Уколов, + что-то похожее

[xamer20]

Алексей Уколов, какой фишинг? Если сайт то мой. И тот сайт на который человек переходит тоже мой. Я арбитражем занимаюсь, мне это для конверсий надо

[xamer20]

Вадим, попытаюсь сформулировать по лучше. Смотри, у меня есть ссылка на сайт, мне нужно заменить её другой ссылкой. Первая ссылка допустим выглядит так: https://siterule.news/hot-blog/news-rock вторая вот так: https://bestnews.ru/top-blog/news. И мне нужно как-то зашифровать или правильней сказать изменить внешний вид второй ссылки так чтобы она была похожа на первую ссылку.

[n1ksON]

xamer20, обычно используются макросы, без какой-либо подмены ссылки

Answer 1

[n1ksON]

На тэг ссылки повесьте обработчик события и отмените действие ссылки, сделав редирект через JS
HTML:
<a href="https://example.com">link</a>
JS:

document.querySelector('a').addEventListener('click', (e) => {
  e.preventDefault()
  window.open('https://anotherLink.com')
})

Comments

[xamer20]

Этот код с Jquery работает? Вставил код, нажимаю на ссылку, он что-то думает. Потом всё равно кидает на старую

[n1ksON]

xamer20, ну вы селектор то поменяли? у вас же наверняка не одна ссылка, вместо 'a' напишите конкретный класс или айдишник
от наличия jquery или его отсутствия это не зависит

[xamer20]

<a class="link" href="https://example.com">link</a>

<script>
document.querySelector('link').addEventListener('click', (e) => {
  e.preventDefault()
  window.open('https://anotherLink.com')
})
</script>

Вот например я сделал так. Я просто не особо разбираюсь в js.

[n1ksON]

https://developer.mozilla.org/ru/docs/Web/API/Docu...

[xamer20]

n1ksON, а как сделать чтобы все ссылки заменялись, а не только первая?

[n1ksON]

xamer20, с помощью querySelectorAll и forEach