Вчера я решил, что моему сайту не хватает инструмента для связи — кнопки мессенджера Max. Казалось бы, простая задача и она была решена. Но помимо Max есть и другие социальные платформы, которые не стоит игнорировать: например, деловая соцсеть Tenchat и перспективная Сетка. В итоге сегодня я решил немного поиграть в программиста и написал код для целого блока соцсетей.

Как это устроено технически:
Сами кнопки нарисовала нейросеть (в дальнейшем я их перерисую, чтобы они были похожи на оригинальные кнопки). Код получился гибким: в нем можно легко менять изображения и ссылки, заменяя одни соцсети на другие. Там пять иконок, включая Telegram, но количество кнопок легко сокращается — просто убираем лишнее.

Где это можно увидеть вживую?
Заводить новый блог ради теста было лень (да и зачем?), поэтому я решил использовать страницу 404. Теперь это моя персональная песочница для экспериментов. Просто наберите в адресной строке неймер.рф/лаб (вместо «лаб» можно написать любое слово на русском — сработает 404), и внизу страницы увидите результат. Пять кнопок расположены под стандартными двумя от WordPress.

Что пошло не так (и это хорошо):
Ссылки работают корректно, но я заметил подтормаживание при загрузке кнопок. Диагноз очевиден — вес изображений великоват, нужно оптимизировать. Но в целом решение уже найдено, и мне в целом все понятно.

Так и до карьеры программиста недалеко (шучу, конечно). Но если вы тоже ищете идеи как добавить кнопки соцсетей с мессенджером Max — могу помочь. Код предоставлю за 1000 рублей (изображения могут быть ваши) + 1000 рублей если нужно нарисовать с нуля. Как установить и настроить объясню бесплатно.

Для связи: MAX+79050531097/pronaming@mail.ru/форма обратной связи. Или жмите на кнопку справа внизу.