Лучшие способы добавить ленту Instagram на ваш сайт WordPress
Опубликовано: 2022-04-10Когда большинство людей думают о социальных сетях, они представляют себе Facebook и Twitter. Тем не менее, Instagram быстро становится одним из крупнейших инструментов социальных сетей в Интернете. Это сайт для обмена фотографиями, который вырос до более чем 400 миллионов активных пользователей в месяц. Он также входит в десятку самых посещаемых веб-сайтов в Америке. Ваш бизнес должен быть там!
В этой статье будут рассмотрены несколько различных методов, которые вы можете использовать для отображения своей ленты Instagram на своем веб-сайте, работающем на WordPress.
Instafeed.js — отличный вариант, но в нем нет всех функций, которые вам могут понадобиться. Виджет Instagram от Elfsight и плагин Smashballoon — это два других варианта, которые стоит рассмотреть, если вы хотите создать ленту Instagram с большей функциональностью, чем предоставляет instafeed.js. Продолжайте читать, чтобы узнать об этих трех различных способах добавления ленты Instagram на ваш сайт WordPress!
Зачем добавлять ленту Instragram на свой сайт?
Instagram больше не платформа, предназначенная только для фотографов, и ценность вашей ленты Instagram на вашем веб-сайте не в том, чтобы сказать, что вы «влиятельный человек» или что вам нужны лайки и подписчики. Лента Instagram показывает покупателям и клиентам, что вы делаете, что вас волнует и как с вами связаться. Ваша лента Instagram также может быть эффективным каналом обслуживания клиентов.
Instagram насчитывает около 300 миллионов активных пользователей в месяц. Это огромное количество просмотров вашего продукта или компании. Даже если ваша цель не состоит в том, чтобы продавать вещи напрямую, лента Instagram может быть чрезвычайно ценной.
Instagram предоставляет множество возможностей для исследования рынка. Вы можете увидеть, какие типы изображений нравятся вашей аудитории, и узнать, какой контент с большей вероятностью будет успешным. Таким образом, вы можете заранее планировать публикации, которые с наибольшей вероятностью привлекут внимание или дойдут до нужных людей. Кроме того, это упрощает планирование контента, поскольку вы будете лучше понимать, что работает, а что нет.
Instagram также является одним из лучших способов повысить лояльность к бренду и гарантировать, что клиенты будут возвращаться снова и снова. Отличный пример от одного из наших клиентов (компания, занимающаяся онлайн-добавками) показывает, как их лента в Instagram помогает им общаться со своими клиентами и укреплять лояльность к бренду, даже если они ничего активно не продают.
Итак... теперь мы знаем, что Instagram того стоит, и показ ленты Instagram на вашем веб-сайте WordPress ценен. Теперь поговорим о том, как это сделать.
Мы рассмотрим три метода. Первый метод — это бесплатная библиотека JavaScript под названием Instafeed.js. Второй вариант — виджет Instafeed от Elfsight, а третий — плагин Smashballoon. Они различаются по сложности и цене, и как агентство мы будем делиться своими мыслями, поскольку мы использовали все эти методы.
Используйте библиотеку InstaFeed.js
Первый метод — библиотека InstaFeed.js. Он работает во всех основных браузерах, включая мобильные устройства, и не требует запуска кода на стороне сервера. Библиотека находится в свободном доступе на GitHub, и вы можете включить ее в элемент <head> вашего сайта с помощью простого тега сценария.
Недавно они запустили версию Instafeed 2.0, которая теперь работает с новым API Instagram.
Поскольку это открытый исходный код, это бесплатно.
Вот некоторые из ключевых особенностей:
- Это отличный способ создать базовую ленту Instagram на своем веб-сайте.
- Он простой, легкий в использовании, легкий и идеально подходит для сайтов с небольшим трафиком или большим количеством изображений (он не будет замедлять работу страниц).
- В целом, он нам очень нравится, так как он легкий и хорошо работает.
- InstaFeed теперь работает с новым API Instagram. Это увеличивает шансы вашего веб-сайта на то, что его не закроют, поскольку он соответствует новым правилам API.
Эту JS-библиотеку относительно легко установить, если вы знаете, что делаете, но по сравнению с другими методами она намного сложнее. Давайте посмотрим на процесс установки.
Сначала мы добавляем библиотеку через CDN.
Это делается с помощью тега script, вставленного в заголовок нашего веб-сайта WordPress.
Далее мы инициализируем виджет на нашем сайте и добавляем его в div с произвольным ID:
var instaFeed = новый InstaFeed("#myInstagramWidget");
Затем мы устанавливаем различные параметры, такие как имя пользователя Instagram, количество отображаемых фотографий и т. д.:
Затем div с идентификатором #myInstagramWidget будет заполнен лентой Instagram.
Если вы разбираетесь в технических вопросах, вы можете создавать настраиваемые представления, показывать хэштеги и делать практически все, что вам когда-либо понадобится, с точки зрения добавления ленты Instagram в WordPress (мы фактически используем эту библиотеку в нашей профессиональной ленте Instagram для Oxygen Builder). составная часть). Но для этого вам нужно хорошо разбираться в JS и этой библиотеке.
Что касается производительности, размер Instafeed составляет 1,5 КБ, он будет работать во всех основных браузерах и не зависит от сервера.
Проблема с этим методом заключается в том, что он предлагает ограниченную функциональность по сравнению с другими методами добавления ленты Instagram на ваш сайт. Сценарий пытается имитировать «Фотокарту» Instagram, но не очень совершенен в этом. Это также должно быть сложно для тех, кто не знает JavaScript, что делает его не идеальным для владельца бизнеса, ищущего предельно простое решение.
К счастью, есть и другие варианты, доступные владельцам бизнеса, у которых нет времени или навыков для самостоятельной настройки. Сейчас мы пройдемся по двум из них!
Виджет ленты новостей ElfSight в Instagram
Канал ElfSight IG — это еще один способ добавить фотографии из Instagram на веб-сайт WordPress. Он очень прост в настройке и установке, хорошо спроектирован и прост в использовании.
С Elfsight вы можете добавить свою ленту Instagram в любую часть страницы WordPress, включая заголовок, боковую панель или нижний колонтитул. Вы также можете стилизовать такие элементы, как цвета и шрифты, а также добавлять собственные CSS.
Для некоторых ElfSight бесплатен, но в большинстве случаев вам лучше выбрать базовый или профессиональный план. Профессиональный план стоит 10 долларов в месяц и включает в себя:
- Неограниченное количество сайтов
- 50 000 просмотров
- Премиум поддержка
- Бесплатная услуга по установке
- Удаление логотипа Elfsight
Есть немного более ограниченный базовый план за 5 долларов в месяц, а также бесплатный облегченный план.
Есть 50 различных, простых в использовании параметров настройки, а также шаблоны на выбор. В отличие от Instafeed, с Elfsight вы также можете отображать фотографии из любой общедоступной учетной записи Instagram или по хэштегу, местоположению или URL-адресу фотографии и никогда не беспокоиться о том, чтобы смешать все это вместе — поддерживаются любые комбинации.
Это можно фильтровать или модерировать, а также отображать в виде сетки или ползунка. Вы также можете иметь всплывающее окно!
Это решение интересно тем, что на самом деле это не плагин. Вместо этого вы устанавливаете его, встраивая некоторый код на свой сайт, например Instafeed, но в данном случае это просто копипаста. Интеграция бесшовная, и у нее много вариантов отображения контента. Он всегда обновляется, и все управляется на сайте Elfsight.
Из трех в нашем списке Elfsight является нашим фаворитом. У них есть потрясающие функции в полезном пакете, а также отличная поддержка. Лучше всего то, что их цена разумна для того, что вы получаете от этого.
Как агентству, нам нравится этот вариант, потому что он самый простой в использовании для наших клиентов. Мы настроили его для них, и они никогда не прикасаются к коду. Варианты обмена в социальных сетях также приятны!
Плагин Smash Balloon
Последней записью в нашем списке является плагин Smash Balloon Instagram Feed. Это стандартный плагин WordPress.
Разработанный для совместимости с любой темой WordPress на вашем сайте, плагин Instagram Feed не требует от вас никаких усилий, чтобы он выглядел идеально. Плагин оснащен множеством параметров настройки, так что вы можете настроить внешний вид и макет выбранного вами канала. Вы можете отображать каналы на своем сайте и настраивать их с помощью стилей шорткода. Например, если вы хотите, чтобы на одной странице была лента видео, а на другой — карусель фотографий, это не проблема!
Плагин кэширует данные, которые он получает от Instagram, чтобы сократить время загрузки и минимизировать запросы API. Он также имеет резервную систему кэширования на случай проблем с API, гарантируя, что ваш канал останется в рабочем состоянии, даже если он вам больше всего нужен. Вы можете связать свои сообщения в Instagram с пользовательскими URL-адресами, добавив URL-адрес в заголовок своего сообщения. Это позволяет людям, которые нажимают на определенную публикацию в своей ленте, видеть продукты или страницы, актуальные в данный момент времени.
Instagram Feed Pro — это адаптивный плагин WordPress для вашей учетной записи Instagram, который был разработан с нуля, чтобы хорошо работать на всех устройствах, независимо от того, используете ли вы сенсорный экран или нет.
Что-то невероятное в компании, стоящей за плагином WordPress, Smash Balloon, — это поддержка, которую они предлагают. Связаться с командой через их веб-сайт очень просто, и рекомендуется делать именно это, если вам нужна поддержка или у вас есть вопросы об этом плагине. У компании также есть отличный блог, где вы можете найти советы и рекомендации, а также учебные пособия по использованию Instagram на своем сайте.
Для одного сайта он стоит 49 долларов в год, и, конечно, если вы хотите использовать плагин, вам понадобится лицензия.
Несколько слов об API Instagram
Следует учитывать (и раздражающий аспект Instagram) их API и связанные с ним ограничения. Проблема в том, что API Instagram имеет ограничение на количество запросов на пользователя. Когда ваш скрипт превысит эту сумму, вы получите сообщение об ошибке от Instagram, в котором вам будет предложено остановиться, и Instagram отключит доступ к вашей учетной записи, если обнаружит чрезмерное использование.
Это не означает полное отключение вашей учетной записи навсегда (хотя они делали это в прошлом), но вы, возможно, не сможете снова получить данные Instagram, пока не настроите свой код или не подождите несколько часов, пока ваши запросы не будут сброшены Instagram. Так что имейте это в виду при создании ленты Instagram и не злоупотребляйте API!
API также сильно меняется, особенно теперь, когда Facebook владеет компанией. Например, невозможно действительно отобразить ленту Instagram на веб-сайте WordPress без определенного ключа API.
Оставшееся разрешение Instagram Legacy API было отключено 29 июня 2020 года. Теперь разработчикам необходимо использовать Instagram Basic Display API и Instagram Graph API. Это означает, что любой плагин WordPress теперь должен быть создан с использованием Instagram API.
Однако с этим развитием пользователям плагинов стало немного легче. Возможно, вы заметили, что теперь это относительно простой (хотя и более ограниченный) опыт, когда дело доходит до создания ключа API и интеграции. В большинстве случаев это просто нажатие кнопки.
Всегда следите за новостями API, связанными с Instagram. Если они внесут какие-либо изменения в будущем, а вы окажетесь в неведении, ваша лента WordPress в Instagram может перестать работать!
Какое лучшее решение для ленты Instagram для WordPress?
Elfsight — лучший провайдер на данный момент. У них лучший пакет по цене, и нам больше всего нравится их поддержка и продукт. Если вы владелец бизнеса или веб-администратор и ищете суперфункциональное и экономичное решение, то это то, что вам нужно.
Instafeed.js хорош для технических специалистов, которым нужно бесплатное решение, но абсолютный контроль, когда дело доходит до WordPress и ленты Instagram. Если вы разработчик и не боитесь настраивать код и создавать свои собственные вещи, вы будете в раю. Однако в настоящее время не хватает документации, что затрудняет доступность для новичков.
Наконец, Smash Balloon — уважаемое решение. Instagram Feed Pro помогает отображать полностью настраиваемые ленты Instagram на вашем веб-сайте и делать их интерактивными.
Однако, по сравнению с Elfsight, кому-то он может показаться более сложным, но он дешевле!!
Независимо от того, какое решение вы выберете, убедитесь, что плагин/библиотека регулярно обновляются, чтобы избежать каких-либо проблем или проблем с использованием.
Если у вас есть какие-либо вопросы по этой статье или какие-либо вопросы о плагинах для ленты Instagram в целом, не стесняйтесь оставлять их в разделе комментариев ниже! Наслаждайтесь и счастливого строительства.