Как добавить свои последние фотографии из Instagram на свой сайт

Каждый раз, когда у вас есть и блог, и лента в социальных сетях, само собой разумеется, что вы хотите их интегрировать. Вы можете публиковать ссылки на свои сообщения в блоге в своей социальной ленте, но как насчет другого направления?

То, что вы хотите сделать, это встроить свою ленту в свой блог. Я видел, как некоторые веб-сайты создают хаб специально для своих социальных каналов, в то время как другие размещают соответствующий канал на боковой панели или даже в верхней части сообщений в блогах.

С Twitter вы можете встроить всю временную шкалу. С Facebook вы можете встроить свой канал. Что насчет Инстаграма?

Вариант 1: отдельные сообщения

Первый вариант, который у вас есть, — это вставлять отдельные сообщения в сообщения вашего блога. Это легко сделать, но далеко не идеально, потому что встраивается только конкретный пост. Если вы хотите, чтобы эта вставка показывала вашу самую последнюю публикацию, вам нужно будет возвращаться и редактировать вставку каждый раз, когда вы делаете новую публикацию в Instagram. Учитывая, что вы можете публиковать сообщения ежедневно, это много хлопот, а не большая ценность.

Тем не менее, знание того, как вставлять отдельные сообщения, а также некоторые варианты выполнения задачи, может быть полезным, когда вы пишете сообщения и хотите поделиться чем-то конкретным. Здесь стоит отметить, что вы можете захотеть делать скриншоты постов и использовать вместо них скриншоты.

Почему? Ну, две причины. Во-первых, загрузка медиаконтента с другого сайта во встраивание часто происходит медленнее, чем загрузка простого сжатого снимка экрана. Это не намного медленнее — в большинстве случаев даже не заметно — но в некоторых крайних случаях это не очень хорошая идея.

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

В любом случае, если вы хотите встроить отдельный пост, все, что вам нужно сделать, это перейти к этому посту. Под постом вы увидите кнопку […]. Нажмите или коснитесь этой кнопки, и появится несколько вариантов, один из которых — «Встроить». Нажмите «Встроить», и вам будет предоставлен код, который вы можете скопировать и вставить в свой пост в блоге. Вот и все; это так просто. Просто вставьте код, и все готово.

Кстати, если вы используете WordPress, вам даже не нужны все эти дополнительные данные. Все, что вам нужно сделать, это вставить URL-адрес поста в Instagram в новую строку в WordPress, и он автоматически преобразуется во встраивание. Вы также можете использовать шорткод [Instagram], чтобы указать дополнительные параметры. В частности, вы можете указать ширину сообщения и использовать hidecaption, чтобы скрыть заголовок сообщения и показать только изображение и атрибуты кадра самого Instagram.

Вариант 2: Плагины

К сожалению, в отличие от Facebook и Twitter, Instagram не предлагает единого плагина, который всегда показывает самый последний контент из вашей учетной записи. Если вы хотите показать галерею последних сообщений, вам нужно использовать сторонний инструмент.

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

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

SnapWidget — этот первый вариант на самом деле представляет собой серию различных виджетов, которые вы можете использовать для встраивания контента разными способами. У них есть базовый виджет сетки, который отображает миниатюры изображений, которые при наведении курсора показывают лайки и ответы на рассматриваемую публикацию. У него есть бесплатная версия, но вы можете заплатить за обновление, которое предоставляет некоторые дополнительные маркетинговые возможности, настраиваемый CSS и встроенную аналитику.

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

У них есть виджет карты, который показывает сообщения на карте Google, если эти сообщения имеют геотеги. Это может быть здорово, если вы, скажем, блогер-путешественник и хотите продемонстрировать изображения того, где вы были все сразу. Если у вас местный бизнес и вы мало выходите на улицу, все, что вам нужно сделать, это сгруппировать свои фотографии в одной области, и это не принесет большой пользы для дисплея.

Также есть слайд-шоу, которое выглядит как вставка одного поста, за исключением того, что оно чередуется с несколькими разными изображениями. Это довольно простое небольшое встраивание, и оно привлекательно вращается по контенту. Если дизайн вашего сайта ограничен в пространстве, это может быть хорошим вариантом для боковой панели или нижнего колонтитула.

Большинство виджетов имеют бесплатные версии и платные версии. Бесплатные версии могут одновременно получать доступ к контенту из Facebook, Twitter и Instagram. Вы можете фильтровать по имени пользователя и по хэштегу, хотя хэштег предназначен только для контента Twitter. Он поддерживает веб-сайты HTTPS и обновляется каждые десять минут. Платные версии предоставляют некоторые дополнительные параметры настройки, дополнительную фильтрацию, более высокую частоту обновления и дополнительные функции, которые могут оказаться полезными.

Настоящая фишка в том, что бесплатные версии ссылаются не на ваш Instagram, а на страницу SnapWidget. К счастью, платить за него довольно дешево, всего 6 долларов в месяц за доступ к одному виджету. Поскольку это в основном все, что вам нужно, это нормально, насколько я понимаю.

