Очень простой скрипт для скрытия внешних ссылок на любом сайте. Разрабатывался для CMS WordPress, но будет работать абсолютно везде. Полностью нативный JS. Состоит из небольшого JavaScript кода, PHP обработчика и трех строк для редиректа в .htaccess.
Пример работы и более подробное описание скрипта: https://code.devarts.pro/index.php?page=exlinks
Источник с детальным описанием: https://blog.devarts.pro/wordpress-hide-external-links/
Предусмотрен аттрибут, для исключения шифрования ссылок, а также белый список, доменов. Административной части нет. Все работает на файлах и устанавливается за пару минут. Править ничего не нужно — только дописать немного кода.
JavaScript
// #######################
// СКРЫТИЕ ВНЕШНИХ ССЫЛОК
// #######################
// получаем все ссылки на странице
var links = document.querySelectorAll('a[href]');
// список исключений (слеш в конце обязательно)
var exclude = [
'https://exclude.name/',
];
// проверяем каждую ссылку в цикле
for(let i = 0; i < links.length; i++){
// проверяем, что текущая ссылка не является доменом сайта
if(links[i].origin !== window.location.origin){
// и вешаем на нее открытие в новой вкладке
links[i].setAttribute('target', '_blank');
// проверяем ссылку на наличие исключений
if(!exclude.includes(links[i].href)){
// проверяем ее дополнительно на наличие rel="follow"
if(links[i].getAttribute('rel') != 'follow'){
// декодируем в base64 и подставляем префикс /go/
links[i].href = '/go/' + btoa(links[i].href);
// или без редиректов через .htaccess
// links[i].href = '/go.php?go=' + btoa(links[i].href);
}
}
}
}Все ссылки передаются методом GET на внешний файл PHP. В скрипте предусмотрено два способа сделать это: просто передав get-ссылку в виде /go.php?go=link_here на нужный адрес или переделав адрес чрез .htaccess в виде /go/link_here. Выбирайте тот вариант, который больше подходит раскомментировав или закомментировав одну строку кода в конце скрипта выше.
PHP-обработчик
В обоих случаях переход по ссылке выполняет GET запрос на файл go.php, который нужно будет скачать (см. источник выше и ниже) и положить в корень сайта.
PHP традиционно получается большим (а это лишь сухой код без визуального оформления). Поэтому ограничимся скриншотом. Полный код можно скачать по ссылке выше и ниже.
.HTACCESS
Данный файл находится в корне сайта и в нашем случае будет отвечать за переадресацию ради сокращения адреса. В него нужно внести четыре строчки кода. На самый верх. Иначе обработчик WordPress заблокирует наши инструкции.
RewriteEngine On
RewriteRule ^go$ ^go/1$ [L]
RewriteRule ^go/(.+)(/?)$ go.php?go=$1 [L]
RewriteRule ^go(/+) go.php [L]Скрипт разработан мной, но в рамках другого проекта. Поэтому все ссылки там: https://blog.devarts.pro/wordpress-hide-external-links/
Комментарии