Как сделать интеграцию с инстаграмом

Обновлено: 07.07.2024

В версии 10.4 появилась поддержка интеграции с социальной сетью Instagram через приложение Webim. Данная статья поможет вам быстро и легко настроить интеграцию, а также начать использование канала общения.

NB: подразумевается, что у вас уже есть созданная страница организации в Facebook и привязанный к ней бизнес-аккаунт Instagram. Если у вас нет страницы и/или бизнес-аккаунта, то, пожалуйста, создайте их (используя эту инструкцию для создания страницы Facebook и эту инструкцию для создания бизнес-аккаунта Instagram), а затем приступайте к настройке интеграции с Instagram.

Настройка интеграции

Откройте Панель управления Webim и перейдите в Общие настройки.

Переход к Общим настройкам:

Канал Instagram через приложение Webim:

Откроется форма Добавление канала Instagram

Добавление канала Instagram:

Выполните вход в учётную запись администратора страницы организации в Facebook.

Выбор бизнес-аккаунта Instagram:

Выбор страницы организации в Facebook:

Проверка разрешений для интеграции:

Завершение связывания приложения Webim с Facebook:

Вы будете перенаправлены обратно в Webim.

Завершение настройки канала в Webim:

Редактирование канала в Webim:

Проверка канала

Диалог в Instagram со стороны оператора:

Диалог в Instagram со стороны посетителя:

Если новый диалог в РМО не отображается, то проверьте правильность настройки интеграции и, если нужно, перенастройте её, используя данную инструкцию.

На этом настройка интеграции Instagram через приложение Webim завершена.

Instagram — одна из самых популярных социальных медиа-сетей с огромным количество активных пользователей.

Если Вы владелец сайта или блога, ориентированного на online-коммерцию, и при этом не используете потенциал Instagram, то Вы многое теряете.

Если Вы фотоблоггер или как-то связаны с медийной сферой, и при этом не использовали все мощь Instagram, то самое время сделать это.

Ваши фото или видео работы станут доступны, пожалуй, самой широкой аудитории в мире и, если правильно использовать этот потенциал, привлекут новых посетителей на Ваш сайт.

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

Итак. К вашему вниманию 15 плагинов Wordpress для интеграции с Instagram

Instagram Portfolio

Это настоящий плагин премиум класса: впечатляющий броский дизайн, более 10 всевозможных визуальных эффектов и широчайшие возможности настройки.
Поддерживает не только изображения, но и видеофайлы, которые можно отображать как непосредственно на странице, так и в модальный окнах. Каждый элемент можно снабдить дополнительной информацией — кратким описанием, кнопками соцсетей и т.п., которая отображается при наведении указателя, используя красивые hover-эффекты. А адаптивный дизайн гарантирует стильное отображение на любых устройствах.
Стоимость: $16

Instagram for WordPress

Виджет для боковой панели, с помощью которого можно отображать последние, отфильтрованные по определенному критерию или просто вручную отобранные фотографии.
Стоимость: Бесплатно

Instagram Slider Widget

Довольно симпатичный адаптивный виждет, способный отображать до 20 фотографий из Вашего Instagram аккаунта. Фотографии могут быть отсортированы по популярности, дате или отображаться случайным образом. К изображению можно привязать ссылку на любой нужный URL. Плагин не требует каких-либо особых настроек или использования специального API.
Стоимость: Бесплатно

Simply Instagram

Instagrate to WordPress

Обеспечивает автоматическое взаимодействие Instagram и Вашего блога. При добавлении нового материала в Instagram автоматически создает новый пост в блоге.
Стоимость: Бесплатно
Версия Pro: от $35 до $255

WP Instagram Widget

Еще один простенький плагин для импорта фотографий из Instagram в Ваш персональный блог на Wordpress. Допускает изменение внешнего вида при помощи редактирования CSS. Не требует ввода регистрационных данных Instagram или авторизации через OAuth.

InstaShow

Alpine PhotoTile for Instagram

Довольно мощный плагин, который позволяет легко добавлять изображения из Instagram на страницы Вашего Wordpress сайта при помощи виждета или шорткода. И для этого не прийдется писать ни одной строчки кода. Изображения загружаются из конкретного аккаунта или отбираются по хэштегу.
Изображение может отображаться как непосредственно на странице так и в lightbox, содержать ссылку на страничку в Instagram, иной URL.
Стоимость: Бесплатно

Easy Instagram

Простой в установке и не имеющий сложных настроек плагин. Набор функций, в общем-то, стандартный: отбор фотографий из заданного аккаунта или по хэштегу, возможность показа сопутствующей информации, отображение фотографий в lightbox (используются Thickbox или Colorbox).
Внешний вид можно изменить при помощи пользовательского CSS.
Стоимость: Бесплатно

