Как реализовать виджет, который будет выодить информацию на сайте клиента?

Question

[Андрей Ангелович Сток]

Всем привет. Есть, как мне кажется, интересное и непонятное для меня задание. Не понимаю как это реализовать и с чего начать. Прошу вашей помощи.
Мне необходимо собрать информацию пользователей о конкретной продукции и выводить эту информацию на сайте клиента. То есть он должен размещать на своем сайте код, который потом будет выводить эту информацию.
Если сбор информации для меня в принципе понятен, то с ее выводом просто дыра. Не понимаю что должен делать скрипт, который будет размещен у клиента. что там должно быть. Я реально не понимаю. Какие параметры и как он должен их передавать на сервер, чтоб обратно приходили правильные ответы. Аякс?

Comments

[Pavel Kuzyakin]

Если сбор информации для меня в принципе понятен

как она будет собираться? это важный момент.

[Андрей Ангелович Сток]

Pavel Kuzyakin, каждый пользователь будет писать свою инфу на моем сайте.

[Pavel Kuzyakin]

Андрей Ангелович Сток, а сайт у вас на CMS работает?

[Андрей Ангелович Сток]

сайт пока обсуждается) все пока только в процессе. принимаю любую критику и предложения!

Answer 1

[Иван Шумов]

Либо ajax, либо iframe

Answer 2

[xmoonlight]

Это называется сторонний виджет.
Код скрипта-виджета запрашивает информацию с вашего сервера через ajax при загрузке страницы и отображает её на виджете.
Код загрузки - встраивается веб-мастером сайта, на котором располагается виджет.
Код самого виджета (рабочий js-код) - может быть как на вашем сайте, так и скачиваться отдельно тем же веб-мастером и располагаться локально (на веб-сайте, где будет размещён виджет).

Виджет обычно состоит из 3-х частей:
1. Код загрузки (одна строка)
2. Код виджета (скрипт, который "оживляет" и управляет виджетом)
3. REST API на сайте создателя виджета - коммуникационный канал (Ajax: POST/GET) с сайтом-владельцем виджета.

Также, можно защитить виджет от использования любыми сторонними сайтами, кроме разрешённых: здесь.

Comments

[Андрей Ангелович Сток]

xmoonlight, немного не понял. поясните, пожалуйста.
1. Код загрузки (одна строка) - Это как? что должна делать эта строка? у вас есть пример или натолкните, пожалуйста на правильные понятия.
2. Код виджета (скрипт, который "оживляет" и управляет виджетом) - тоже не понятно. не понятно зачем делить на два пункта. код загрузки и собственно виджет. Пясните, пожалуйста

на сколько я понял виджет через аякс и пост запрос будет запрашивать инфу с моего сервака и потом выводить его на сайте клиента. верно? REST API - это то что должно обрабатывать запрос?

[xmoonlight]

Андрей Ангелович Сток, код загрузки - счётчик яндекса/гугл-аналитика (как пример)
код виджета - то, что грузится с яндекса/гугл-аналитики при срабатывании кода загрузки. Но можно и хранить локально (как я уже писал выше).
REST API - это интерфейс взаимодействия кода виджета с вашим сайтом, по событиям от пользователя (человека) виджета.

[Андрей Ангелович Сток]

xmoonlight, Спасибо большое!

[xmoonlight]

Андрей Ангелович Сток, Не за что. Если мой ответ подходит - не забудьте отметить решением. Спасибо!