3 Готові рішення - як вставити таймер зворотного відліку на сайт

Друзі, всім привіт. Сьогодні хочу розповісти вам, як можна легко вставити таймер зворотного відліку на будь-який сайт або блог. Як правило, таймер зворотного відліку встановлюють на продають сторінках або сторінках з бонусами та подарунками. Загалом, то ідей де застосувати даний лічильник досить багато.

А ще цей метод знадобиться вам, якщо ви будете копіювати продати сторінку партнерського продукту. Це не просто копія партнерського сайту у фреймі, - це повноцінна копія, де Ви можете налаштувати цілі Яндекс.Метрики і відстежувати детальну статистику.

Але, ось тільки якщо на партнерських сторінках стоять подібні лічильники, то вони працювати не будуть. Тому, що крім копіювання html коду, css стилів і картинок, - потрібно ще й скрипти скопіювати, а це не завжди вдається зробити.

І тому цей метод дозволить вам використовувати таймер зворотного відліку для будь-яких цілей.

Отже, на вибір я представлю вам три готові рішення, які ви можете адаптувати під свої потреби.

Цей метод хоч і вимагає певного знання хоча б HTMLі CSS, зате має максимум можливостей для налаштування. Змінюючи код htmlі налаштовуючи стилі css, можна легко підігнати даний лічильник під будь-який дизайн.

Треба скопіювати архів з мого Яндекс.Діск і розпакуйте архів на своєму комп'ютері. Завантажити архів.

В архіві у вас буде 4 файлу:

counter.html - власне html каркас лічильника

jquery.downCount.js - скрипт зворотного відліку

style.css - стилі оформлення

time.png - зображення для лічильника

Всі необхідні зміни ви будете робити саме в цих файлах.

Перш ніж приступити до установки лічильника, необхідно встановити дату наміченого події. Дата повинна бути в майбутньому часі, інакше лічильник не буде відображатися. Пам'ятайте це, на випадок якщо лічильник не відображається на екрані.

Установка дати здійснюється в файлі counter.html. Необхідно просто змінити дату і час. Всі необхідні підказки в файлі присутні.

Тепер необхідно скопіювати всю папку з цими файлами на ваш сервер. Робіть це будь-яким зручним для вас способом. Якщо у вас блог під управлінням WordPress, завантажте папку в папку Вашої теми:

У тому місці, де необхідно відобразити таймер зворотного відліку, потрібно вставити ось такий код:

Так буде виглядати таймер:

Таймер номер один

Онлайн генератор таймера зворотного відліку

На мій погляд, найпростіший але, тим не менш, дуже зручний сервіс зі створення таймерів зворотного відліку є TimeGenerator.

На вибір пропонується 4 варіанти оформлення лічильника. Потрібно вибрати який підходить вам, і натиснути на кнопку «Вибрати».

Далі потрібно задати дату і час запланованого заходу та натиснути на кнопку «Створити лічильник».

Не встановлені дата

Копіюєте отриманий код в буфер обміну (CTRL + C).

Таймер номер два

Таймер зворотного відліку з сервісом proТаймер

Це платний сервіс, який орієнтований на інтернет-підприємців, які чітко знають для чого їм таймер зворотного відліку. Сервіс proТаймер надає багатофункціональні таймери з помісячною і річної оплатою.

На пробу (2 години), Ви можете спробувати повний функціонал цього сервісу.

Процедура не хитра, реєструєтеся - отримуєте доступ і користуєтеся.

Ну що ж, друзі, ось такі от таймери зворотного відліку ви можете використовувати для своїх цілей. А то який вибрати таймер для конкретної мети вирішувати саме вам.

Відмінний простенький таймер (з приводу першого варіанту), а зі стилями вже кожен сам може погратися 😉