Отсылку к «Дом, который построил Джек», надеюсь все поняли?

Когда у тебя есть свой сайт, хочется его постоянно допиливать, а делать это сильно непросто, когда у тебя опыта в реализации всяких технических штук ноль!

Дисклеймер - данная статья нисколько не пытается выставить автора в виде крутого разработчика и задеть тем самым чьи нибудь чувства - просто мой опыт, которым я решил поделиться!

И вот ты пилишь проекты (как можешь)... Тратишь деньги на разработчиков, которые напишут тебе ту или иную фичу (не всегда с первого раза), и вот это вот все!

Я думаю Вебмастера без технических скиллов меня поймут. Но правила игры сильно изменились с появлением ИИ, и кто это еще не понял, рискует начать играть в догонялки уже в числе отстающих.

Вот вам реальный кейс, как с минимальным набором технических навыков можно реализовать на сайте всплывающий поп-ап, который выводит статичные характеристики об объекте (например достопримечательность) и подтягивает по АПИ фотографии и отзывы из Гугл карт. Все в рамках правил, плагин полностью белый и использует официальную документацию.

Пример страницы, где работает плагин -  Достопримечательности Бангкока.

Если лень заходить на сайт и скроллить страницу, ниже скрин, как это реализовано на сайте.

Как реализован плагин

Данный плагин был реализован мною (я не умею кодить) с использованием платной версии Чат ГПТ. В несколько итераций он написал плагин, который заработал с первого раза.

Постепенно я допилил его до такого состояния, которое видно выше. Он подключает стили через 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. Плагин полностью бесплатный, я его не продаю. И не рекламирую! Статья - трансляция моего опыта! Еще раз, если плагин реально нужен - могу скинуть!