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

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

«Студия Йети» оказывает новую услугу для владельцев любых сайтов: от сайтов-визиток до галереи в интернет-магазине или форуме.

Условия подключения

Подключение функционала проводится в течении суток после обращения. Для быстрого внедрения галереи из инстраграма необходимо:

  • заполненный профиль компании в социальной сети Instagram;
  • наличие собственного сайта;
  • предоставить доступы от социальной сети, а также от сайта компании.

По завершении работ оплата принимается по безналичному расчету, в том числе с зачетом НДС при необходимости!

Типы галерей

Рассмотрим варианты интеграции галереи Инстаграм на примере аккаунта protectorminsk.by. Имеется три основных варианта вывода контента из аккаунта социальной сети: блоками, слайдером или лентой а-ля Pinterest.com. Рассмотрим ниже каждый из вариантов подробнее.

Классическая галерея

Классическая галерея оформляется фотографиями в несколько колонок и рядов. Сетка может быть любой вариативности. Ограничения:

  • не более 10 колонок;
  • неограниченная галерея в высоту;
  • максимальное количество фотографий - не более 100.

Вот так будет выглядеть галерея на 4 колонки.

Классическая галерея инстраграм на сайте встроенная

А так - на 10 колонок.

Инстаграм галерея на сайте из десяти колонок

Слайдер

Слайдер может включать в себя от 2 до 10 изображений в один ряд. Пример слайдера с 4 изображениями в одном окне.

Слайдер инстаграм галереи на сайте встроенный - 4 изображения

А так выглядит слайдер с 10 изображениями в одном окне.

Слайдер инстаграм галереи на сайте встроенный - 10 изображения

Оформление в стиле Pinterest

Аналогично классической галерее, но имеет описание под каждым изображением.

Инстаграм галерея на сайт в виде ленты Pinterest

Доступные эффекты

Для фотографий в галерее доступны следующие эффекты при наведении курсора на изображение:

  • осветление картинки;
  • затемнение картинки;
  • приближение картинки;
  • отдаление картинки;
  • приближение картинки с поворотом;
  • наложение фона с отображением значка "Увеличение";
  • затемнение картинки с отображением иконки "Instagram";
  • отображение количества лайков и комментариев;
  • показ краткого описания поста из социальной сети в виде одноуровневой полосы с текстом.

Также можно задать необходимое расстояние между картинками.

Взаимодействие

Доступно несколько вариантов взаимодействия с галереей.

  1. По клику на изображение происходит переход в публикацию аккаунта Instagram;
  2. По клику на изображение происходит переход в аккаунт Instagram;
  3. Пустой клик - при нажатии на изображение ничего не происходит.

Стоит отметить, что для разного типа устройств может выводится разная галерея. К примеру, для пользователей компьютеров - сетка 4х4. Для пользователей телефонов можно сделать галерею в один ряд с количеством изображений до 100 единиц.

Вариативность размещения на сайте

Интеграция инстаграм галереи на сайт возможна различными способами: лента после публикаций, в боковой панели сайта, перед подвалом сайта, в подвале сайта, в материале, одной строкой на любой странице

Instagram галерея после публикаций

Вывод инстаграм галереи на сайте после публикаций

Instagram галерея в боковую панель

Вывод инстаграм галереи на сайте в боковую панель

Instagram галерея перед подвалом сайта

Вывод инстаграм галереи на сайте перед футером

Instagram галерея в тело подвала

Вывод инстаграм галереи на сайте в футер

Instagram галерея в теле публикации

Вывод инстаграм галереи на сайте в публикацию

Instagram галерея одной строкой на любой странице

Вывод инстаграм галереи на сайте строкой на странице

На что следует обратить внимание

Давайте рассмотрим достоинства и недостатки данного формата галереи. Достоинства:

  • не нужно вести двойное наполнение. Получаем одну галерею на две площадки: instagram и собственный сайт;
  • картинки из социальной сети подгружаются на сайт в течении суток;
  • галерея проще в настройке и дешевле в обновлении. Это связано с тем, что интеграция производится скриптом, который быстро настраивается.

Недостатки данной галереи:

  • картинки скрыты от индексации. Если Вы хотите, чтобы картинки галереи были видны в поисковых системах, такой метод оформления не подойдет;
  • картинки грузятся из Instagram. И это сказывается на скорости загрузки страницы.

Как заказать внедрение instagram галереи в «Студии Йети»

Заказать интеграцию Instagram галереи на собственный сайт можно любым удобным способом: по телефону, в чате на странице или оставив заявку в форме справа. Мы ответим на все вопросы и оперативно внедрим нововведение на сайт.

Доступна оплата по безналичному расчету, в том числе с зачетом НДС! У Вас до сих пор нет сайта? Закажите разработку и поддержку сайта в нашей студии!