Виджет Instagram для сайта

Виджет Instagram для сайта Сайтостроение

В данном уроке разберем, как установить виджет от «визуальной» соцсети Instagram на ваш сайт и какие преимущества даст вам такой функционал.

Преимущества добавления виджета на сайт.

Добавив виджет Инстаграма на свой сайт, вы:

  • повысите доверие к бренду;
  • улучшите соцсигналы;
  • создадите более прочные связи между компанией и пользователями;
  • повысите уровень юзабилити;
  • привлечете новых пользователей (подписчиков) в инстаграм:
  • улучшите аналитические показатели.

Виджет Instagram для сайта 

Английское слово widget переводится как «приспособление». Виджет — это ссылка на ваш Instagram, которую размещают на сайте + в виджете инсты обычно выводятся последние фото.

«ВКонтакте» и Facebook предлагают использовать их официальные плагины для установки виджетов. Так как в июне 2020 года разработчики Instagram изменили политику доступа к контенту и закрыли базовый API, для него пока нет готового кода, поэтому придётся воспользоваться сторонними сервисами.

Сервисы для создания виджета Инстаграм

SocActive (или как сделать виджет Instagram для сайта бесплатно)

На сайте SocActive есть конструктор при помощи которого можно бесплатно сделать адаптивный инстаграм виджет бесплатный для сайта, который обновляется раз в 12 часов.

Для того чтобы создать и настроить виджет перейдите на страницу: https://socactive.com/insta_wall_widget и заполните данные: адрес сайта, имя пользователя инстаграм, настройте внешний вид и сгенерите код.

socactive.com

Вставьте код в нужное место на сайте.

Elfsight

Сервис Elfsight предлагает более 60 различных виджетов для размещения на веб-ресурсе. Для установки взаимосвязи с Инстаграм используется плагин Instagram Feed. Воспользовавшись им, вы сможете быстро привязать к сайту вашу страницу в социальной сети по имени, хештегу или любому другому параметру. Также вы можете выбрать внешний вид виджета, например, разместить на сайте кнопку с фото вашего профиля.

https://elfsight.com/ru/instagram feed

Данный виджет очень крутой имеет множество настроек, эффектов и плюшек типа:

  • иконки, которые позволяют делиться фото из социальной сети прямо с сайта компании;
  • создание кнопок с призывом к действию.

Сам виджет довольно дорогой:

instagram feed pricing

Сомневаюсь что вам хватит бесплатного тарифа (200 показов в месяц). А ежемесячно платить за него 5-25$ как то дороговато на мой взгляд. Поэтому подробно останавливаться на нем не буду.

LightWidget (оптимально)

LightWidget — англоязычный сервис (русского нет) по созданию адаптивного виджета Instagram.

lightwidget

Регистрируемся на нем нажав на «Sing UP», после авторизации добавляем инстаграм аккаунт:

Подключение инстаграм аккаунта

При сопрежении обязательно даем доступ к информации профиля и медиафайлам.

Даем доступ к инстаграм

Далее создаем виджет, при создании выбираем его внешний вид, на выбор представлены варианты отображения виджета:

  • статическая сетка, masonry сетка или слайдер с возможностью перелистывания ленты фотографий;
  • выделение изображений в рамку с установкой её цвета в соответствии со стилем сайта;
  • можно задать число столбцов и рядов в сетке, расстояние между фото; включение или отключение текста постов;
  • выбор эффекта при наведении курсора пользователем из 9 вариантов (исчезновение, увеличение, наложение значка лупы или лого Instagram и др.);
  • выбор действия после клика: переход в профиль Инстаграм, переход в пост или ничего.

Внешне виджеты, установленные с помощью LightWidget, выглядят весьма приятно и интересно, при этом дают достаточно много возможностей и комфорта пользователям. Авторы проекта добавили возможность предварительного просмотра результата настроек, что также очень полезно. HTML-код генерируется после утверждения пользователя.

Настройка виджета и его предварительный просмотр

Далее его необходимо вставить в исходный код сайта.

Ценовую политику разработчиков сервиса можно считать более чем лояльной к пользователям. Имеется бесплатная версия установки скрипта Инстаграм для сайта. Но у этого варианта есть один существенный недостаток: виджет доступен только на незащищенном протоколе HTTP.

Чтобы защитить персональные данные пользователей, разработчик предлагает изменить протокол на безопасный — HTTPS. Эта возможность является платной и стоит $10. Кроме изменения протокола, покупатель получает:

  • ускорение загрузки виджета;
  • обновления чаще одного раза в сутки;
  • возможность вносить коррективы в настройки виджета;
  • уведомление об истекших токенах доступа.

Учитывая, что платёж является единовременным, предложение можно назвать весьма выгодным.

Instagram.Averin.pro

Раньше данный виджет был бесплатным, но теперь он платный: 99р в месяц или 799р. в год (это чуть больше 10$ = вечная лицензия за LightWidget).

Настроить виджет не составит не какого труда, т.к. есть конструктор.

Конструктор виджета Instagram

Основной и очень существенным недостатком данного сервиса является устаревший вид виджета, который не будет привлекать особого внимания пользователей.

WordPress плагины

Если ваш сайт на CMS WordPress? то можно не пользоваться сторонними сервисами, а просто воспользоваться плагинами:

  • Smash Balloon Social Photo Feed; Spotlight – Social Photo Feeds;
  • Feed Them Social;
  • WPZOOM Social Feed Widget.

Выводы

Теперь вы знаете, как добавить виджет Instagram на сайт. Выбирайте оптимальный виджет и устанавливайте. Если вы знаете другие подобные сервисы делитесь ими в комментариях.

Поделиться с друзьями
Алексей

Веб-дизайнер и SEO оптимизатор. Занимаюсь созданием сайтов с 2010 года и их продвижение с 2012 года!

Оцените автора
( Пока оценок нет )
Web-Revenue.ru