Встраивание с помощью iframe
Тег iframe
предназначен для встраивания других веб-страниц на страницу вашего сайта. Таким образом, вы можете разместить виджет непосредственно на самой странице. Чтобы это сделать необходимо так же, как и для размещения виджета ссылкой, сформировать URL. Правила формрирования ссылки указаны на странице Размещение ссылки на виджет.
После этого необходимо разместить iframe на сайте и вписать сформированный ранее URL в параметр src
.
-
<iframe src="https://widget.giftery.cards/?productId=23903&color=0064ff&face=1000" width="100%" height="600" allow="camera;microphone" ></iframe>
Примечание. При использовании iframe необходимо указывать ему ширину и высоту такую, чтобы виджет как можно более корректно отображался. Элемент iframe не умеет самостоятельно подстраиваться под размеры отображаемого контента, поэтому внутри могут возникать полосы прокрутки или пустые пространства.
Атрибут allow="camera;microphone"
обязателен. Он необходим для корректной работы загрузки видеосообщений.
Плюсы
- Не нужно размещать дополнительные скрипты
- В целом достаточно быстрый способ
Минусы
- Требует понимания работы iframe-ов и того, как они отображаются на сайте
- Необходимо задавать размеры, чтобы виджет корректно отображался на странице
- Может появиться прокрутка внутри самого блока с виджетом