Enjoy Instagram

Instagram Theatre

Название этого плагина — Instagram Theatre (Театр Инстаграм) — уже говорит само за себя. То, как он преподносит фотографии, действительно напоминает театральное действие. Различная компоновка (сеткой, списком, в полный экран), красивые визуальные эффекти и анимация, адаптация под различные экраны — все это, несомненно, делает этот плагин заслуживающим внимания.
Стоимость: $15

Instagram Badges

Еще более незамысловатый плагин, который, тем не менее, способен содействовать раскрутке Вашего Instagram аккаунта благодаря публикации фотографий в Вашем блоге.
Стоимость: Бесплатно

Instapress

Плагин с широчайшими возможностями настройки. Позволяет отображать изображения из Instagram в боковой панели, на странице или в теле поста. Позволяет изменять количество изображений, их размер, отображать или скрывать заголовок.
Стоимость: Бесплатно

Instagram Feed

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

Social Roll

Еще один виджет, который выводит ленту с Instagram в слайд-панель на вашем Wordpress сайте.
Стоимость: $15

Как работает интеграция Roistat c Instagram¶

В Roistat доступна интеграция с Facebook Ads Manager, в котором создается реклама для Instagram.

При интеграции с Roistat объявления Instagram размечаются меткой roistat для передачи информации о визите (время визита, страна/регион/город визита, а также другая информация, которую можно передать из CRM). Чтобы информация передавалась корректно, объявление должно содержать ссылку на сайт, с которым вы работаете в проекте Roistat. Подробнее о метке roistat – в статье Разметка ссылок.

Также в аналитику Roistat загружаются данные по расходам на рекламу и показам. Интеграция позволяет автоматически рассчитывать расходы и ROI по рекламному каналу.

Чтобы расходы в проекте Roistat совпадали с расходами в вашем рекламном кабинете, убедитесь, что в рекламном кабинете и проекте Roistat установлен одинаковый часовой пояс.

Для загрузки расходов по кампании нужно иметь право доступа на редактирование. После того, как вы выберете нужный Ads Manager в подключенном рекламном канале, Roistat отобразит Lead Ads только выбранного Ads Manager.

Если вы удалите объявление, информация по нему сохранится в отчетах Roistat.

Особенности подключения¶

Таблица по взаимодействию Roistat с разными целями кампаний Facebook¶

Поддерживаются все форматы рекламы в Instagram: Видео, Изображение, Кольцевая галерея.

Не переносите в архив кампании, информация по которым еще не загрузились в Roistat. Это приведет к потере данных.

Вы должны иметь доступ администратора к рекламному кабинету. Имея доступ администратора, вы сможете редактировать рекламные объявления.

Шаг 1. Добавьте канал в проект Roistat¶

В проекте Roistat перейдите в пункт меню Интеграции. Нажмите Добавить интеграцию. В появившемся окне в блоке Рекламные каналы найдите Facebook и нажмите Добавить:

Разрешите Roistat доступ к данным вашего профиля на Facebook, чтобы получать корректную статистику по рекламному каналу:

Если в данный момент вы залогинены на Facebook, вы будете автоматически перенаправлены в ваш профиль, где необходимо будет разрешить доступ Roistat сначала к вашим персональным данным, нажав кнопку Продолжить как , а затем к вашим рекламным каналам, нажав кнопку OK.

Для отмены нажмите кнопку Отмена или Не сейчас.

Если в момент подключения канала Facebook вы не залогинены на сайте, то появится окно входа, где необходимо указать логин и пароль. После авторизации на Facebook система Roistat автоматически получит доступ к вашему профилю.

Затем необходимо добавить рекламный аккаунт Facebook.

Для этого в поле Профиль выберите профиль, с которого ведется реклама, и подтвердите создание интеграции с помощью кнопки Добавить:

К одному проекту Roistat можно подключить несколько аккаунтов Facebook. Процедуру подключения нужно проделать заново для каждого аккаунта.

Если в аккаунте в Facebook есть кампании, которые не относятся к бизнесу проекта в Roistat, их можно отключить в проекте Roistat.

Один и тот же рекламный канал Facebook можно подключить к разным проектам Roistat, но рекламная кампания может быть подключена только к одному проекту.

Шаг 2. Настройте параметры канала¶

На открывшейся странице рекламного канала нажмите кнопку Дополнительные настройки. После этого появятся следующие параметры для настройки:

