![Подключение Instagram галереи на сайт компании](/images/uslugi/saity/instagram-gallery/dobavit-instagram-galereu-na-sait.jpg.pagespeed.ce.80kaKmBF1u.jpg)
Подключение Instagram галереи к сайту
«Студия Йети» оказывает новую услугу для владельцев любых сайтов: от сайтов-визиток до галереи в интернет-магазине или форуме.
Условия подключения
Подключение функционала проводится в течении суток после обращения. Для быстрого внедрения галереи из инстраграма необходимо:
- заполненный профиль компании в социальной сети Instagram;
- наличие собственного сайта;
- предоставить доступы от социальной сети, а также от сайта компании.
По завершении работ оплата принимается по безналичному расчету, в том числе с зачетом НДС при необходимости!
Типы галерей
Рассмотрим варианты интеграции галереи Инстаграм на примере аккаунта protectorminsk.by. Имеется три основных варианта вывода контента из аккаунта социальной сети: блоками, слайдером или лентой а-ля Pinterest.com. Рассмотрим ниже каждый из вариантов подробнее.
Классическая галерея
Классическая галерея оформляется фотографиями в несколько колонок и рядов. Сетка может быть любой вариативности. Ограничения:
- не более 10 колонок;
- неограниченная галерея в высоту;
- максимальное количество фотографий - не более 100.
Вот так будет выглядеть галерея на 4 колонки.
![Классическая галерея инстраграм на сайте встроенная](/images/uslugi/saity/instagram-gallery/x4-colums-instagram-gallery.png.pagespeed.ic.Mko-a14d8j.jpg)
А так - на 10 колонок.
![Инстаграм галерея на сайте из десяти колонок](/images/uslugi/saity/instagram-gallery/x10-colums-instagram-gallery.png.pagespeed.ic.48TPUDpUiL.jpg)
Слайдер
Слайдер может включать в себя от 2 до 10 изображений в один ряд. Пример слайдера с 4 изображениями в одном окне.
![Слайдер инстаграм галереи на сайте встроенный - 4 изображения](/images/uslugi/saity/instagram-gallery/4-colums-slider-instagram-gallery.png)
А так выглядит слайдер с 10 изображениями в одном окне.
![Слайдер инстаграм галереи на сайте встроенный - 10 изображения](/images/uslugi/saity/instagram-gallery/10-colums-slider-instagtam-gallery.png)
Оформление в стиле Pinterest
Аналогично классической галерее, но имеет описание под каждым изображением.
![Инстаграм галерея на сайт в виде ленты Pinterest](/images/uslugi/saity/instagram-gallery/-instagram-gallery.png)
Доступные эффекты
Для фотографий в галерее доступны следующие эффекты при наведении курсора на изображение:
- осветление картинки;
- затемнение картинки;
- приближение картинки;
- отдаление картинки;
- приближение картинки с поворотом;
- наложение фона с отображением значка "Увеличение";
- затемнение картинки с отображением иконки "Instagram";
- отображение количества лайков и комментариев;
- показ краткого описания поста из социальной сети в виде одноуровневой полосы с текстом.
Также можно задать необходимое расстояние между картинками.
Взаимодействие
Доступно несколько вариантов взаимодействия с галереей.
- По клику на изображение происходит переход в публикацию аккаунта Instagram;
- По клику на изображение происходит переход в аккаунт Instagram;
- Пустой клик - при нажатии на изображение ничего не происходит.
Стоит отметить, что для разного типа устройств может выводится разная галерея. К примеру, для пользователей компьютеров - сетка 4х4. Для пользователей телефонов можно сделать галерею в один ряд с количеством изображений до 100 единиц.
Вариативность размещения на сайте
Интеграция инстаграм галереи на сайт возможна различными способами: лента после публикаций, в боковой панели сайта, перед подвалом сайта, в подвале сайта, в материале, одной строкой на любой странице
Instagram галерея после публикаций
![Вывод инстаграм галереи на сайте после публикаций Вывод инстаграм галереи на сайте после публикаций](/images/uslugi/saity/instagram-gallery/after-articles-instagram-gallery.png)
Instagram галерея в боковую панель
![Вывод инстаграм галереи на сайте в боковой панели Вывод инстаграм галереи на сайте в боковую панель](/images/uslugi/saity/instagram-gallery/aside-instagram-gallery.png)
Instagram галерея перед подвалом сайта
![Вывод инстаграм галереи на сайте перед футером Вывод инстаграм галереи на сайте перед футером](/images/uslugi/saity/instagram-gallery/before-footer-instagram-gallery.png)
Instagram галерея в тело подвала
![Вывод инстаграм галереи на сайте в футер Вывод инстаграм галереи на сайте в футер](/images/uslugi/saity/instagram-gallery/footer-instagram-gallery.png)
Instagram галерея в теле публикации
![Вывод инстаграм галереи на сайте в публикацию Вывод инстаграм галереи на сайте в публикацию](/images/uslugi/saity/instagram-gallery/in-article-instagram-gallery.png)
Instagram галерея одной строкой на любой странице
![Вывод инстаграм галереи на сайте строкой на странице Вывод инстаграм галереи на сайте строкой на странице](/images/uslugi/saity/instagram-gallery/inline-instagram-gallery.png)
На что следует обратить внимание
Давайте рассмотрим достоинства и недостатки данного формата галереи. Достоинства:
- не нужно вести двойное наполнение. Получаем одну галерею на две площадки: instagram и собственный сайт;
- картинки из социальной сети подгружаются на сайт в течении суток;
- галерея проще в настройке и дешевле в обновлении. Это связано с тем, что интеграция производится скриптом, который быстро настраивается.
Недостатки данной галереи:
- картинки скрыты от индексации. Если Вы хотите, чтобы картинки галереи были видны в поисковых системах, такой метод оформления не подойдет;
- картинки грузятся из Instagram. И это сказывается на скорости загрузки страницы.
Как заказать внедрение instagram галереи в «Студии Йети»
Заказать интеграцию Instagram галереи на собственный сайт можно любым удобным способом: по телефону, в чате на странице или оставив заявку в форме справа. Мы ответим на все вопросы и оперативно внедрим нововведение на сайт.
Доступна оплата по безналичному расчету, в том числе с зачетом НДС! У Вас до сих пор нет сайта? Закажите разработку и поддержку сайта в нашей студии!