Как создать контент Facebook только для фанатов с помощью вкладки Reveal: Social Media Examiner

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

(Важное обновление: Facebook больше не поддерживает FBML. См. Статьи на Facebook iFrame.) Один из самых популярных тегов FBML - это fb: видимый для соединения. Этот тег FBML, любимый маркетологами, позволяет странице Facebook показывать разный контент фанатам и не фанатам. Когда не фанат нажимает кнопку «Нравится» - альт! - контент, не связанный с поклонниками, исчезает, а контент только для фанатов заменяет его. Это может быть очень эффективным методом мотивации посетителя стать поклонником вашей страницы.

Этот тег FBML часто - и ошибочно - называют «взломом»; однако он был создан Facebook делать именно то, что он делает: «К отображать контент внутри тега в профиле пользователя или страницы Facebook, только если зритель является другом этого пользователя или фанатом этой страницы Facebook.”

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

Есть много способов мотивируйте посетителей ставить лайки вашей странице. Вот несколько примеров от брендов на Facebook:

Леви обещает «Мгновенный доступ к эксклюзивному контенту».

1-800 цветов предлагает код скидки 20% на ваш следующий заказ.

Футболки Teesey держит его в тайне: «Посмотри, в чем дело».

DIGISTORE предлагает «Коды скидок, нерекламируемые специальные предложения, бесплатные ежемесячные призы».

Вы уловили картину. «У нас здесь отличный контент, НО В первую очередь вы должны поставить нам лайк!»

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

Ниже приведены инструкции о том, как добавить на страницу контент, предназначенный только для поклонников.

Добавьте статическое приложение FBML на свою страницу

Сначала вам нужно добавить Статическое приложение FBML на вашу страницу. Вот учебник.

НОТА: Статический FBML можно добавить только на страницу Facebook (например, бизнес-страница, страница компании, страница бренда). Его нельзя добавить в личный профиль.

Что такое FBML?

FBML - это собственный проприетарный язык разметки Facebook, который позволяет содержимому вкладок взаимодействовать с API Facebook («Интерфейс программирования приложений»). Его так же просто использовать, как и HTML.

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

Создание контента только для фанатов на настраиваемой вкладке

После того, как вы добавили статическое приложение FBML, реализовать этот тег FBML довольно просто. Единственная сложная задача - избавиться от белого пространства, которое создает контент только для фанатов, даже если он еще не виден.

Facebook использует «видимость: скрыто"Стиль для скрывать фан-контент, пока пользователю не понравится страница. Однако это правило стиля по-прежнему резервирует место для содержания; это просто не шоу контент. Следовательно, контент, не относящийся к фанатам, выталкивается вниз по странице! Однако это легко решается с помощью «абсолютного позиционирования» CSS. Я использую этот подход в следующих примерах.

Код для коробки FBML:
__abENT__lt; div id = __ abENT__quot; wrapper__abENT__quot; __abENT__gt;
КОНТЕНТ ТОЛЬКО ДЛЯ ФАНАТОВ
__abENT__lt; div id = __ abENT__quot; не-фанаты__abENT__quot; __abENT__gt; КОНТЕНТ ДЛЯ НЕФАНАТОВ ИДЕТ ЗДЕСЬ__abENT__lt; __abENT __ # 8260; div__abENT__gt;
__abENT__lt; __abENT __ # 8260; div__abENT__gt;

Как показано выше, все содержимое вкладки будет содержаться в «оболочке» DIV.

открывает это, содержащее DIV. Стили CSS применяются к «оболочке» идентификатора через таблицу стилей.

Весь контент, предназначенный только для поклонников и не связанный с поклонниками, помещается между открытием тег и закрытие тег. Это содержимое может быть HTML, FBML и CSS.

Пройдите тренинг по маркетингу YouTube - онлайн!

Хотите повысить свою вовлеченность и продажи с помощью YouTube? Затем присоединяйтесь к самому большому и лучшему собранию экспертов по маркетингу YouTube, которые делятся своими проверенными стратегиями. Вы получите пошаговые инструкции, посвященные Стратегия YouTube, создание видео и реклама на YouTube. Станьте героем маркетинга YouTube для своей компании и клиентов, реализуя стратегии, которые приносят проверенные результаты. Это интерактивное обучающее мероприятие от ваших друзей из Social Media Examiner.

