Що таке віджет світового годинника?
Віджет світового годинника — це невеликий блок на сайті, який показує поточний час в одному або кількох містах. Замість того щоб змушувати відвідувача рахувати різницю в часі подумки, він одразу дає відповідь: котра зараз година в Лондоні, Нью-Йорку чи Токіо і чи там уже настало завтра.
Світовий годинник WebToolsMe показує до восьми міст цифровим списком або стрілковими циферблатами. Він оновлюється щосекунди або щохвилини, сам переходить на літній і зимовий час разом із країною й може додати рядок із місцевим часом кожного відвідувача для зручного порівняння.
Кому потрібен світовий годинник на сайті?
Світовий годинник корисний усюди, де сайт, клієнти чи команда перебувають у різних часових поясах. Типові приклади:
- Віддалені команди й агенції показують робочі години кожного офісу, щоб клієнти знали, коли до кого звертатися.
- Сайти про подорожі, туризм і готелі показують час у місці призначення поруч із часом відвідувача.
- Інтернет-магазини й сторінки підтримки з клієнтами з різних країн роблять зрозумілим графік роботи.
- Блоги про фінанси, криптовалюти й трейдинг стежать за відкриттям і закриттям бірж у Нью-Йорку, Лондоні й Токіо.
- Онлайн-курси, вебінари й прямі ефіри з учасниками з різних країн.
- Блоги українців за кордоном і родинні сайти показують поруч час удома й там, де ви живете зараз.
Як додати світовий годинник на сайт
Оберіть міста й вигляд годинника вище та натисніть Скопіювати код. Код — це один тег script; вставте його туди, де має з’явитися годинник, і виконайте кроки для вашої платформи:
- У редакторі сторінки чи запису додайте блок Довільний HTML.
- Вставте код у блок.
- Оновіть або опублікуйте сторінку.
- Відкрийте HTML-файл сторінки.
- Вставте код туди, де має з’явитися віджет.
- Збережіть файл і завантажте його на сервер.
- Оберіть Додати › Вбудувати код › Вбудувати HTML.
- Вставте код і розмістіть блок на сторінці.
- Опублікуйте сайт.
- Відкрийте Макет › Додати гаджет › HTML/JavaScript.
- Вставте код.
- Збережіть.
Можливості
Часові пояси й літній час
Більшість країн не живуть зі сталою різницею відносно UTC (всесвітнього координованого часу). Багато хто переводить годинники вперед навесні й назад восени, причому в різні дати: Європейський Союз і Україна — в останню неділю березня та жовтня, США — в другу неділю березня й першу неділю листопада. Інші країни, як-от Туреччина (цілий рік UTC+3 з 2016 року), Японія, Китай чи Індія, літнього часу не мають.
Тому віджет ніколи не зберігає фіксовану різницю на кшталт «+3 години». Кожне місто зберігається з офіційною назвою свого часового поясу з бази часових поясів IANA, наприклад Europe/Kyiv або America/New_York. Браузер відвідувача за цією базою щомиті обчислює правильний місцевий час, зокрема в години переведення стрілок. Коли держава змінює правила часу, браузери отримують оновлення, і віджет показує новий час без змін у вашому коді.
З тієї ж причини різниця в часі біля кожного міста рахується наживо. У тижні, коли Європа й Північна Америка вже перевели годинники в різні дати, різниця між Києвом і Нью-Йорком становить шість годин замість семи, і віджет показує саме це.
12- чи 24-годинний формат?
12-годинний формат з AM і PM поширений у США, Канаді, Австралії та Індії, а Україна й більша частина Європи користуються 24-годинним форматом. Оберіть формат, звичніший для вашої аудиторії; якщо відвідувачі приходять з усього світу, 24-годинний формат виключає плутанину між ранком і вечором.
Позначки AM і PM, назви днів і дати виводяться обраною мовою віджета. Секунди роблять годинник «живим»; без секунд цифровий годинник оновлюється раз на хвилину — це найлегший варіант.
Показ місцевого часу відвідувача
Якщо ввімкнути місцевий час відвідувача, перший рядок годинника покаже час на його власному пристрої з підписом мовою віджета. Решта міст показуватиме, на скільки годин вони попереду чи позаду і чи там учора, сьогодні або завтра. Відвідувач із Києва, дивлячись на годинник із Сіднеєм, одразу бачить, що Сідней, наприклад, на вісім годин попереду і там уже завтрашня дата.
Місцевий час береться з браузера відвідувача, який знає свій часовий пояс. Жодні дані про відвідувача не надсилаються до WebToolsMe і ніде не зберігаються.
Швидкість і конфіденційність
Світовий годинник — це один невеликий скрипт. Після завантаження він більше не звертається до жодного сервера: щосекунди чи щохвилини час обчислюється в браузері відвідувача. Скрипт не ставить cookie й не збирає даних.
Годинник малюється всередині закритого блоку Shadow DOM. Стилі вашої теми не змінять його вигляд, а його стилі не потраплять на вашу сторінку, тож він однаково добре працює в темах WordPress, конструкторах сайтів і сайтах, написаних вручну.
Поради для зручного світового годинника
- Поставте найважливіше місто першим; порядок змінюється кнопкою ↑ у списку міст.
- Три–п’ять міст читаються легко; більше використовуйте, лише якщо годинник має багато місця, наприклад у секції на всю ширину.
- Використовуйте назви, які знають відвідувачі. Для графіка роботи «Нью-Йорк», «Лондон» і «Сінгапур» зрозуміліші за невеликі сусідні міста.
- Для вузької бічної колонки підійде ширина 300–360 пікселів. Стрілкові циферблати найкраще виглядають із трьома–чотирма містами.
- Підберіть тему під сайт: на темних сайтах краще виглядає темна тема з акцентним кольором вашого бренду.
Поширені запитання
Віджет світового годинника безкоштовний?
Так. Він повністю безкоштовний, без реєстрації, без API-ключа й без обмеження кількості сайтів.
Він сам переходить на літній час?
Так. Кожне місто використовує свій офіційний часовий пояс, а браузер відвідувача застосовує літній і зимовий час у потрібні дати.
Скільки міст можна показати?
До восьми міст і додатково рядок із місцевим часом відвідувача.
Наскільки точний час?
Годинник використовує годинник пристрою відвідувача, який майже на всіх комп’ютерах і телефонах синхронізується автоматично, і застосовує до нього правила часового поясу кожного міста.
Чи не сповільнить годинник мій сайт?
Ні. Це один невеликий скрипт, який завантажується після сторінки й більше не робить мережевих запитів.
Як потім змінити міста?
Поверніться на цю сторінку, налаштуйте годинник заново й замініть старий код новим.