Открытие внешних ссылок в новой вкладке браузера – это распространенная практика, которая улучшает пользовательский опыт на сайте. Когда ссылка открывается в новой вкладке, пользователь может продолжить просмотр вашего магазина Shopify, не теряя исходную страницу. В этой статье мы рассмотрим несколько способов настройки открытия внешних ссылок в новой вкладке в Shopify.
Зачем открывать внешние ссылки в новой вкладке?
- Улучшение пользовательского опыта: Посетители могут легко вернуться к вашему магазину, не используя кнопку «Назад» в браузере.
- Снижение показателя отказов: Открытие внешних ссылок в новой вкладке может помочь снизить показатель отказов, так как пользователи не покидают ваш сайт полностью.
- Сохранение трафика: Если пользователь переходит по внешней ссылке, ваш магазин остается открытым в другой вкладке, что может привести к дополнительным просмотрам страниц и потенциальным покупкам.
Способы открытия внешних ссылок в новой вкладке Shopify
Редактирование кода темы (для опытных пользователей)
Самый гибкий способ – добавить атрибут target=»_blank» к тегам ссылок (<a>) в коде вашей темы Shopify.
- Войдите в панель администратора Shopify.
- Перейдите в раздел «Онлайн-магазин» -> «Темы».
- Найдите свою текущую тему и нажмите кнопку «Действия» -> «Редактировать код».
- Откройте файлы, где содержатся внешние ссылки (обычно это файлы шаблонов страниц, например, page.liquid, article.liquid и т. д.).
- Найдите теги ссылок, ведущие на внешние сайты, и добавьте к ним атрибут target=»_blank»:
<a href=«https://www.example.com» target=«_blank»>Внешняя ссылка</a>
- Сохраните изменения.
Использование JavaScript (для всех пользователей)
Если вы не хотите редактировать код темы, вы можете добавить следующий JavaScript-код в файл theme.liquid (или аналогичный) перед закрывающим тегом </body>:
<script>
document.addEventListener(‘DOMContentLoaded’, function() {
const externalLinks = document.querySelectorAll(‘a[href^=»http»]’);
for (let i = 0; i < externalLinks.length; i++) {
if (externalLinks[i].hostname !== window.location.hostname) {
externalLinks[i].setAttribute(‘target’, ‘_blank’);
externalLinks[i].setAttribute(‘rel’, ‘noopener noreferrer’); // Для безопасности
}
}
});
</script>
Этот код автоматически добавит атрибут target=»_blank» ко всем внешним ссылкам на вашем сайте.
Использование сторонних приложений
В Shopify App Store есть приложения, которые позволяют легко настраивать открытие ссылок в новой вкладке. Некоторые из них:
- Link Modifier: [неправильный URL удален]
- Better Link Manager: [неправильный URL удален]
Заключение
Открытие внешних ссылок в новой вкладке – это простой способ улучшить пользовательский опыт на вашем сайте Shopify. Выберите наиболее удобный для вас метод и реализуйте его уже сегодня, чтобы сделать ваш магазин более удобным для посетителей.