Как интегрировать вход через Facebook на ваш сайт WordPress

Опубликовано: 2017-11-02

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

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

Связанный: 9 виджетов WordPress Facebook для лайков, лент страниц и событий

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

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

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

Итак, если вам необходимо предоставить пользователям доступ к вашему веб-сайту, вам может подойти кнопка «Войти в Facebook». Ниже приводится краткое руководство по входу в Facebook через WordPress о том, как интегрировать вход через Facebook в ваш веб-сайт WordPress с помощью Facebook для разработчиков и выбранного вами плагина, JavaScript или PHP, сохраняя при этом безопасную среду для ваших посетителей.

Наша команда в WP Buffs помогает владельцам веб-сайтов, партнерам агентств и партнерам-фрилансерам интегрировать вход в Facebook на свои веб-сайты. И независимо от того, нужны ли вам мы для управления 1 веб-сайтом или поддержки 1000 клиентских сайтов, мы поможем вам.

Как интегрировать вход через Facebook в WordPress

Facebook сделал интеграцию входа в Facebook очень простой для разработчиков WordPress. Добавление входа в Facebook в WordPress никогда не было таким простым! Вот что вам нужно сделать:

Шаг 1. Создайте учетную запись разработчика

Если вы никогда раньше не создавали приложение Facebook, вам необходимо создать учетную запись разработчика на Facebook. Вы можете сделать это здесь.

Facebook для разработчиков

Шаг 2. Создайте новое приложение

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

Шаг 3. Создайте новый идентификатор приложения.

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

Затем нажмите «Создать идентификатор приложения» .

Шаг 4: Создайте продукт

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

Найдите вход в Facebook в модулях справа и нажмите « Настроить» , наведя на него курсор.

Шаг 5: Выберите свою технологию

Поскольку вы добавляете этот логин на свой сайт WordPress, вам нужно нажать кнопку «Интернет». Если вы решите добавить это в мобильное приложение, вам придется повторить этот процесс и выбрать соответствующую опцию.

Шаг 6: Введите свой веб-сайт

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

Шаг 7. Скопируйте SDK

Скопируйте Facebook SDK (комплект разработки программного обеспечения) для JavaScript. По сути, это API Facebook, который открывает каналы связи между вашим сайтом и Facebook.

Если вы хотите установить «Разрешения», которые вам разрешено собирать от пользователей (по сути, все подробные данные, которые Facebook собирает о них), вы можете добавить определенные параметры, чтобы также получить от них эту информацию. Просто имейте в виду, что если вы переусердствуете в том, что просите, Facebook потребует от вас обосновать причину, а затем рассмотрит их, прежде чем одобрить использование этого приложения. Итак, выбирайте мудро.

Шаг 8. Настройте кнопку входа в систему

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

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

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

Шаг 9. Просмотрите панель мониторинга

Теперь, когда ваше приложение создано, вы можете найти подробную информацию о нем, включая идентификационный номер приложения и секретный код приложения (который понадобится вам позже) на панели мониторинга. Вы также сможете получить доступ к аналитике вашего приложения, как только оно появится на вашем сайте.

Шаг 10. Интегрируйте вход через Facebook в WordPress

Вот и последний шаг: установка кнопки «Войти» на ваш сайт. Самый простой способ, конечно, — использовать плагин WordPress, хотя есть и другие варианты.

Есть ли лучший плагин для входа в Facebook Facebook для WordPress? Мы считаем, что следующие варианты — хорошие.

Улучшение пользовательского опыта на вашем сайте не всегда относится к интерфейсу, ориентированному на посетителей. Вы также можете столкнуться с необходимостью упростить доступ к административной области WordPress для ваших пользователей.

С помощью плагина Nextend Facebook Connect вы можете включить вход в Facebook на экране входа в WordPress. Плагин прост с точки зрения того, что он делает, но он хорошо выполняет свою работу и выглядит хорошо, независимо от того, насколько сильно вы настроили экран входа администратора. Что еще действительно здорово в этом плагине, так это то, что Nextend дает пользователям возможность создать собственную кнопку входа в систему «Подключиться к Facebook».

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

Используйте плагин на сайте WordPress

Теперь, когда мы говорим о добавлении входа в Facebook на сайт WordPress, обычно именно в этом случае вы хотите упростить процесс для пользователей на сайте. Это означает, что они могут оставить комментарий, заполнить форму, совершить покупку или выполнить какое-либо другое действие, просто войдя в Facebook одним щелчком мыши.

Чтобы включить вход в Facebook для общей регистрации пользователей и входа на ваш реальный веб-сайт, вы можете использовать один из этих плагинов:

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

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

Super Socializer — один из таких плагинов, который дает вам возможность добавлять различные варианты входа в социальные сети (в настоящее время существует более 100+ платформ для синхронизации). Мало того, этот плагин полон функций настройки, поэтому у вас будет больше возможностей для экспериментов с дизайном, макетом и использованием кнопок входа в социальные сети.

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

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

Также не забывайте учитывать, что некоторым пользователям этот плагин может показаться навязчивым. Разработчик этого плагина уже рассмотрел такую ​​возможность и дает вам возможность сразу решить, хотите ли вы вообще отображать всплывающее окно с уведомлением или эти параметры для ваших посетителей, если они отключили функциональность на своей стороне.

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

Обновите свой HTML

Используя сохраненный SDK для кодов JavaScript от Facebook, вы можете легко добавить вход через Facebook на свой веб-сайт WordPress, просто обновив HTML. Используйте Краткое руководство Facebook, чтобы пройти все этапы.

Используйте PHP

Если вы предпочитаете использовать PHP для добавления кнопки входа в Facebook на свой сайт WordPress, у вас также есть возможность сделать это. Это потребует некоторой дополнительной работы, так как вам нужно будет установить Facebook SDK для PHP в свой проект. Facebook предоставляет руководство о том, как начать работу с этим, на которое вы можете ссылаться.

Краткое содержание

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

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

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

Хотите оставить свой отзыв или присоединиться к обсуждению?Добавляйте свои комментарии в Twitter.

Сохранить Сохранить