Як підключити лічильник зворотного відліку на сайт
Йтиметься про декілька варіантів, в одному випадку - це буде скрипт лічильника зворотного відліку, який буде зациклений на кожні 24 години. Тобто, ви зможете робити акцію. Наприклад: "до кінця дня - знижка 50%" і таймер буде показувати, скільки часу залишилося до кінця дня. По закінченню доби, таймер увімкнеться знову і знову почне відлік
А в іншому варіанті, я розповім про онлайн сервіс, який дозволяє підключати лічильник зворотного відліку. Але тут мається на увазі, що лічильник розрахований на довгий проміжок часу. Наприклад ви плануєте відкрити сайт через місяць, і зробили поки заглушку виду:
По-різному можна використовувати, наприклад, якщо акція одноразова і розрахована на великий проміжок часу, то онлайн підключення вигідніше, так як необхідно додати всього одну строчку коду в потрібне місце. Загалом в залежності від мети, вибирайте відповідний варіант саме для вас. Приступимо.
Лічильник зворотного відліку часу з перезапуском
Отже, лічильник зворотного відліку часу, який буде перезапускати після закінчення доби. Розробив його один умілець у якого блог mywpnote.ru. Натрапив на блог близько півроку тому, і він дуже виручив мене в той час. Сьогодні ж хочу розповісти вам про один з лічильників, які він розробив і описати, як його підключати.
Зовнішній вигляд таймерів такий:
Завантажуйте вихідні і в архіві ви побачите 4 папки з назвами vid1, vid2, vid3, vid4 - в них різні типи оформлення таймерів. Ви можете подивитися всі і вибрати потрібний. Спосіб підключення у всіх однаковий.
Я буду показувати на 4, так як він, як мені здається, найбільш універсальний. Відкриваємо vid4 і перед нами стандартний набір папок для більшості початкових кодів в мережі. (Індексний файл, папка з таблицями стилів, папка з картинками, і папка з скриптом). Я трохи змінив структуру файлів - для того, щоб новачкам було простіше підключати лічильник. Тобто я виніс скрипт таймера в окремий файл, а раніше він був в індексному.
Як підключити скрипт лічильника зворотного відліку на свою landing page?
Звідси потрібно скопіювати в свій проект підключення таблиці стилів і скрипта (7 і 8 рядок).
А також, в місці, на якому ви хотіли б розмістити таймер, необхідно прописати тег div з класом "countbox" - 13 рядок. У коді спеціально розміщено кілька підключень таймерів, щоб дати зрозуміти, що їх можна використовувати кілька разів на сторінці. У багатьох скриптів з цим проблеми, і другий раз вони не хочуть виводитися на екрані.
Лічильник зворотного відліку онлайн
Для тих, кому необхідний інший тип лічильника зворотного відліку, про який говорилося на початку статті, існує сервіс з простим до неподобства способом підключення. Все що вам потрібно зробити - це зайти на сайт www.timegenerator.ru і вибрати один із запропонованих таймерів.
Далі тиснемо "Вибрати" і задаємо дату закінчення відліку:
Тепер натискаємо "Створити лічильник" і перед вами спливе модальне вікно, з якого необхідно скопіювати код та вставити в свій сайт.
Це цікаво:
- Як додати свої поля для формування лидов в CRM системі Bitrix24
- CRM система bitrix24 для landing page
- Конструктор landing page Платформа LP
