Вывод на сайте прайс-листов из Гугл таблиц

веб разработка, javascript, Google Apps Script

Перейти на сайт

 О проекте

Сервис, осуществляющий получение данных из Гугл Таблиц и их вывод на сайте (февраль 2022). Такой механизм позволяет контент-менеджеру комфортно редактировать данные прайс-листов в таблицах Google Spreadsheets.

Данный функционал реализован мной на страницах с ценами на услуги хирургов медицинского центра DMC: demo.

 Алгоритм работы

1. В веб-приложении Google Web-App получаются данные всех листов всех Гугл таблиц и отдается готовый JSON.
2. На сайте (в моем случае это приложение AdminHelper) при нажатии на кнопку Обновить прайс происходит получение данных прайс таблиц и запись/обновление JSON файла pricehirurg.json при помощи PHP (priceData.php).
3. В JS скрипте сайта осуществляется чтение (priceData.php) файла pricehirurg.json, формирование HTML кода прайс таблиц и вставка их на страницы с ценами (данные каждого листа Google Sheets вставляются в контейнер с определенным ID).

Редизайн главной страницы сайта клиники пластической хирургии и косметологии Клиника «Damas Clinic» (damasclinic.ru) предоставляет услуги по пластической хирургии, косметологии, дерматологии, пересадке волос, стоматологии, гинекологии, диагностики и массажа.

Скриншоты и видео

Обновление прайса в AdminHelper-разделе

На видео ниже - процесс получения на сайте данных из Гугл Таблиц:

JavaScript и Php скрипты

Google Apps Script, JS получения и рендеринга данных для прайсов, Php скрипт чтения и обновления данных в json файле.

Готовая страница с ценами

Прайс-листы врача кники: damasclinic.ru

Как думаете, помогает ли такой функционал оптимизировать работу с сайтом и повысить производительность контент менеджера? Хотели бы интегрировать подобный сервис со своим сайтом? Просто сообщите о своем желании, я с радостью помогу осуществить это! Напишите мне на make.website.info@gmail.com:

Написать

А вы каким образом обновляете прайс листы на своем сайте? Пишите в комментариях ниже!