суббота, 16 апреля 2011 г.

Ставим универсальную кнопку "Вернуться назад"

И снова здравствуйте! Недавно донимал партнеров глупым вопросом - как создать в SiteEdit кнопку возврата на предыдущую страницу. Ответ получил от Павла Карташева, опробовал на практике и прозрел! Готов поделиться полезным опытом!

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

Вот пример: страница продукции "металлопластиковые окна" http://nashiokna.com.ua/okna, с нее можно перейти по ссылке "подробнее" на страницу производителя окон Winbau http://nashiokna.com.ua/winbau. Заметьте, навигация не использует "Записи" с "Подробным текстом" в "Разделе", по той простой причине, что на страницу Winbau ведет баннер в шапке сайта, и ссылка с него не работает, если ведет на динамически подгружаемую страницу "Подробный текст".

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

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

И здесь нам на помощь приходит отличный скрипт. Вот его код:
 
<input class="buttonSend" onclick="window.history.back();" type="button" value="Вернуться"/>

Просто вставьте его ниже текста страницы (в HTML режиме!), поставив перед ним тэг <br> - новая строка, и у вас появится замечательная кнопка "Вернуться" (или любой другой текст - нужное пропишите в коде по аналогии), возвращающая клиента именно на ту страницу, с которой он сюда попал. Настройки кнопки (вид, цвет, фон, размер, шрифт и т.п.) автоматически пропишутся так, как вы их настроили в редакторе дизайна. Вуаля!

15 комментариев:

  1. Антон, расскажи еще, как поставить кнопку "поделиться". Можно ли ее видоизменять (в 2 строки),и устанавливать надо один раз или на каждую страницу по отдельности?

    ОтветитьУдалить
  2. Кнопку "Поделиться" я взял на Яндексе. Просто перейдите сюда http://api.yandex.ru/share/ и выберите нужный код кнопки. Далее стандартная процедура: в карте дизайна создаем слой, в него ставим переменную, в нее данный код. По такой схеме кнопка будет стоять внизу каждой страницы.

    ОтветитьУдалить
  3. Антон, как прописать скрипт "облако тегов"?

    ОтветитьУдалить
  4. Самый простой вариант (но не скрипт!) - написать нужное количество ссылок вручную с разным размером шрифта.
    Но это не будет настоящим облаком тэгов, скорее его имитацией.
    За действующим скриптом надо обращаться либо в компанию Edgestile непосредственно к разработчикам, либо к Аурелу Фульге, который может написать такой модуль. Я уже спрашивал его об этом, говорит - в принципе возможно, но дело непростое.

    ОтветитьУдалить
  5. Я сегодня воспользовался твоим советом и мне удалось на 3-х страницах вставить кнопки "Вернуться". Спасибо!

    ОтветитьУдалить
  6. Алексей Федулаев31 октября 2011 г. в 12:52

    Спасибо Антон! Очень пригодилась кнопка!!!

    ОтветитьУдалить
  7. Лёха, красава!!! Нужный скриптик подсказал-выручил!!!! Респектосы!!!

    ОтветитьУдалить
  8. Давно посещала мысль - как вернуться назад.
    И только на вашем сайте ( скрипт) кнопка ложится на дно страницы.
    Спасибо!

    ОтветитьУдалить
  9. Ставим лайк и подписываемся на обновления ;-)

    ОтветитьУдалить
  10. Я тут хотел такую кнопку поставить, но передумал. Если на Вашу страницу с этой кнопкой человек зайдет из поисковой выдачи или закладки, например, то его выкинет обратно в поисковую выдачу...

    ОтветитьУдалить
    Ответы
    1. в браузере есть кнопка вправо для особо тупых зайти в историю АХ-Ах!

      Удалить