Открытие ссылок на внешние сайты в новой вкладке

Общепринятой и полезной практикой является открытие ссылок на сторонние сайты в новой вкладке или окне. Такой подход позволяет пользователю, перейдя на другой сайт, не потерять ваш и в случае необходимости вернуться на него.

Как правило, данная возможность реализуется с помощью добавления атрибута target="_blank" к тегу <a>. Но, например, при использовании визуального или Markdown-редактора в системе администрирования, возможности добавить данный атрибут нет (либо это можно сделать только не очень удобным способом).

Хорошим решением может быть использование следующего JavaScript-кода:

$(document.links).filter(function() {
    return this.hostname !== window.location.hostname;
}).attr('target', '_blank');

Для использования данного кода на каждой странице вашего сайта должна подключаться библиотека jQuery. Сам код необходимо вставить в обработчик события onDomReady, либо обернуть в $-функцию. Итоговый вариант может выглядеть так:

$(function() {
    $(document.links).filter(function() {
        return this.hostname !== window.location.hostname;
    }).attr('target', '_blank');
});

Код должен быть вставлен в JavaScript-файл, подключаемый на каждой странице сайта.

Надеемся, что данный совет поможет сделать ваш сайт удобней для пользователей, а вам не терять ценных клиентов.


Комментарии