Здравствуйте, уважаемые пользователи LPgenerator!
Руководство предназначено для пользователей, которые хотят получить больше контроля над перемещением посетителей с мобильными устройствами.
Если вам не нужно ограничивать перенаправление, то есть посетители с мобильных устройств должны попадать на мобильную версию лендинга - используйте готовый инструмент, описанный в статье по ссылке ниже:
Если же вам нужно более тонко разделить варианты действий для посетителей, открывших ваш лендинг на мобильном устройстве, например смартфоне или планшете, предлагаем три разных решения для настройки редиректа:
- Скрипт запрета редиректа для планшетов - отменяет перенаправление на мобильную версию тех посетителей лендинга, которые используют планшетные компьютеры (для остальных перенаправление будет срабатывать);
- Скрипт для выборочного запрета редиректа - выборочная настройка правил перенаправления на мобильный лендинг (только для опытных пользователей с навыками программирования);
- Безскриптовое решение - на мобильную версию страницы добавляется специальная кнопка, нажав на которую посетитель сможет открыть "полную" версию лендинга - это удобно для посетителей, использующих планшетные компьютеры, так как посетитель сам сможет решить, какую версию лендинга ему просматривать - мобильную или "полную".
Скрипт запрета редиректа для планшетов
1. Скопируйте код, размещенный здесь.
2. Войдите в редактор целевой страницы, с которой должна происходить переадресация на мобильную версию.
3. Выберите инструмент “Скрипты”:
4. Назовите скрипт и установите его положение “Внутри тега <HEAD>”:
5. Замените в скрипте ссылку http://m.mysite.ru/ (которая находится внутри одинарных кавычек) на адрес вашего мобильного лендинга.
Обратите внимание:
- Необходимо оставить слеш в конце ссылки и не удалять кавычки;
- Если для вашего домена используется сертификат безопасности SSL, надо поменять в ссылке протокол с http на https.
5. Сохраните страницу:
Внимание: если в "Центре оптимизации конверсии" автоматический редирект, его обязательно нужно отключить (редирект в нашем случае осуществляет добавленный на страницу код, поэтому авторедирект нужно отключить). Для этого удалите адрес мобильного лендинга и сохраните изменения:
6. Готово! Теперь пользователи, которые перешли на вашу страницу с планшета, останутся на ее полной версии.
Скрипт для выборочного запрета редиректа
Внимание: данная часть статьи предназначена для продвинутых пользователей с навыками программирования!
1. Скопируйте скрипт, расположенный здесь
2. Отредактируйте в коде ОС и прочие параметры устройств для которых необходимо запретить перенаправления:
3. Сохраните код и установите на страницу с помощью инструмента "Скрипты" внутри тега <HEAD> (подробнее установка описана в предыдущем разделе руководства).
4. Сохраните страницу. Проверьте корректность работы редиректа.
Безскриптовое решение
На мобильную версию страницы добавляется кнопка со ссылкой на полную версию.
При клике на кнопку посетитель с мобильной попадает на веб-версию страницы.
1. Настройте Автоматическое перенаправление на мобильную версию.
2. Откройте мобильную страницу в редакторе и создайте на ней кнопку
3. В свойствах кнопки впишите ссылку http://m.mysite.ru/?fullversion=1
Замените ссылку http://m.mysite.ru/ на адрес вашего основного лендинга (т.е полной версии страницы).
Обратите внимание:
- Необходимо оставить знак вопроса;
- Если для вашего домена используется сертификат безопасности SSL, надо поменять в ссылке протокол с http на https.
4. Сохраните страницу и оформите кнопку по вашему вкусу.
5. Готово! Теперь посетитель, попавший на мобильный лендинг, сможет перейти на полную версию по созданной кнопке.
По всем возникающим вопросам пишите по адресу: support@lpgenerator.ru
Удачного дня и приятной работы!
можно ли сделать ссылку на мобильной версии сайта на полную версию сайта?
Здравствуйте, Руслан!
Сделать ссылку на "полную" версию сайта можно. При этом нужно учитывать, что при настроенном редиректе получится "вечный редирект" - поэтому лучше сделать так:
Создайте копию "Полной" версии сайта.
Опубликуйте эту копию по какому-нибудь адресу на вашем домене, например, domen.net/polnaya. Не настраивайте для этой страницы мобильный редирект.
Укажите в качестве ссылки на "полную" версию сайта адрес страницы-копии. В итоге пользователь сможет перейти на web-версию страницы с мобильного устройства.
Я сделал как сказано было выше, но (http://m.sitename.ru) щяс автоматически переходит на моб. версию но не открывается
Адрес http://m.sitename.ru/ недоступен. Скорее всего, это даже не Ваш домен.
Воспользуйтесь обновленным руководством
Пожалуйста, напишите нам по адресу support@lpgenerator.ru , чтобы мы смогли рассмотреть Вашу проблему в индивидуальном порядке.
Здравствуйте! В пункте 1, где нужна скачать код, ссылка заблокирована. Где еще я могу скачать этот код?
И еще вопрос (просто не до конца понял) если я сделаю редирект на мобильную версию, то все пользователи будут автоматически переходить на нее, даже те кто с обычных ПК, или только те, кто с мобильных устройств с ОС iOS и Android?
Здравствуйте, Сергей!
1) В ходе недавнего обновления появился готовый инструмент для настройки переадресации без добавления скриптов. Советуем использовать только его. Об инструменте читайте здесь
2) Только посетители с мобильных устройств будут автоматически попадать на мобильную версию. Посетители с ПК увидят полную версию страницы и даже не узнают о существовании мобильной.
Алена, спасибо!
Алена, вот только я не совсем понял, в инструменте, который вы дали, описано как сделать обе версии с нуля, а как сделать мобильную версию, если основная уже есть? Мобильную версию отдельно делать, а потом привязывать к основной?
Здравствуйте, Сергей!
Да, всё верно - вам следует отдельно создать мобильную страницу, а потом настроить переадресацию на эту мобильную страницу с вашего лендинга.
Мобильные страницы создаются с нуля, и обычно выдерживаются в общем стиле с основной страницей. Автоматизированного создания мобильных страниц нет - ни один скрипт не сможет определить, какие элементы страницы необходимы, а от каких можно избавиться ради упрощения и удобства мобильной страницы.
Если у вас уже есть мобильная страница - вы можете использовать её при настройке редиректа, нужно только опубликовать её и скопировать адрес.