Как с технической точки зрения сделаны сервисы генерирующие виджеты?

Question

[massef]

Привет!
Как с технической точки зрения сделаны сервисы генерирующие виджеты? Например talk-me.ru, jivosite или где выбираешь способ связи и в этом же виджете переписываешься к примеру через FB мессенджер?

Интересует какие способы бывают для добавления виджета на сайт, плюсы и минусы. Как проиходит взаимосвязь, к примеру выбрал настройки внешнего вида, получил код или они автоматом применяются через панель управления (тут я так понимаю что-то типо токена нужно).

Гугл не помог, возможно не правильно спрашивал.

Answer 1

[Дмитрий Беляев]

Поделюсь как это сделано у нас, надеюсь поможет
во-первых, сайт заводится в нашей БД и ему присваивается id
во-вторых, сайт вставляет к себе наш код, он небольшой, но делает две вещи:
1. создает временную функцию в window - которая совпадает по имени с нашей функцией запуска, но просто сохраняет себе в массив все вызовы и их аргументы
2. начинает загрузку js-кода нашего виджета
в-третьих, сайт вызывает нашу функцию запуска, куда передает свой id из нашей БД и некоторые параметры

когда наш основной js загрузился, он делает следующее:
1. переписывает в window временную функцию собирающую аргументы на настоящую, которая запускает вставку виджета
2. если собранны запуски до этого момента - запускает их в настоящей функции запуска
3. функция запуска дергает сервер и запрашивает данные по id сайта
4. вставляем на страницу iframe и в нем рисуем виджет

на деле все чуть сложнее, но общий принцип такой

Comments

[massef]

Спасибо за ответ! Можете дать ссылку где есть ваш виджет? И в чем разница вставлять виджет в фрейм или строить его за пределами фрейма? В основном многие подобные виджеты вставляются отдельно от фрейма, у живосайта например так.

[Дмитрий Беляев]

massef, у нас рекламный виджет... боюсь администрация тостера не одобрит подобную ссылку, но вы могли видеть (если не блочите рекламу) его на многих новостных сайтах, в виде рекламного блока с видео/интерактивом посреди статей.
Наша первая версия тоже была без iframe, что выливалось в кучу конфликтов в стилях и js полифилах, а iframe дает нам изолированное окружение от основной страницы