Отсылку к «Дом, который построил Джек», надеюсь все поняли?
Когда у тебя есть свой сайт, хочется его постоянно допиливать, а делать это сильно непросто, когда у тебя опыта в реализации всяких технических штук ноль!
Дисклеймер - данная статья нисколько не пытается выставить автора в виде крутого разработчика и задеть тем самым чьи нибудь чувства - просто мой опыт, которым я решил поделиться!
И вот ты пилишь проекты (как можешь)... Тратишь деньги на разработчиков, которые напишут тебе ту или иную фичу (не всегда с первого раза), и вот это вот все!
Я думаю Вебмастера без технических скиллов меня поймут. Но правила игры сильно изменились с появлением ИИ, и кто это еще не понял, рискует начать играть в догонялки уже в числе отстающих.
Вот вам реальный кейс, как с минимальным набором технических навыков можно реализовать на сайте всплывающий поп-ап, который выводит статичные характеристики об объекте (например достопримечательность) и подтягивает по АПИ фотографии и отзывы из Гугл карт. Все в рамках правил, плагин полностью белый и использует официальную документацию.
Пример страницы, где работает плагин - Достопримечательности Бангкока.
Если лень заходить на сайт и скроллить страницу, ниже скрин, как это реализовано на сайте.
Как реализован плагин
Данный плагин был реализован мною (я не умею кодить) с использованием платной версии Чат ГПТ. В несколько итераций он написал плагин, который заработал с первого раза.
Постепенно я допилил его до такого состояния, которое видно выше. Он подключает стили через CSS, подгружает иконки и некоторые функции загружает через JS файл. Также он обращается по АПИ к Гугл Картам и вытаскивает оттуда необходимую информацию (с задержкой, чтобы не обращаться к АПИ при каждом открытии Поп-Апа).
По факту потрачено на разработку 20 баксов платной подписки и около 15 запросов к версии 1о. Стоит отметить, что плагин получился со второго раза, а дальше я его просто причесывал и доделывал. Локализацию вообще делал в самую последнюю очередь, без нее он также норм работает.
Сложности
Самая сложная часть в данном плагине - обращение к АПИ Гугла. Для этого потребовалось создать аккаунт в Клауд Консоли, подключить к нему карту (так как обращение к картам по другому не разрешается). У Гугла есть бесплатная квота, в рамках которой можно поднять средний по посещалке сайт, в целом, я думаю до 10-20к обращений к АПИ в месяц будут бесплатно (если интересно, можете погуглить квоты на обращения к Гугл картам через АПИ).
После того, как АПИ было получено, я создал ключ который нужно подключить в таблицы Вордпресс, либо передавать в каждом шорткоде (но мне кажется это сильно небезопасно), у меня ключ прописан в самом вордпрессе.
Можно зашить АПИ в исполняемом файле, либо сделать в админке вордпресс специальное поле, но мне уже не охота лезть в него, так как каждое изменение - риск поломать уже работающий продукт,
Функционал
Теперь о том, как работает плагин:
Плагин создает поля для редактирования характеристик в админке Вордпресса, и вы работаете с ним также, как с обычными записями.
Администратор создает достопримечательность и заполняет все характеристики, а для динамической подгрузки данных из гугл карт необходимо в специальное поле подставить ссылку такого формата - https://www.google.com/maps/place/?q=place_id:ChIJWx-RelC_UTAR_l_QqSjgRJo
Формирование ссылки также не такое простое, необходимо найти place id, я его беру вот тут - https://developers.google.com/maps/documentation/javascript/examples/places-placeid-finder
Ну а первая часть урла всегда одинаковая.
Ниже скрин из админки, как заполняются характеристики
Характеристики можно кастомизировать под себя, но для этого (ясен пень) нужно покопаться в коде, либо пообщаться с ГПТ Чатом.
Далее шорткодом выводим этот поп-ап в статье или на странице, где хочется.
Плагин локализован на 5 языков (помимо основного). Правда локализация настроена так, что для каждого языка нужно создавать отдельную страницу с достопримечательностью, или переделывать характеристики, чтобы там были только числа. Но мне не охота))
Систему это не грузит, даже если шорткодов на странице много, а на демо странице их прям много. Короче, мне показалось это успех и его можно и нужно повторять, делая под свои проекты с минимальными затратами и усилиями подобные решения.
Фрилансеров, которые раньше эти плагины пилили на условном Кворке, конечно жалко, но надо перестраиваться, это неизбежно и этот кейс, как мне кажется, лучшая демонстрация того, к чему все движется.
Если есть у кого желание, можете написать, дам плагин потестить. Смысла выкладывать в паблик не вижу, возможно слишком нишевая тема и не будет пользоваться популярностью.
P.S. Плагин полностью бесплатный, я его не продаю. И не рекламирую! Статья - трансляция моего опыта! Еще раз, если плагин реально нужен - могу скинуть!
