Як додати перевірку віку на вебсайти: повний посібник
Перевірка віку на вебсайті допомагає дотримуватися вікових обмежень та нормативних вимог щодо чутливого контенту або продуктів у більшості країн. Незалежно від того, чи ви керуєте інтернет-магазином алкоголю, тютюну або матеріалів для дорослих, чи просто бажаєте захистити неповнолітніх від доступу до невідповідного контенту, впровадження перевірки віку на вашому вебсайті є критично важливим. Це може зберегти ваш онлайн-бізнес та репутацію.
У цій статті ми пояснимо різні типи спливаючих вікон перевірки віку та поділимось інформацією про те, як додати такі вікна на вебсайти, як з знанням кодування, так і без нього. Почнемо.
Що таке перевірка віку для вебсайту?
Спливаюче вікно перевірки віку — це повноекранний віджет для сайту, який блокує доступ до контенту при вході. Воно вимагає відвідувачів підтвердити, що вони достатньо дорослі, щоб отримати доступ.
Основна причина використання спливаючих вікон перевірки віку на вебсайті — запобігання доступу дітей до контенту або покупок продуктів, призначених для дорослих. Ви повинні дотримуватися законів і нормативних актів, запроваджених правовими інституціями у вашому регіоні. Вимагаючи від користувачів підтвердити свій вік до доступу до віково-обмеженого контенту, ви створюєте безпечніше та відповідальніше онлайн-середовище.
Як додати перевірку віку на сайти
Якщо ви цікавитеся, як додати перевірку віку для відповідності вебсайту, існує два основних способи її впровадження. Один вимагає знань кодування, а інший використовує шаблони Claspo і дозволяє створити спливаюче вікно за 5 хвилин без навичок дизайну або кодування.
Спосіб 1. Метод на основі коду
Цей підхід вимагає вставити ваш код безпосередньо на сайт. Це не велика проблема, якщо ви знаєте програмування і розумієте основи. Однак, якщо вам бракує цих навичок, це стане великою проблемою, особливо якщо ви плануєте налаштовувати віджет під ваш бренд, унікальні потреби тощо. Очікуйте, що вам доведеться витратити багато часу на те, щоб все правильно працювало, або найніміть розробника, який допоможе впровадити цю відносно просту функцію.
Розгляньмо приклади кодів HTML, CSS та JavaScript на випадок, якщо ви вирішите обрати ручний шлях.
1. Безкоштовний HTML код для перевірки віку
Безкоштовні приклади HTML коду для перевірки віку легко знайти в онлайн-спільнотах для тестувальників та форумах для розробників. Ось невеликий зразок, який ми підготували:
<div id="age-verify">
<div class="window">
2. Безкоштовна перевірка віку для CSS
Зразок безкоштовного CSS коду для перевірки віку виглядатиме приблизно так:
$font-stack: 'Source Sans Pro', sans-serif;
$transition: 500ms;
3. Безкоштовна перевірка віку для JavaScript
Нарешті, для JavaScript попапа перевірки віку потрібен зразок коду, який виглядає наступним чином:
overAge = function () {
$('#age-verify').addClass('hidden');
Спосіб 2. Додавання перевірки віку на сайт за допомогою Claspo
Якщо ви не знайомі з програмуванням, не маєте наміру залучати розробників для створення спливаючого вікна або не хочете робити додаткову роботу, ви можете додати перевірку віку на своєму сайті за допомогою Claspo безкоштовно. Це надзвичайно простий процес, який можна виконати за кілька хвилин, щоб відповідати всім законам і правилам.
Налаштовуючи безкоштовну перевірку віку на своєму сайті за допомогою Claspo, ви можете вибрати готовий шаблон із бібліотеки або створити новий віджет з нуля.
Крок 1. Увійдіть у систему та налаштуйте фільтри
Щоб розпочати, автоматично увійдіть на сайт за допомогою вашої електронної пошти. Потім натисніть кнопку "Новий віджет". Тепер перейдемо до вибору шаблонів.
Використовуйте фільтри, щоб зробити правильний вибір. Перший фільтр — це сценарій використання. Для нашої мети нам потрібен сценарій "Перевірити вік". Коли ви виберете його, система автоматично вибирає безкоштовні шаблони віджетів перевірки віку, які відповідають вашим вимогам.
Вам не потрібно турбуватися про інші фільтри, оскільки віджети перевірки віку мають однакове компонування (блокувальник контенту) і не пов’язані з конкретним святом або подією.
Крок 2. Редагування шаблону
Виберіть шаблон, який вам подобається, і перейдіть до конструктора. Тут єдиним обмеженням є ваша уява. Ви можете налаштувати шаблон відповідно до своїх потреб і брендингу.
Після цього внесіть необхідні корективи, перегляньте віджет на платформі для настільних комп’ютерів і мобільних пристроях і перейдіть до наступних кроків.
Крок 3. Вибір правил показу віджета
Для вашої зручності ми налаштували правила показу, що відповідають вашій меті. Зокрема, ваш віджет перевірки віку з'являється одразу, коли користувачі відвідують ваш вебсайт, і зникає тільки після підтвердження ними свого віку. Ви завжди можете налаштувати ці налаштування, а також вибрати частоту показу:
- Не обмежувати. Віджет з’являється щоразу, коли користувач відвідує ваш вебсайт або його певні сторінки.
- Один раз за сесію.Віджет з'являється знову з кожною новою сесією (сесія закінчується після 30 хвилин неактивності користувача на сайті).
- Лише один раз. Віджет з'являється один раз і не з'являється знову, доки файли cookie користувача зберігаються на сайті.
- Один раз на {period}. Віджет оновлює дані про вік користувача з частотою, яку ви вибираєте.
Наприклад, ви можете використовувати геотаргетинг, щоб показувати свій попап лише людям у певних місцях. Різні країни та адміністративні регіони мають різний необхідний вік для вмісту для дорослих, тому ви легко можете налаштувати показ різного віку для кожного.
Крім того, ви можете налаштувати різні мовні версії, які будуть переключатися залежно від мовних налаштувань браузера ваших користувачів або мови, яку вони вибирають на вашому сайті. Коли ви додаєте нову мовну версію до свого віджета, ваш початковий текст автоматично перекладається на обрану мову за допомогою ChatGPT-4o, і після цього ви можете редагувати його. Це дуже легко та зручно!
Крок 4. Налаштуйте інтеграції
Claspo дозволяє вам легко інтегруватися з багатьма популярними платформами, такими як CRM, CDP, ESP та іншими. У цьому випадку ви можете ігнорувати цей крок, оскільки вам, можливо, не знадобляться жодні інструменти martech для передачі даних користувачів. Ви також можете інтегрувати Claspo з Google Analytics, щоб відстежувати, скільки користувачів взаємодіє з вашим віджетом.
Крок 5. Додайте віджет на свій сайт
Після завершення редагування та налаштування вашого віджета ми надамо вам готовий скрипт для копіювання та вставки на ваш сайт. Ви легко можете додати наші віджети до будь-якої CMS за допомогою Google Tag Manager. Якщо ви користувач WordPress, просто встановіть плагін для верифікації віку на WordPress від Claspo, щоб зробити процес встановлення віджета ще простішим. Також у нас є додаток для Shopify. Якщо у вас виникнуть будь-які проблеми, просто зв'яжіться з нашим менеджером по успіху клієнтів, і ми безкоштовно вбудуємо віджет для вас.
Як створити вікно підтвердження віку з нуля?
Claspo дозволяє створювати безкоштовні віджети для підтвердження віку на сайтах з нуля. Це також швидко та легко — чудове рішення для будь-кого, хто шукає підтвердження віку онлайн, безкоштовно. Ось як працює цей процес.
Крок 1. Початок роботи
Так само як і раніше, ви входите в систему, але тепер обираєте з готових запропонованих рішень.
Крок 2. Виберіть базове компонування
З Claspo ви не створюєте з повністю чистого аркуша. Натомість ви вибираєте з кількох загальних базових компонентів, які дозволяють реалізувати будь-які ідеї.
Крок 3. Налаштуйте ваш макет
Обирайте контейнери, змінюйте розмір, вставляйте зображення і пишіть свій текст. Не забудьте також перевірити стан «Недостатній вік». Ви можете створити такий віджет менш ніж за п’ять хвилин. Хочете знати, як ми це знаємо? Бо у нас це зайняло всього три!
Крок 4. Завершення
Після того, як ви створили свій віджет, перейдіть до наступних кроків, як це робите з шаблоном. Оберіть правила активації вікового підтвердження на вебсайті та інтеграції, перевірте свої результати та вставте код скрипта.
Готові шаблони попапів для вікового підтвердження від Claspo
З багатьма готовими шаблонами Claspo легко знайти ідеальний вибір для сайтів з віковим підтвердженням, які відповідають вашим цілям і стилю.
Якщо ви продаєте алкоголь, «П'ятнична ніч» може стати вашим вибором. Настрій бару з димними світильниками підійде для будь-якого магазину спиртних напоїв.
Ви займаєтесь бізнесом з іграми на удачу чи вміння? «Гра чекає» — ідеальний шаблон для казино чи іншого грального бізнесу.
Те, що ви пропонуєте, пікантне і табуйоване? Спробуйте «Приємний настрій» для бізнесів, що пропонують товари або контент для дорослих.
Більше, ніж вікові шлюзи: що ще можна створити з Claspo
Звісно, вікове підтвердження є важливим кроком — особливо, коли потрібне запобігання доступу неповнолітніх до товарів або контенту з віковими обмеженнями. Але якщо ви використовуєте Claspo лише для вікових шлюзів, ви лише поверхнево досліджуєте можливості.
Claspo насправді є повноцінним конструктором попапів та системою онлайн перевірки віку, що надає безліч варіантів для залучення користувачів, а не лише вимагати їх верифікувати вік. І найкраща частина? Це легко використовувати, не вимагає знань з кодування і допомагає захистити ваш бізнес, підвищуючи якість роботи користувачів.
Отже, що ще можна зробити з ним, окрім встановлення віджета на вашому вебсайті для відповідності юридичним вимогам? Ось для чого маркетологи обожнюють використовувати Claspo:
- Віконця генерації лідів, що збирають електронні адреси, номери телефонів або іншу персональну інформацію — ідеально для побудови вашого списку, поки користувачі досліджують пропозиції вашого вебсайту. Наприклад, Absolut Vodka запрошує користувачів, які пройшли перевірку віку, підписатися на його щотижневу розсилку. Як стимул, підписники отримують рецепти коктейлів та натхнення для напоїв прямо у їхню скриньку.
- Ігрові віджети (так, як колесо фортуни, вибір подарунка або скретч-карти) — особливо чудово для e-commerce або будь-якого бренду, який хоче зробити промоції веселими.
- Крос-продажі та додаткові продажі банери, що з’являються в залежності від того, що користувачі переглядають чи додають до кошика. Чудово для просування товарів в інтернеті користувачам певного віку.
- Випливаючі вікна з наміром виходу , що з'являються вчасно, щоб зупинити когось від виходу — можливо, запропонуйте знижку, безкоштовний бонус або щось інше.
- Багатоступеневі форми — корисно, коли вам потрібно більше, ніж просто електронна пошта, наприклад, отримати пропозицію, відгук або навіть створити вікторини для певних вікових груп.
- Панелі оголошень та таймери — підкресліть швидкоплинні розпродажі, що доступні лише протягом обмеженого часу.
Наприклад, на вебсайті PAX ви знайдете не лише ворота перевірки віку, а й панель оголошень нагорі, яка підкреслює умови безкоштовної доставки, разом із плаваючою коробкою з багатоступеневою формою підписки. На першому етапі користувачам пропонується підписатися на розсилку в обмін на знижку. Після їхньої згоди з'являється наступний крок з полем для введення електронної адреси.
Кожен віджет повністю налаштовується і автоматично адаптується до мобільних пристроїв — тому ваша система верифікації для вашого вебсайту або будь-який інший віджет завжди виглядає чудово і працює бездоганно.
Claspo є безпечним і надійним інструментом для підприємств, які працюють з певними типами контенту, особливо якщо він є неприйнятним або шкідливим для неповнолітніх. Незалежно від того, чи ви продаєте алкоголь, продукцію, пов'язану з азартними іграми, товари для здоров'я чи цифровий контент, Claspo допомагає вам забезпечити, щоб контент досягав лише належної аудиторії — і ваш сайт дотримувався найкращих практик у надійних заходах верифікації віку.
Ви можете почати створювати віджети на своєму вебсайті безкоштовно та налаштувати програмне забезпечення для верифікації віку або спливаючі вікна для підвищення конверсій за лічені хвилини.
Коли вебсайту потрібна онлайн-верифікація віку?
Верифікація віку необхідна для вебсайтів, які пропонують продукти, чутливі до віку, такі як алкоголь і сигарети, контент лише для дорослих, азартні ігри та інші. Зазвичай вам потрібно впровадити спливаючі вікна для верифікації віку на вашому вебсайті, коли:
- Ви розповсюджуєте контент або товари, які не призначені для неповнолітніх.
- Закон вашої країни вимагає підтвердження віку.
Наприклад, Управління з контролю за продуктами і ліками США (FDA) забороняє продаж тютюнових виробів (включаючи кальяни та електронні сигарети) споживачам молодше 21 року в США. Роздрібні торговці, які працюють у цій ніші, можуть знайти докладну інформацію на офіційному веб-сайті FDA про те, як дотримуватися цих правил.
Більше того, просте спливаюче вікно для перевірки віку може вимагати перегляду для відповідності галузевим нормам. Більшість штатів у США вимагають, щоб споживач пред'явив дійсне посвідчення, видане урядом, для підтвердження свого віку при купівлі алкогольних напоїв.
Світ онлайн-розваг не є виключенням. У США Закон про захист приватності дітей в Інтернеті (COPPA) обмежує вживання онлайн-контенту користувачами віком до 13 років. Подібні обмеження накладаються Загальним регламентом захисту даних ЄС (GDPR). Обидва регламенти обмежують збирання особисто визначної інформації від неповнолітніх без згоди їхніх батьків.
Типи перевірки віку на веб-сайтах
Існує декілька типів спливаючих вікон для перевірки віку користувачів, від простої перевірки до більш складних технік, таких як розпізнавання обличчя за допомогою штучного інтелекту.
Звичайне спливаюче вікно для перевірки віку зазвичай виглядає так.
Залежно від часу та місця, перевірка віку на веб-сайті може відображатися:
- на кожній сторінці;
- на конкретних сторінках продуктів;
- на етапі оформлення замовлення.
Багато веб-сайтів просять вказати дату народження користувача замість простого питання «так» або «ні». Якщо ви отримуєте контактні дані від користувача, ви можете використати ці особисті дані в майбутньому для маркетингових чи аналітичних цілей.
Залежно від вимог галузі та місцевих регуляцій, дата народження користувача може бути достатньою. Однак, ви також можете попросити особисті дані, такі як адреса, або вимагати завантаження фото посвідчення. Ви також можете поєднати перевірку віку з іншими функціями. У прикладі нижче отримано ваш вік та одразу запитано вашу локацію для покращення досвіду покупок.
Ми також бачили інші, більш жорсткі методи перевірки, які виходять за рамки простих спливаючих вікон. Наприклад, деякі веб-сайти можуть попросити вас відсканувати або завантажити фото вашого посвідчення, як це робить Meta.
В наш час без штучного інтелекту не обійтися. Тому природно, що вже існують інструменти з системами верифікації віку на основі ШІ Trust Stamp, Veriff, Facia та інші.
Незалежно від процесу верифікації віку, який ви оберете, переконайтеся, що ваша Політика конфіденційності чітко визначає мету такої збирання даних.
Як використовувати верифікацію віку для уникнення проблем
Сайти з верифікацією віку є обов'язковими, якщо ви працюєте в чутливій до віку ніші та прагнете забезпечити відповідність вашого веб-сайту законам і нормативним актам, виданим правовими установами. Порушення цих правил може призвести до штрафів або навіть ув'язнення.
Спливаючі вікна для верифікації віку широко використовуються для обмеження доступу неповнолітніх користувачів до вашого сайту під час перегляду. Такі спливаючі вікна зазвичай передають однакову ідею: попереджати клієнтів про вікові обмеження, запроваджені на вашому сайті. Залежно від ваших уподобань і вікових вимог місцевих органів влади, ви можете додати додаткову інформацію для батьків або надати посилання на ваші Умови використання.
Почніть з нашого безкоштовного плану на все життя та негайно створіть своє перше спливаюче вікно для верифікації віку без навичок дизайну або кодування!
Поширені запитання
Чи достатньо запитати про дату народження, щоб не допустити неповнолітніх на мій сайт?
Не завжди. Хоча запитати про дату народження є поширеним першим кроком, це не завжди ефективно. Деякі користувачі можуть ввести фальшиву дату, щоб отримати доступ до контенту з віковими обмеженнями. Ось чому верифікація віку є важливою частиною захисту вашого бізнесу — особливо якщо ви маєте справу з такими продуктами, як онлайн-алкоголь, тютюнові вироби чи товари для дорослих.
Якщо ви працюєте в сильно регульованій галузі, вам може знадобитися більш надійне рішення — наприклад, таке, яке вимагає від користувачів позначити галочку згідно з прийнятими стандартами верифікації, або навіть завантажити посвідчення в деяких регіонах. Ключовим є знайти баланс між легкістю доступу та належним захистом.
Як я можу впевнитися, що мій процес верифікації віку відповідає місцевим нормативам?
Почніть з вивчення своєї аудиторії та звідки вони переглядають ваш сайт — різні країни (і навіть штати!) мають свої правила. Наприклад, у США користувачі мають бути старше 21 року, щоб купувати тютюнові або алкогольні вироби в інтернеті, тоді як в ЄС закони про конфіденційність даних також враховуються при зборі особистої інформації.
Чудовий спосіб забезпечити відповідність юридичним регулюванням - це використовувати спливаючий інструмент для верифікації віку, який підтримує геотаргетинг. Claspo дозволяє відображати віджет на основі локації.
На що слід звертати увагу у рішенні для верифікації віку?
Шукайте щось, що відповідає всім цим критеріям:
- Легко використовувати та швидко налаштувати (додаткові бали, якщо не потребує коду).
- Гнучкість — дозволяє настроювати для різних регіонів, мов або специфічних вікових вимог.
- Працює на всіх пристроях бездоганно.
- Не дратує відвідувачів, але все ж допомагає захищати ваших клієнтів і бренд.
- Пропонує інтеграції або відстеження, щоб бачити, як користувачі взаємодіють із ним.
Коротко кажучи, надійний інструмент має пропонувати належну верифікацію віку, а також покращувати досвід користувача — не погіршуючи його.
У чому різниця між базовими та розширеними системами верифікації віку?
Подумайте про це так: базова система запитує “Вам є 18?” з кнопками Так/Ні або простим полем для введення дати народження. Це швидко і легко — чудово підходить для ситуацій з низьким ризиком. Розширена система може піти далі: використанням cookie для запам’ятовування попередніх відповідей, геолокації для регулювання конкретного віку, або навіть розпізнаванням обличчя чи скануванням ID для галузей з високим ризиком. Ці потужні інструменти верифікації віку особливо корисні, коли дотримання закону є обов’язковим, або коли потрібно більш строго обмежити доступ до вікового контенту.
Як вибрати правильний спливаючий вікно для верифікації віку для мого бізнесу?
Почніть зі своєї галузі. Якщо ви продаєте товари з віковими обмеженнями, такі як алкоголь онлайн, CBD або товари для дорослих, вам знадобиться щось більше, ніж просто галочка.
Потім подумайте про користувацький досвід: чи знайдуть ваші відвідувачі це набридливим або корисним? Правильний інструмент має дозволити вам відображати віджет чітко, співпасти з вашим брендом і налаштувати параметри для різних регіонів та вікових порогів.
Наприклад, Claspo полегшує вибір з стильних шаблонів або створення з нуля. Вона допомагає відповідально отримувати доступ до аудиторії з віковими обмеженнями, зберігаючи все простим та безперешкодним для інтеграції у ваш сайт.