ПОДРОБНЕЕ НАЖМИТЕ ЗДЕСЬ - ПРОДАЖА ЗАКАНЧИВАЕТСЯ 22 СЕНТЯБРЯ!

Сначала идет контент, предназначенный только для фанатов, за ним следует контент, не связанный с фанатами, который следует сразу после открытия. Тег FBML.

Не относящийся к фанатам контент содержится в и

теги. Стили CSS применяются к идентификатору «не фанаты» через таблицу стилей.

Сразу после содержания, не относящегося к поклонникам, идет закрытие тег, за которым следует закрывающий тег и, наконец,

Вот поле Static FBML с приведенным выше кодом, и ссылка на внешнюю таблицу стилей:

Вот CSS для внешней таблицы стилей (с примером URL):
#wrapper {
ширина: 520 пикселей;
маржа: 0 авто; граница: 0; отступ: 0;
положение: относительное;
}
# не фанаты {
ширина: 520 пикселей;
позиция: абсолютная; верх: 0; слева: 0;
}

Ваша внешняя таблица стилей должна иметь только правила стиля CSS. Не включайте … теги!

Если вы не можете использовать внешнюю таблицу стилей

Если у вас нет сервера, на который можно загрузить отдельную таблицу стилей, вы можете «Встроить» стили в теги HTML. Хотя это не идеально, это вариант, если вы не можете создать отдельную таблицу стилей, разместить ее на сервере и связать с ней с помощью тег.

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

Тестирование и устранение неисправностей

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

• Создайте учетную запись пользователя для тестирования: Самый эффективный способ тестирования - создать учетную запись Facebook только для тестирования или использовать учетную запись друга или коллеги. (Создание нового личного профиля для тестирования может нарушать Условия использования Facebook - См. №4, Регистрация и безопасность аккаунта - даже если это сделано с добрыми намерениями.) Вы можете войти в Facebook как один пользователь (учетная запись администратора) в одном браузере. и вошел в систему как тестовая учетная запись в другом браузере (я использую Firefox и Safari). Тогда вам не нужно будет входить и выходить из Facebook как администратор, затем как тестировщик и т. Д.
  При тестировании вам потребуется переключаться между отметками "Нравится" и "Не нравится" странице. Чтобы отличаться от страницы, щелкните вкладку Стена. Внизу левого столбца стены вы увидите надпись «В отличие от»:
  
  Щелкните это, чтобы отличить страницу, и вы можете нажать кнопку Нравится, чтобы повторно оценить страницу. При необходимости повторите.

• Используйте внешнюю таблицу стилей, а НЕ встроенные стили:Наиболее браузеры будут правильно отображать вашу страницу, если вы встроили CSS с тег, но НЕ Internet Explorer 8!
  Поскольку миллионы людей используют этот конкретный браузер, ваш CSS должен быть в отдельном файле (с расширением «.css») и на него следует ссылаться со страницы FBML с. Вам нужно будет разместить этот файл где-нибудь в Интернете, где вы сможете разместить на него ссылку.

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

• Проверьте синтаксис: Убедитесь, что URL-адреса окружены соответствие кавычки (одинарные или двойные подходят, но они должны совпадать) и что они являются текстовыми, прямыми вверх и вниз кавычками (не «причудливыми» или «фигурными» кавычками).

• Проверьте свою вкладку в самых популярных браузерах и на Mac И Windows: Вы должны быть уверены, что ваша вкладка правильно отображается в самых популярных браузерах (Firefox, Internet Explorer, Safari и Chrome, по крайней мере), а также на Mac и Windows. То, что хорошо отображается в Firefox, Chrome и Safari, может не отображаться (а часто и не так) в Internet Explorer.

А как насчет объявления Facebook об уничтожении FBML?

19 августа 2010 года Намита Гупта объявил предстоящий отказ от FBML. Однако я ожидаю, что поддержка Static FBML и fb: видимый для соединения тег будет существовать бесконечно. Static FBML - это собственное приложение Facebook, и всего несколько месяцев назад они предложили настраиваемые вкладки Static FBML в качестве утешительного приза для пользователей, которые обезумели от удаления вкладки Boxes. Я ожидаю, что он будет поддерживаться в 2011 году и, возможно, позже.

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

Вы пробовали контент только для фанатов на своей странице в Facebook? Какой у вас был опыт? Пожалуйста, оставьте свои комментарии в поле ниже.