Скрываем ссылки на внешний сайты c помощью js

2k
Алексей,
Скрываем ссылки на внешний сайты c помощью js

Простой jQuery скрипт для замены span[data-link] на a[href].

Простой jQuery скрипт для замены span[data-href] на a[href].

$('.make-link').replaceWith(function(){
	link = document.createElement('a');
	$.each( $(this).prop("attributes"), function() {
		if (this.name !== 'data-href') {
			$(link).attr(this.name, this.value);
		}
	});
	$(link)
		.attr('href', $(this).data('href'))
		.html($(this).html())
		.removeClass('hidden-link-class');

	return link;
});

Остается пройтись о внешним ссылкам и заменить их на span блоки.

<a href="https://blog.budagov.ru">ссылка</a> 
нужно поменять на
<span class="make-link" data-href="https://blog.budagov.ru">ссылка</span>

Так же классу make-link можно добавить все стили ссылок, для того что бы замена была менее заметна.

События выполнения ajax запросов. На них можно повесить замену ссылок.

BX.addCustomEvent('onAjaxSuccess', function(){
	replaceLink();
});
$(document).ajaxComplete(function(event, xhr, settings) {
		replaceLink();
});

Есть вопросы или нашли ошибку? Напишите комментарий (можно без регистрации), отвечать стараюсь быстро.

Опубликовано 23 сентября 2019 | Обновлено 22 июня 2020
seo, готовый код, костыли
Поделиться
Похожие статьи
Как настроить редирект со страниц с использованием заглавных букв на страницы со строчными буквами
Прилетела задача от seo отдела - сделать редирект со страниц с разным регистром /catalog/BRANDS/all/...
Читать дальше » 0
Алексей,
Конвертация картинок в webp на битриксе
Картинки в формате WebP "весят" значительно меньше, а сам формат уже поддерживается многим...
Читать дальше » 0
Алексей,
Комментарии
❮…❯
Авторизуйтесь чтобы получать уведомления об ответе
Простой jQuery скрипт для замены span[data-link] на a[href].