Название – название рекламного канала в Roistat;
НДС – НДС в процентах (необязательно). Можно указать разный НДС для разных периодов в формате 18,2019-01-01=20 ;
Комиссия – процент комиссии вашего агентства (необязательно);
Скидка – скидка рекламной площадки, если есть (необязательно).

Для сохранения настроек нажмите кнопку Сохранить.

При подключении Facebook к Roistat все объявления в Instagram, созданные через Facebook Ads Manager, автоматически размечаются меткой roistat (если доступна авторазметка). Если аккаунт Instagram подключен к рекламному кабинету Facebook Ads Manager, то объявления, созданные в мобильном приложении Instagram, тоже будут размечены.

Автоматическая разметка доступна, только если группы объявлений активны или у них нет даты остановки.

Если авторазметка недоступна по каким-либо причинам, вы можете разметить объявления вручную.

При автоматической разметке реклама будет приостановлена на 2 часа для дополнительной модерации Facebook. Если вы не хотите, чтобы реклама была приостановлена, заполните параметры отслеживания вручную в настройках объявления:

В этом случае объявление не будет проходить дополнительную модерацию.

Шаг 3. Выбор кампании для управления¶

По умолчанию к Roistat подключаются все кампании вашего профиля на Facebook, а также установлена опция автоматического подключения всех новых кампаний.

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

Вы можете не подключать те кампании, которые не хотите учитывать в проекте Roistat.

Новые кампании Facebook автоматически включаются для аналитики, если включен переключатель Добавлять новые кампании автоматически или заполнено поле Добавлять только кампании, название которых содержит (в этом случае кампания должна соответствовать указанным вами условиям). Для более гибкой настройки фильтра можно использовать регулярные выражения.

Ручная разметка объявлений¶

По умолчанию автоматически размечаются все объявления в Instagram, если они были добавлены через Facebook Ads Manager. Если аккаунт Instagram подключен к рекламному кабинету Facebook Ads Manager, то объявления, созданные в мобильном приложении Instagram, тоже будут размечены.

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

Чтобы Roistat правильно работал с вашими объявлениями в Instagram, каждое из них необходимо промаркировать меткой rs следующего формата:

Обратите внимание, что facebook5 – это пример разметки объявлений, где 5 – это id канала. Размечая объявления, нужно вставлять вместо 5 id нужного канала.

Где указывается метка rs¶

Метка rs добавляется к URL-адресу страницы сайта, на которую должны переходить пользователи.

Метка указывается в параметрах объявлений в одном из следующих полей (в зависимости от типа объявления):

В блоке Отслеживание в поле Параметры URL-адреса, например, rs=facebook5_>_>_> :

В каких статусах можно размечать объявления¶

В Facebook Ads Manager вы можете размечать объявления для Instagram во всех статусах.

Где посмотреть идентификаторы, необходимые для разметки объявлений¶

О том, как узнать идентификатор рекламного канала в Roistat, читайте в статье Как узнать ID рекламного канала.

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

Для разметки с помощью динамических переменных Facebook:

Используйте следующую метку: rs=facebook _>_>_> .

Самостоятельная разметка с помощью ввода идентификаторов Facebook

Чтобы узнать идентификаторы рекламной кампании, группы объявлений и конкретного объявления в Facebook:

Откройте личный кабинет Facebook Ads Manager.

Перейдите на закладку Кампании и выберите кампанию, в которой вы хотите разметить объявление:

Перейдите на закладку Группы объявлений и выберите нужную группу объявлений:

Перейдите на закладку Объявления и выберите объявление, которое хотите разметить:

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

Необходимые идентификаторы содержатся во фрагменте адреса

ID кампании (selected_campaign_ids) – 13842685360340507;

ID группы объявлений (selected_ad_set_ids) – 13842685375430507;

ID объявления (selected_ad_ids) – 13842685375420507.

Настройка отслеживания заявок из форм Facebook Lead Ads¶

Настройка со стороны Facebook¶

Чтобы генерация Lead Ads работала корректным образом, нужно выполнить настройку со стороны Facebook:

Зайти в аккаунт Facebook Ads Manager и выбрать кампанию, в которой настроена генерация лидов:

Навести курсор на название объявления и нажать Редактировать:

Пролистать в информации об объявлении до блока Моментальная форма и выбрать Создать форму генерации лидов:

Если моментальная форма Lead Ads уже существует, то можно просто дублировать форму и указать для нее название.

Создайте новую форму, нажмите Далее:

Укажите название формы, например, Roistat:

Выберите тип формы и перейдите в раздел Вопросы. Нажмите Добавить категорию → Поля с контактной информацией. Затем выберите Email и/или Phone number:

