Скрипты запрета редиректа с полной (WEB) на мобильную (Mobile) версию страницы для некоторых устройств

Последние изменения: 06.04.2022

Здравствуйте, уважаемые пользователи LPgenerator!

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

Если вам не нужно ограничивать перенаправление, то есть посетители с мобильных устройств должны попадать на мобильную версию лендинга - используйте готовый инструмент, описанный в статье по ссылке ниже:

Если же вам нужно более тонко разделить варианты действий для посетителей, открывших ваш лендинг на мобильном устройстве, например смартфоне или планшете, предлагаем три разных решения для настройки редиректа:

  • Скрипт запрета редиректа для планшетов - отменяет перенаправление на мобильную версию тех посетителей лендинга, которые используют планшетные компьютеры (для остальных перенаправление будет срабатывать);

  • Скрипт для выборочного запрета редиректа - выборочная настройка правил перенаправления на мобильный лендинг (только для опытных пользователей с навыками программирования);

  • Безскриптовое решение - на мобильную версию страницы добавляется специальная кнопка, нажав на которую посетитель сможет открыть "полную" версию лендинга - это удобно для посетителей, использующих планшетные компьютеры, так как посетитель сам сможет решить, какую версию лендинга ему просматривать - мобильную или "полную".

Скрипт запрета редиректа для планшетов

1. Скопируйте код, размещенный здесь.

2. Войдите в редактор целевой страницы, с которой должна происходить переадресация на мобильную версию.

3. Выберите инструмент “Скрипты”:

Скрипты

4. Назовите скрипт и установите его положение “Внутри тега <HEAD>”:

Скрипт мобильного  редиректа

5. Замените в скрипте ссылку http://m.mysite.ru/ (которая находится внутри одинарных кавычек) на адрес вашего мобильного лендинга.

Обратите внимание:

  • Необходимо оставить слеш в конце ссылки и не удалять кавычки;

  • Если для вашего домена используется  сертификат безопасности SSL, надо поменять в ссылке протокол с http на https.

Ссылка в коде
Замена ссылки

5. Сохраните страницу:

Сохранить страницу

Внимание: если в "Центре оптимизации конверсии" автоматический редирект, его обязательно нужно отключить (редирект в нашем случае осуществляет добавленный на страницу код, поэтому авторедирект нужно отключить). Для этого удалите адрес мобильного лендинга и сохраните изменения:

chrome_2017-09-15_15-51-13.png
chrome_2017-09-15_15-52-07.png

6. Готово! Теперь пользователи, которые перешли на вашу страницу с планшета, останутся на ее полной версии.

Скрипт для выборочного запрета редиректа

Внимание: данная часть статьи предназначена для продвинутых пользователей с навыками программирования!

1. Скопируйте скрипт, расположенный здесь 

2. Отредактируйте в коде ОС и прочие параметры устройств для которых необходимо запретить перенаправления:

notepad___2017-09-15_15-39-23.png

 3. Сохраните код и установите на страницу с помощью инструмента "Скрипты" внутри тега <HEAD> (подробнее установка описана в предыдущем разделе руководства).

4. Сохраните страницу. Проверьте корректность работы редиректа.

Безскриптовое решение

На мобильную версию страницы добавляется кнопка со ссылкой на полную версию. 
При клике на кнопку посетитель с мобильной попадает на веб-версию страницы.

1. Настройте Автоматическое перенаправление на мобильную версию

2. Откройте мобильную страницу в редакторе и создайте на ней кнопку

3. В свойствах кнопки впишите ссылку http://m.mysite.ru/?fullversion=1

Замените ссылку http://m.mysite.ru/ на адрес вашего основного лендинга (т.е полной версии страницы).

Обратите внимание:

  • Необходимо оставить знак вопроса;

  • Если для вашего домена используется  сертификат безопасности SSL, надо поменять в ссылке протокол с http на https.

chrome_2017-09-15_15-58-58.png

4. Сохраните страницу и оформите кнопку по вашему вкусу.

5. Готово! Теперь посетитель, попавший на мобильный лендинг, сможет перейти на полную версию по созданной кнопке.

chrome_2017-09-15_16-02-59.png

По всем возникающим вопросам пишите по адресу: support@lpgenerator.ru

Высоких Вам конверсий!

С уважением,
команда LPgenerator

Помогла ли вам статья?