@mozhno

Как сделать 3 страницы по цветам для пользователей?

Подскажите пожалуйста, есть лендинг в трех разных цветовых гаммах, как можно сделать так чтобы 1/3 пользователей переходила на один цвет, вторая на второй и третья на третий. И это все рандомно, есть ли какие-то скрипты или это делается на php?
  • Вопрос задан
  • 109 просмотров
Решения вопроса 5
xdevelx
@xdevelx
Web Developer
Темы легко делать используя css custom properties https://developer.mozilla.org/ru/docs/Web/CSS/Usin... - переключение рандомное через js. У js есть доступ к кастомным свойствам.

https://codepen.io/xdevelx/pen/zgmNEy
Если надо запоминать для пользователя тему, то запоминать рандомно выбранный номер темы в cookies https://learn.javascript.ru/cookie или localStorage https://developer.mozilla.org/ru/docs/Web/API/Wind...
Ответ написан
aleksejjjj
@aleksejjjj
<link rel="stylesheet" type="text/css" href="theme<?= rand(1, 3)?>.css">
Ответ написан
hzzzzl
@hzzzzl
зарандоми файл css в котором объявишь цвета цветовой гаммы
https://developer.mozilla.org/ru/docs/Web/CSS/Usin...
а в "общем" цсс вместо цветов использовать переменные
Ответ написан
@andreysuha
Что то знаю
Не обязательно php но серверный язык прийдется использовать. Можно рандом выкидывать одну из трёх страниц, но вряд-ли они будут показаны равно мерно. Можно сделать поле в бд и изменять его от одно до трёх и в зависимости от предыдущего числа показать страницу кроме того нужно писать куку что бы не показывать разные страницы одному и тому же пользователю
Ответ написан
@Narts
Чтобы при каждом обновлении страницы цветовая схема не менялась, можно привязать ее значение к сессии
if(!isset($_SESSION['theme_id'])) {
$_SESSION['theme_id'] = rand(1, 3);
}


<link rel="stylesheet" type="text/css" href="theme<?=$_SESSION['theme_id'];?>.css">
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы