Знаете ведь, что есть такое маленькое дело, которое и делать-то недолго и просто, но вот почему-то оно висит недоделанное долго. И в определенный день решаешь, все, сегодня сделаю. И делаешь. И живешь спокойно дальше.


Так у меня было с ярлычком для сайта. Коллега предложил добавить на сайт небольшой яркий ярлычок, чтобы по нему кликали и переходили на страницу «Оставить заявку в техническую поддержку». Пользователи и раньше могли оставить заявку в техническую поддержку через эту страницу. И телефон указан. Но хотелось, чтобы был такой ярлычок всегда сбоку. И всегда под рукой.

И вот определенный день наступил. И появился ярлычок. И стало заявок в техническую поддержку через страничку больше в 2 раза. А звонков меньше.

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

» Демо | Исходники

Но схема по встраиванию чего-либо на сайт мне так понравилась, что я решил не останавливаться. Да и покемоны «на слуху». Небольшие изменения и теперь на страницу можно встраивать покемона. На одной из страниц справочной системы нашего сервиса я спрятал покемона, нажав на которого, совершаешь переход на полезную страницу.


Код скрипта с покемонами также доступен на гитхабе.

» Демо | Исходники

Можно использовать как примеры с гитхаба, а можно склонировать репозиторий к себе и использовать свою версию. Своя версия безопаснее и надежнее.

Надеюсь, кому-нибудь пригодится.
Поделиться с друзьями
-->

Комментарии (11)


  1. A-Stahl
    20.09.2016 14:16
    +1

    >я спрятал покемона, нажав на которого, совершаешь переход на полезную страницу
    Это такой хитрый покемон, который знает что для пользователя полезно?
    >я спрятал покемона, нажав на которого, совершаешь переход на полезную страницу
    В этом вся суть современного интернета — всё полезное спрятано и доступ к нему неочевиден.


    1. antirek
      20.09.2016 14:22

      Покемон живет на странице с описанием API, т.е. в разделе, который заведомо интересен определенной аудитории. А полезная страница — это страница с контактами разработчиков, с которыми можно пообщаться, если есть вопросы по API.

      >>В этом вся суть современного интернета — всё полезное спрятано и доступ к нему неочевиден.
      Ох, как вы правы. Сейчас столько информации в закрытых социальных сетях, мессенджерах и других системах.


  1. Talyutin
    20.09.2016 15:10
    +4

    Подсказываю следующий шаг: «Вы на странице уже 32 секунды. Нашли что искали?»


    1. antirek
      20.09.2016 15:18

      навязчивость — не мой метод, скрипты с внезапными popup-ами вы знаете где взять ;)


    1. hdfan2
      20.09.2016 15:59
      +3

      И периодически мерзко так подёргивается. Ненавижу упырей, которые делают эту дрянь. Если можно, стараюсь сразу уйти с этого сайта, если же нельзя — вырезаю это гадость uBlock'ом.


      1. antirek
        20.09.2016 16:14
        -1

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


        1. hdfan2
          20.09.2016 16:47
          +1

          Оказывается, я не одинок. Дайте шефу эту ссылку.


          1. antirek
            20.09.2016 16:55

            вообще свежее, прямо сегодня написано!: )


  1. LifeAct
    22.09.2016 05:32

    Добрый день!

    Приятные стикеры, но с включенным адблоком неправильно отображается, можно пофиксить?

    http://joxi.ru/812MQpqcoo1K2J


    1. antirek
      22.09.2016 05:32
      -1

      ок, попробую воспроизвести.
      а какой браузер, ОС?


      1. LifeAct
        22.09.2016 08:42

        windows 10 с всеми обновлениями, браузер хром и фаерфокс последние, причем в хроме один адблок, в ФФ другой, но искажает стикер как на скрине. В МС эдже с установленным адблоком (правда уже третий вариант адблока) — показывает норм.