Juicer — Juicer.io — мой второй выбор для встраивания в Instagram, прежде всего потому, что он охватывает множество различных социальных сетей одновременно. Они будут использовать Facebook, Twitter, Instagram, YouTube, SoundCloud, LinkedIn, RSS-каналы, хэштег-каналы и другие и позволят вам объединить все эти различные источники в один встроенный канал. Вам не нужно встраивать Facebook, Twitter и Instagram в разные форматы и места; просто используйте вместо этого один центральный канал.

Важно отметить, что вы можете настроить фильтры, чтобы избежать заполнения окна ленты одними и теми же сообщениями, сделанными по разным каналам, что очень распространено в маркетинге. Укажите, какие сети вы хотите сделать приоритетными и какие фильтры вы хотите использовать, а также модерировать сообщения, если вы не хотите, чтобы спам проскальзывал.

Цены также довольно разумные. У них есть бесплатная версия, которая позволяет вам встраивать один канал с двумя разными источниками, обновляется один раз в день и дает вам некоторые базовые шаблоны и брендинг Juicer. За 20 долларов в месяц вы получаете пять источников вместо двух, почасовые обновления, инструменты модерации и отсутствие брендинга. Если вы хотите увеличить до 15 источников, три разных канала, 10-минутные обновления и аналитику, вы можете платить за это 100 долларов в месяц. Лично я не чувствую в этом необходимости, но если у вас есть более крупная система социальных сетей, это может быть полезно.

EmbedSocial — EmbedSocial — один из наиболее надежных вариантов встраивания каналов. Их бесплатный виджет плагина Instagram извлекается из одного источника и может создавать до десяти альбомов из альбомов Facebook и Instagram. Однако он обновляется только один раз в день, и у вас нет никаких параметров настройки.

Если вы хотите заплатить за профессиональную версию за 20 долларов в месяц, вы получаете два источника, неограниченное количество альбомов и можете извлекать данные из дополнительных источников, таких как Twitter, галереи страниц Facebook и группы. Вы также получаете режим лайтбокса, адаптивный дизайн, выбор макета и 15-минутное обновление. Существуют и другие, более дорогие планы, но они в первую очередь предназначены для увеличения количества источников данных. Если вы используете только одну ленту Instagram, вам не нужно больше двух.

EmbedSocial также имеет множество других плагинов. EmbedFeed, EmbedStories, EmbedReviews и EmbedAlbum имеют одинаковое использование с разными стилями контента и разными режимами отображения.

Одной из самых интересных функций встраивания в Instagram, по крайней мере, в профессиональной версии, является возможность превратить вашу галерею в магазин . Я видел, как художники используют его для продажи принтов, модные магазины используют его для продажи предметов, которые они изображают, и для других подобных целей. Это весьма полезное дополнение, если вы еще не используете другой формат магазина.

Вариант 3: Пользовательский код

Вы всегда можете сами написать код для плагина. Однако вам может потребоваться подать заявку на токен аутентификации для доступа к API Instagram, и здесь все становится запутанным.

Прежде всего, в ответ на некоторые скандалы с конфиденциальностью Instagram резко ускорил планы по изменению своего API. Насколько я могу судить, они переходят со своего собственного API на разновидность Facebook Graph API.

До недавнего времени, если вы хотели получить последние сообщения от данного пользователя, вы могли отправить запрос GET в /users/ID/media/recent. Это находится в списке устаревших конечных точек, о которых вы можете прочитать в их журнале изменений для разработчиков. Однако в своей документации они, похоже, по-прежнему показывают /users/self/media/recent как доступные.

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

Первый возможный результат заключается в том, что Instagram заменяет существующий API на Facebook API и вводит аналогичную конечную точку для извлечения фида, которая уже есть у Facebook для встраивания фида их учетной записи. Учитывая, как много людей любят использовать встроенные фиды, это кажется вполне вероятным.

Вторым результатом было бы сохранение /self/, но избавление от /ID/, что позволяло любому получать фотографии от любого другого пользователя, пока контент этого другого пользователя был виден запрашивающему пользователю. Поскольку это может быть проблемой конфиденциальности, имеет смысл, что Instagram ограничит получение только контента вашей собственной учетной записи.

Третий возможный результат — полное удаление возможности получения недавнего контента . Если это так, вы увидите, что многие приложения, о которых я упоминал выше, и многое другое закрываются в конце июля 2018 года. Еще неизвестно, какими будут последствия; Instagram уже внес эти изменения, которые сломали множество приложений и заставили многих людей пытаться исправить то, что они могут.

Есть и четвертая возможность. Instagram запустил маркетинговую партнерскую программу, которая требует от приложений подачи заявки на партнерство, чтобы получить доступ ко многим расширенным функциям API и обойти определенные ограничения скорости. Это позволило некоторым приложениям публиковать сообщения в Instagram, функция, которая ранее была заблокирована, поэтому вполне возможно, что они добавят это в список того, что вы получаете как партнер.

Если вы читаете это до 31 июля 2018 года, я рекомендую подождать до августа, чтобы начать искать приложение для встроенной ленты Instagram. Есть вероятность, что они просто не будут работать после этой даты, и вам не повезет, как и всем нам. Мы узнаем!