Если вы заядлый пользователь Facebook, то, возможно, вы уже знаете, что можете добавить свой значок Facebook на свой собственный веб-сайт, в блог или даже по электронной почте, как ранее говорил Джексон
, Я также ранее рассмотрел 4 способа
что вы можете получить доступ к своей учетной записи Facebook без фактического посещения Facebook.
Недавно я хотел добавить Facebook на свой веб-сайт различными способами, в том числе позволить своим посетителям «лайкать» мои статьи и, конечно, отображать мои обновления Facebook в моем блоге. На самом деле существует несколько способов интеграции Facebook в свой веб-сайт: либо для отображения информации своего профиля, либо для предоставления посетителям доступа к своей информации Facebook различными способами.
В этой статье я расскажу о нескольких способах добавления Facebook в свой блог или веб-сайт с помощью виджетов и кнопок. Эти виджеты и фрагменты кода взяты из коллекции инструментов Facebook, которые вы можете использовать на любом веб-сайте.
Показать информацию о вашем профиле на вашем сайте
Самый распространенный способ добавления Facebook на свой веб-сайт — это отображение значка «значок» в своем профиле, обычно в левом меню своего блога. Это также самый простой выбор, потому что это всего лишь вопрос получения кода из области значков профиля и вставки его на ваш сайт.
На своей странице Facebook «Значки профиля» вы заметите, что слева у вас есть несколько вариантов для выбора типа виджета, который вы хотите использовать — например, значки, значки профиля и значки с фотографиями. Я расскажу о каждом из этих вариантов.
Значок профиля прост, просто выберите, куда вы хотите вставить свой значок. Для веб-сайтов или в вашем блоге выберите «Другое».
Выделите и скопируйте HTML-код в поле ниже, а затем вставьте его в свой блог или на свой веб-сайт, куда вы хотите вставить значок профиля Facebook. Для блога WordPress, которым я обычно пользуюсь, вы можете вставить код в виджет Text / HTML на боковой панели.
Просто нажмите «Сохранить», и ваш профиль появится на боковой панели вашего блога. Каждый раз, когда вы обновляете свой профиль на Facebook, изменение отражается на значке вашего профиля.
Есть два других типа значков профиля, которые вы можете разместить на своем сайте — Значок Фото или Значок «Нравится». Значок фотографии очень похож на отображение вашего профиля, за исключением того, что он отображает ваши последние добавленные фотографии вместо обновления профиля. Значок «Мне нравится» довольно крутой, потому что это простой способ поделиться понравившимися сайтами с посетителями прямо из Facebook.
Вы можете выбрать любой элемент из списка «Нравится и не нравится» в вашем профиле. Он отображается как ссылка на страницу Facebook для этого объекта. Например, в этом случае он ссылается на страницу Facebook для Band of Brothers.
Это значки профиля, которые люди используют в течение длительного времени, но есть также интересные способы, с помощью которых вы можете помочь посетителям вашего сайта получить доступ к своей учетной записи Facebook прямо с вашего сайта и, надеюсь, поделиться своим URL со всеми своими друзьями в процессе. ,
Помогите посетителям поделиться вашим контентом
Более полезные виджеты Facebook — это виджеты «Мне нравится», которые вы можете разместить в своем блоге, чтобы ваши посетители могли делиться статьями или контентом на вашем сайте, который им особенно нравится. Возможно, вы уже заметили виджет «Нравится» на своих любимых веб-сайтах, так как он очень популярен.
Просто зайдите на страницу виджетов Facebook и выберите один из двух доступных виджетов «Мне нравится» — один из них — просто стандартная ссылка «Мне нравится» со списком людей, которым нравится страница, а другой — поле «Мне нравится», в котором посетители могут понравиться Ваша страница в Facebook (если она есть).
Чтобы настроить кнопку «Нравится» для своего сайта, вам просто нужно указать URL-адрес и настроить виджет для области на своем сайте, где вы хотите разместить его. Когда вы закончите, просто нажмите «Получить код».
Когда у вас есть код, просто вставьте его на свою страницу, где вы хотите, чтобы он появился, и вот как он будет отображаться на вашей странице:
Помните, что если вам нужна отдельная кнопка «Нравится» для каждой страницы вашего сайта, вам нужно зайти на Facebook, назначить URL-адрес и получить код. Лучшим подходом (доступным на той же странице, где вы получаете код) является использование кода XML, который Facebook называет XFBML.
Если вы разработчик, вы можете создать динамический сценарий, который будет содержать правильный URL для ваших посетителей, чтобы он понравился для конкретной загруженной страницы. Создание этого кода выходит за рамки этой статьи, но имейте в виду, что возможность есть, если она вам нужна. Посетите страницу помощи кнопки «Мне нравится» для получения дополнительной информации.
Позвольте посетителям просматривать их учетную запись Facebook
Мой любимый виджет Facebook из всех них — виджет Feed Feed. Если у вас есть сайт, который получает хотя бы некоторую социальную любовь в виде акций Facebook от ваших посетителей, вы можете показать это в классном виджете. Этот виджет отображает последние статьи, которыми поделились посетители. И когда посетители вашего сайта регистрируются в своих профилях Facebook, виджет фактически отображает последние обновления / публикации о вашем сайте от своих друзей в Facebook — так что они могут видеть, кому из их друзей в Facebook нравится ваш сайт.
На мой взгляд, этот виджет является одним из лучших способов создать идеальный диалог между вашим собственным сайтом и сообществом Facebook. По мере увеличения трафика на ваш сайт из сообщества Facebook вы увидите, что этот виджет отображает вашу популярность и привлекает еще больше посетителей Facebook.
Есть кнопки и виджеты, которые я выбрал, чтобы добавить Facebook на мои сайты, но есть и другие виджеты, которые можно попробовать — так что экспериментируйте и посмотрите, какие из них лучше всего подходят для вашего сайта. Вы пробовали что-нибудь из этого в своем блоге? Знаете ли вы о каких-либо других интересных виджетах, которые интегрируют Facebook в ваш блог даже лучше, чем эти? Поделитесь своим мнением в разделе комментариев ниже.