Прощай, G Analytics, Привет, Umami!
Здравствуйте, я Муно.
До сих пор я использовал Google Analytics, но на этот раз решил попробовать внедрить Umami в качестве инструмента для сбора аналитики с открытым исходным кодом.
Umami
Почему я его установил?
При проверке производительности сайта загрузка JS-кода Google Analytics выполняется удаленно, и это было ужасно медленно, что мне не нравилось.
Честно говоря, поскольку у меня есть реклама, я не должен жаловаться, но мне казалось, что Google Analytics особенно негативно влияет на загрузку общих результатов.
В качестве другого варианта, если бы я разместил код gtag локально, это уменьшило бы ненужный трафик, но в это время я случайно наткнулся на следующий блог.
блог mimoex
У меня была возможность посмотреть его, и когда я просмотрел политику конфиденциальности, я увидел что-то вроде...
Мы используем Umami в качестве инструмента для анализа доступа.
...там было написано, и я нашел его, исследуя из интереса. Я подумал, что это, должно быть, судьба увидеть его в этот момент, поэтому решил установить.
Кстати, японских статей действительно нет. Хотя, я думаю, можно сказать, что их все еще довольно много.
Что такое Umami?
Это инструмент для анализа доступа с открытым исходным кодом.
Он не требует файлов cookie, и любой может легко его настроить.
Информации на японском языке мало, но я попробовал его настроить.
How to Install
Сначала загрузим исходный код.
sudo git clone -b dev https://github.com/umami-software/umami.git
На этот раз я попробую использовать версию для разработчиков.
А затем, yarn install
yarn install
Подготовка БД
Я создам таблицы и пользователей в MySQL.
sudo mysql
mysql> CREATE USER 'umamiuser'@'localhost' IDENTIFIED BY 'YourPassword';
mysql> CREATE DATABASE umami;
mysql> GRANT ALL PRIVILEGES ON umami.* TO 'umamiuser'@'localhost';
mysql> FLUSHPRIVILEGES;
mysql> exit
Для пароля БД,
echo -n "YourLikePharse" | sha256sum
я использовал то, что было выведено.
Я думаю, что этот метод является самым простым и безопасным способом генерации пароля в пределах личных возможностей.
На этом настройка БД пока завершена.
Настройки .env
Я настрою используемый порт и параметры подключения к БД.
На этом этапе давайте сгенерируем строку для APP_SECRET.
openssl rand -base64 30
Скопируйте это значение.
vim .env
Я настроил его следующим образом.
DATABASE_URL=mysql://umamiuser:YourPassword@localhost:3306/umami
APP_SECRET=значение, сгенерированное openssl rand -base64 30
PORT=8050
HOSTNAME=IP-адрес для работы (я указал IP-адрес на WireGuard)
Run Umami
Официально рекомендуется использовать pm2, но я обычно запускаю его с помощью npm start, чтобы процесс было легко идентифицировать из ps -ef.
npm run start-env
После этого настройте обратный прокси на стороне Nginx и завершите.
Настройки на сайте
Получите доступ к Umami через HTTP, и для входа:
User : admin
Password : umami
...таковы начальные настройки, поэтому войдите с ними.
Обязательно измените их.
Потрясающе....!!
После этого появится код для вставки в <head>, как у Gtag, так что просто вставьте его на сайт, где вы хотите выполнять отслеживание.
Это... просто невероятно....
В конечном итоге, это также полезно для сайта
Есть и другие загружаемые JS-файлы, но результаты Lighthouse показали высокую производительность.
Ну, как я уже много раз говорил, этот бенчмарк — это далеко не все.
Но получить хороший балл с этим — это просто то, что радует любителей бенчмарков.
До новых встреч.
(На самом деле, я собирался заняться этим, потому что узнал, что Terraform на моем собственном сервере можно использовать и с qemu.)
Вот так это было, спасибо за внимание.
Спасибо за сегодняшний день.