Если вы также добавили поле для передачи имени, в настройках поля укажите ID name . Для полей Email и Phone number ID указывать не нужно.

Важно, чтобы форма была выбрана, иначе она не будет показываться:

Проверьте в рекламных каналах, что форма включена:

Отправьте тестовый лид (без этого шага настройка неактуальна, т.к. вы не будете знать, работает эта отправка формы или нет).

Выберите форму по названию:

Нажмите Отслеживать статус и дождитесь появления информации о том, что отправка прошла:

В проекте Roistat в разделе Диагностика проекта → Список отправленных заявок вы увидите созданный лид с маркером рекламного канала:

Затем нажмите Сохранить, и данная форма будет доступна для других групп объявлений.

Если вам нужно поменять ID поля для собственной логики работы Facebook, откройте Настройки и в ID полей заполните всю необходимую информацию в полях (поле Facebook: ID поля):

Комментарий: comment
Эл.почта: email
Номер телефона: phone
Полное имя: name

В Roistat можно выполнить поиск номер телефона по всем полям форм. В поиске используется следующая логика: поле phone → поле phone_number → любое другое поле, в котором передан телефон.

Не используйте произвольные пользовательские поля при интеграции форм Lead Ads с Roistat. Информация из таких полей не будет передаваться.

В настройках вашей формы обязательно должно быть заполнено одно из контактных полей: телефон или email.

Настройка со стороны Roistat¶

Если вы хотите использовать интеграцию с рекламным каналом, созданную ранее сентября 2018 года, не переподключая его, необходимо обновить доступ в настройках по соответствующей кнопке. После этого шага отобразятся настройки получения заявок из форм Facebook Lead Ads.

Работа с объявлениями Facebook Leads Ads¶

В настройках канала в блоке Работа с объявлениями Facebook Lead Ads нужно отметить страницы, с объявлений которых вы хотите получать лиды:

В интеграции с Facebook Lead Ads есть возможность отправлять данные на webhook, чтобы самостоятельно настроить дополнительную обработку заявок с этого источника:

Отправляются следующие данные:

Например, вы можете отключить отправку заявок из определенной кампании. Для этого создайте обработчик заявок, который будет проверять данные, отправленные на webhook: если в них содержится ID данной кампании, заявки из нее не должны отправляться в Roistat.

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

Одну страницу лид-форм Facebook нельзя одновременно включить в двух рекламных каналах в рамках одного проекта.

Отображение заявок из Facebook Lead Ads в Roistat¶

Заявки в рамках данной интеграции можно отследить в разделе Диагностика проекта → Список отправленных заявок:

Что происходит с заявками из Facebook Lead Ads при попадании в Roistat:

Если у вас настроена собственная логика создания сделок (например, вы используете формы Битрикс24, интегрированные с Facebook), для отправки информации в Roistat включите матчинг.

Инициация обратного звонка по заявкам¶

При создании заявки через Facebook Lead Ads можно инициировать обратный звонок. Для этого необходимо включить соответствующий переключатель в настройках. Звонок будет произведён на указанный в заявке телефонный номер. По умолчанию переключатель выключен.

Для работы данного механизма на странице Ловца лидов в настройках обратного звонка необходимо указать телефон вашего менеджера:

Дополнительные настройки Facebook Lead Ads¶

Во избежание проблем при работе с интеграцией рекомендуем активировать следующие опции на нужных для вашей интеграции страницах:

Показать список страниц, которыми вы управляете:

Получать доступ к лидам для ваших страниц, читать контент, размещенный на странице (Read content posted on the Page):

Редактировать аккаунты, настройки и вебхуки для страницы (Manage accounts, settings, and webhooks for a Page):

Читать пользовательский контент на вашей странице (Read user content on your Page):

Создание рекламы для вашей страницы и управление ей:

Если лид-форма не отображается в настройках интеграции¶

Проверьте, не отозваны ли права на страницу. Для этого в интерфейсе Facebook Lead Ads раскройте меню в правом верхнем углу и нажмите Настройки и конфиденциальность:

Затем нажмите Настройки:

В категории Бизнес-интеграции найдите Roistat: Рекламные каналы и проверьте права доступа:

Если доступ есть, но лид-форма по-прежнему не отображается, удалите приложение Roistat: Рекламные каналы. Затем в интерфейсе Roistat в настройках интеграции с Facebook восстановите доступ к Facebook – приложение переустановится автоматически.

Как выдать право доступа к рекламе Facebook другим пользователям¶

Чтобы узнать, как управлять правами доступа к рекламе Facebook, прочитайте эту статью.

Читайте также: