Меню

«Facebook Like Box» — интеграция и настройка CSS

В дополнение к кнопке „Мне нравится“, Facebook также предлагает так называемый плагин „Like Box“. Предпосылкой для плагина Facebook Like Box является передний бренд Facebook или Facebook-фан-страница. Включив плагин Facebook“ Like Box „на домашнюю страницу, посетители сайта, которые еще не являются поклонниками страницы бренда Facebook, имеют возможность “понравиться » той или иной странице.

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

«Facebook Like Box» — интеграция и настройка CSS

 

Like Box разделен на три следующие области:

  • (Заголовок) область заголовка плагина;
  • (Stream) новости страница Бренда;
  • (Faces) изображения участников с соответствующими ссылками;
  • В зависимости от конфигурации Like Box, могут отображаться определенные области (Header, Stream или Faces).

Как и где генерируется и интегрируется Facebook „Like Box“?

Как уже упоминалось в начале, Facebook — это бренды. Fan Page — требование для создания Facebook Like Box. Для создания Like Box требуется ссылка, а также URL-адрес собственной страницы бренда:

  • Facebook Developers: Like Box
  • URL вашей собственной страницы бренда, например: http://www.facebook.com/pages/Online-Marketing-Solutions-AG/105960406233
  • Генерация Like Box так же проста, как и генерация кнопок Like. Просто введите URL-адрес собственной страницы бренда в разделе «URL страницы Facebook „, выберите соответствующие области, такие как“ show Faces „,“ show stream „или“ show header „, а затем нажмите“ Get Code».

Просто нужно скопировать один из нижних кодов и вставить его в нужное место в исходном коде веб-страницы, и все готово.

«Facebook Like Box» — интеграция и настройка CSS

Чтобы настроить Like Box с помощью желаемого CSS, фактический код, который был сгенерирован, должен быть немного изменен. В частности, в самом начале кода „fb:like-box“ должен быть изменен на „fb:fan“. Затем возможно включение собственного CSS-файла. Для этого теперь в CSS передается полный путь CSS. Важно и отметить, что в конце пути CSS становится переменной 1. После каждого изменения CSS эта переменная должна быть возвращена на 2 или после 12 изменений CSS в 13 и т.д. Если файл CSS не изменяется, но переменная не отображается, изменение не отображается до тех пор, пока переменная не будет завинчена на единицу.

Идентификатор профиля может быть взят из URL-адреса страницы бренда

К примеру: http://www.facebook.com/pages/Online-Marketing-Solutions-AG/

Чтобы изменить нужные места с помощью CSS, рекомендуется использовать Firebug —отладчик веб-приложений. Это дополнение позволяет быстро определить, какие имена класса или идентификатора используются в каких местах. В качестве примера можно взять изменение CSS, в результате чего после удалить рамку Like Box, пропустить тонкую рамку изображения профиля и изменить цвет фона. Важно и рекомендуется включить соответствующую политику конфиденциальности.

 

Читайте также:  Unity как настроить сцену