3 социальных плагина для настройки вкладок iFrame Facebook: Social Media Examiner

Теперь, когда Facebook полностью поддерживает настраиваемые вкладки iFrame и прекращает поддержку FBML и статического FBML, многие администраторы страниц интересно, как лучше всего добавить функциональность на их вкладки iFrame.

Например, как добавить популярные теги FBML, которые облегчают взаимодействие на Facebook, такие как «Показать / фан-гейтинг», «Приглашение нескольких друзей», «Поделиться», «Нравится» и «Комментарии».

Социальные плагины Facebook спешат на помощь!

К счастью, часть тегов XFBML (a.k.a. Социальные плагины), предназначенные для использования на веб-сайтах, чтобы интегрировать их в "социальный граф”Также отлично работают на вкладках iFrame.

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

В этой статье я объясню, как добавьте эти три социальных плагина на свою настраиваемую вкладку iFrame.

Создание кода тега XFBML - Facebook сделает это за вас!

Вы можете получить код для плагинов социальных сетей на Facebook Страница социальных плагинов. Просто перейдите к нужному тегу, введите параметры на странице этого тега и нажмите «Получить код».

Если вы создаете кнопку «Нравится» без кнопки «Отправить», убедитесь, что вы скопировали XFBML версия кода (НЕ версия iframe - работать не будет) в буфер обмена.

№1: кнопка "Нравится": из вкладки в ленты новостей пользователей

Кнопка Like - самый популярный из плагинов социальных сетей. Вы можете иметь столько кнопок Like на вкладке iFrame, сколько хотите. Для каждой кнопки «Нравится» вы можете указать целевой URL-адрес, которым может быть фан-страница Facebook или любой другой URL-адрес в Интернете. Однако, вы не можете ссылаться на конкретную вкладку фан-страницы, только на саму фан-страницу.

Пользователи могут добавить персонализированное сообщение в всплывающее диалоговое окно Like при нажатии кнопки "Нравится". Если пользователь не добавляет сообщение, на его стену отправляется простое текстовое сообщение со ссылкой на целевой URL на изображении ниже:

Однако, если пользователь все же добавляет сообщение, его лайки будут отображаться на их стене и в ленте новостей с их комментарием, вашим логотипом и ссылкой на целевой URL, ПЛЮС:

• Если целевой URL - это фан-страница Facebook, сообщение также будет включать название компании и содержимое окна «О нас» (в левом столбце после навигации), за которым следует «| Facebook »:

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

Изображение ниже представляет собой сообщение на стене, в котором URL-адрес кнопки «Нравится» имеет метатег, определяющий изображение («image_src»), а также метатег «описание», содержащий текст под ссылкой.

# 2: кнопка Отправить: прямой обмен / обмен сообщениями

25 апреля 2011 г., через год после внедрения социальных модулей, Facebook представил кнопку "Отправить".

Кнопка Отправить отдельно или в паре с кнопкой Мне нравится

Есть два способа реализовать Кнопка отправки: 1) в паре с кнопкой Like (как показано выше) или 2) автономно. Использовать генератор кода кнопки Like чтобы создать комбинацию Like / Send, отметив опцию «Отправить» в генераторе кода:

Кнопка «Отправить» заменяет «Поделиться с друзьями» и переключатель выбора нескольких друзей в FBML.

Раньше (до апреля 2011 г.) страницы могли включать тег FBML «fb: multi-friend-selector», который отображал фотографии ваших друзей, которые можно щелкнуть, чтобы выбрать для сообщения:

И была текстовая ссылка «предложить друзьям» в верхней части правого столбца, которая открывала подобное диалоговое окно. На самом деле он все еще там (!), И вы можете выбрать друзей и нажать «отправить рекомендации»… но сообщение никогда не приходит.

В Кнопка отправки теперь возвращает эту функцию на страницы Facebook, но она значительно улучшена.

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

Когда пользователь нажимает кнопку «Отправить», появляется диалоговое окно (как показано ниже), в котором пользователи могут ввести данные своих друзей. имена, группы в Facebook или просто адреса электронной почты, и любое сообщение, которое они отправляют, плюс указанная цель URL.

• Если отправлено друзьям, они получают сообщение Facebook, содержащее ваши комментарии, изображение, связанное с URL-адресом, и описание (полученное, как описано выше для кнопки Like).
• Если отправлено в группу Facebook, сообщение появится на стене группы.
• Если отправлено на адрес электронной почты, получатели получат электронное письмо с темой «разговор с [ваше имя]», вашим добавленным сообщением и URL-адресом.

# 3: Поле комментариев: улучшено

Facebook социальный плагин окна комментариев позволяет вам добавить поле комментариев похож на старый FBML fb: тег комментариев, но намного лучше, так как он позволяет проводить обсуждения по цепям и более точно повторяет стену.

Уникальный для кнопок Like и Send, вы можете указать URL-адрес вкладки Facebook для каждого создаваемого поля комментариев.

Когда вы генерируете код на странице социальных плагинов в поле комментариев, вам не нужно иметь " http://www.” в поле URL. Facebook заполнит это:

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

Большие возможности для брендов, использующих настраиваемые вкладки iFrame

Эти новые и улучшенные теги - только начало. Я полагаю, что в ближайшие месяцы администраторы страниц увидят ряд улучшений социальных плагинов. И нам вообще не будет не хватать FBML!

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