Готовый таймер обратного отсчёта себе на сайт

Все чаще и чаще можно увидеть на сайтах тикающие таймеры, которые отсчитывают время до какого-либо события. Раньше эти таймеры использовались с информативной или декоративной точки зрения, чтобы показать, когда наступит открытие сайта или придёт Новый Год. Но сегодня их роль несколько изменилась. Всё чаще они используются в качестве эффективного маркетингового инструмента, который помогает зацепить человека и довести его до покупки.

Реализуются эти таймеры на javascript и вставляются непосредственно в код страницы. Скрипты этих таймеров можно с лёгкостью найти в любом поисковике в интернете. При этом зачастую вам придётся вручную подключать в страницу библиотеку jquery и файл стилей. Согласитесь, это довольно трудоемкий процесс, хотя при определённом уровне знаний он не сложен. Плюс ко всему собственные скрипты позволяют вам не зависеть от других сайтов и проводить гибкую настройку таймеров (зацикливание, привязка к кукис и тому подобное).

Но что же делать человеку, который не разбирается в тонкостях html и не хочет тратить своё время на долгие и не всегда удачные попытки интеграции скриптов? Конечно, можно обратиться к какому-нибудь фрилансеру, но это уже денежные затраты. Да и понадобится время на поиски и согласование задания. А если нужно очень срочно? В таком случае проще было бы зайти на специальный сайт, задать необходимые параметры, просто скопировать небольшой код и вставить его в нужное место к себе в запись или на страничку. Об одном из таких сайтов я и хочу рассказать сегодня.

timegenerator

timegenerator.ru — то, что доктор прописал?

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

Инструкция к применению

Заходим на сайт www.timegenerator.ru, где нас сразу же встречают красавцы-таймеры.

timermainpage

Выбираем любой понравившийся нам и жмём кнопку «Выбрать» под таймером.

timermainpage_example

После этого должно появиться модальное окно (всплывающее окно и остальные элементы сайта затемнятся), где мы должны задать дату, до которой будет вестись отсчет. Затем нажимаем на синюю кнопку «Создать счётчик».

timermainpage_example1

После нажатия на на синюю кнопку «Создать счётчик» появляется окно с кодом, который нужно будет скопировать и вставить в код вашей странички.

timermainpage_example2

В итоге получаем готовый таймер у себя на странице:

Плюсы и минусы данного способа

+ Экономия времени и средств
+ Красивый дизайн
+ Размещение скрипта на удалённом сервере, что не создаёт нагрузку на ваш хостинг (хотя размещение на чужом сайте некоторыми может рассматриваться как минус)

— Отсутствие гибкости в настройке
— Невозможность внесения изменений и усовершенствований для адаптации под ваши нужды
— Необходимость проходить все шаги заново, если необходимо изменить дату отсчёта или дизайн
— Вероятность падения сервиса (не оплатили хостинг/домен, ddos, …).

Для тех, кто хочет обойти указанные недостатки, рекомендую ознакомиться со статьёй «Расширяем функциональность скриптов timegenerator».

Готовый таймер обратного отсчёта себе на сайт: 10 комментариев

  1. Ярослав

    Сервисом timegenerator.ru пользуюсь давно. Есть там еще один косячок — невозможность выставить время окончания работы таймера в 0 часов 00 минут; самое близкое значение — 23 часа 55 минут. В свое время даже блиц-конкурс проводил на наблюдательность — у меня срок конкурса заканчивается в 0 часов 00 минут, работает таймер с этого сервиса, вопрос в том состоял, заметит ли кто разницу в эти 5 минут? К чести читателей, нашлись наблюдательные 🙂

    1. vetraz Автор записи

      Здравствуйте, Ярослав.
      Интересное наблюдение 🙂 Но непосредственно сервисом таймгенератор я в своей практике не пользуюсь — просто не хватает его функциональности. Поэтому пришлось «скоммунистить» позаимствовать их код и внести свои корректировки. Что из этого вышло, можете посмотреть в статье Расширяем функциональность скриптов timegenerator

      P.S. Прошу прощения, что так долго не отвечал. Ваш комментарий был помечен как спам и перенесен в корзину. При публикации комментария не забывайте отмечать поле «Я не спамер» под кнопкой отправки.

  2. Андрей

    Классный материал. Только у меня почему-то счетчик не работает: вставляю код через webpage maker, и напрямую после экспорта страницы в html. Хотя на сайте скрипт с сайта timegeneator работает… Подскажите пожалуйста, что не так?

    1. vetraz Автор записи

      Здравствуйте. Не совсем понимаю о чем идет речь. На каком сайте работает скрипт с сайта timegeneator?
      Могу предположить, что webpage maker преобразовывает html символы в кодировку символьную и поэтому скрипт вставляется неправильно. Чтобы смог точнее сказать, необходимо на вашу страницу взглянуть. Пришлите ссылку на нее через форму контактов.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *