База знаний
по возможностям платформы

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

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

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

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

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

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

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

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

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

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

Скрипты

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

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

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

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

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

Ссылка в коде

Замена ссылки

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

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

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

chrome_2017-09-15_15-51-13.pngchrome_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

Удачного дня и приятной работы!

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 3 из 3
Еще есть вопросы? Отправить запрос

Комментарии

  • Avatar
    Ruslan Vladimirovich

    можно ли сделать ссылку на мобильной версии сайта на полную версию сайта?

  • Avatar
    Максим Гуйван

    Здравствуйте, Руслан!

    Сделать ссылку на "полную" версию сайта можно. При этом нужно учитывать, что при настроенном редиректе получится "вечный редирект" - поэтому лучше сделать так:

    1. Создайте копию "Полной" версии сайта.

    2. Опубликуйте эту копию по какому-нибудь адресу на вашем домене, например, domen.net/polnaya. Не настраивайте для этой страницы мобильный редирект.

    3. Укажите в качестве ссылки на "полную" версию сайта адрес страницы-копии. В итоге пользователь сможет перейти на web-версию страницы с мобильного устройства.

  • Avatar
    Nurdaulet Galymzhanovich

    Я сделал как сказано было выше, но (http://m.sitename.ru) щяс автоматически переходит на моб. версию но не открывается

  • Avatar
    Алена Балакина

    Адрес http://m.sitename.ru/ недоступен. Скорее всего, это даже не Ваш домен.

    Воспользуйтесь обновленным руководством

    Пожалуйста, напишите нам по адресу support@lpgenerator.ru , чтобы мы смогли рассмотреть Вашу проблему в индивидуальном порядке.

  • Avatar
    Сергей

    Здравствуйте! В пункте 1, где нужна скачать код, ссылка заблокирована. Где еще я могу скачать этот код?
    И еще вопрос (просто не до конца понял) если я сделаю редирект на мобильную версию, то все пользователи будут автоматически переходить на нее, даже те кто с обычных ПК, или только те, кто с мобильных устройств с ОС iOS и Android?

  • Avatar
    Алена Балакина

    Здравствуйте, Сергей!

    1) В ходе недавнего обновления появился готовый инструмент для настройки переадресации без добавления скриптов. Советуем использовать только его. Об инструменте читайте здесь

    2) Только посетители с мобильных устройств будут автоматически попадать на мобильную версию. Посетители с ПК увидят полную версию страницы и даже не узнают о существовании мобильной.

  • Avatar
    Сергей

    Алена, спасибо!

  • Avatar
    Сергей

    Алена, вот только я не совсем понял, в инструменте, который вы дали, описано как сделать обе версии с нуля, а как сделать мобильную версию, если основная уже есть? Мобильную версию отдельно делать, а потом привязывать к основной?

  • Avatar
    Максим Гуйван

    Здравствуйте, Сергей!

    Да, всё верно - вам следует отдельно создать мобильную страницу, а потом настроить переадресацию на эту мобильную страницу с вашего лендинга.

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

    Если у вас уже есть мобильная страница - вы можете использовать её при настройке редиректа, нужно только опубликовать её и скопировать адрес.

На базе технологии Zendesk