Установка виджета
Как поставить виджет отзывов на Свой сайт на HTML
Один тег <script> в том месте разметки, где должны появиться отзывы.
Шаги
- Откройте файл страницы (например, index.html) или шаблон, из которого собираются страницы.
- Вставьте код ниже внутрь <body> — ровно туда, где должны стоять отзывы: виджет рисуется на месте своего тега, не в конце страницы.
- Загрузите файл на хостинг и откройте страницу по её адресу в интернете.
- Если сайт собирается сборщиком (React, Vue, Nuxt и т. п.), добавьте тег в разметку компонента той страницы — атрибут async оставьте, он не даёт виджету задерживать загрузку.
Код виджета
<script src="https://proofo.ru/widget.js" data-slug="ваш-адрес" async></script>Вместо «ваш-адрес» подставьте адрес своей стены — он в кабинете, в блоке «Показать людям», там же готовый код с кнопкой «Скопировать».
Куда ставить
В основной колонке сразу после описания предложения. В подвале отзывы видят только те, кто долистал до конца.
Что учесть
- Тег должен стоять внутри <body>, а не в <head>: в <head> ещё нет места, куда рисовать отзывы.
- При открытии файла с диска (адрес file://) виджет не загрузится — нужен адрес http(s) на реальном домене.
Как проверить, что виджет встал
- Откройте страницу по её адресу в интернете — не в редакторе и не в предпросмотре. На месте тега должны появиться отзывы.
- Если стена пока пустая, виджет ничего не покажет: ему нужен хотя бы один опубликованный отзыв. Сначала перенесите отзывы в кабинете, потом проверяйте сайт.
- Зайдите в кабинет стены. Как только виджет загрузится на вашем сайте хотя бы раз, в блоке «Показать людям» появится строка «Виджет стоит на сайте» с вашим доменом и числом показов. Это и есть подтверждение: сервер увидел виджет на вашем домене.
Другие платформы