FacebookログインをWordPressと統合する方法

公開: 2021-03-26

WordPress Webサイトを通じてエンゲージメントとブランドロイヤルティを促進するのは、難しい場合があります。 ユーザーとのつながりを維持するための最良の方法の1つは、ユーザーがサイトのアカウントにサインアップすることです。 ただし、多くの訪問者は、特に新しい安全なパスワードを生成して後で覚えておく必要がある場合は、このタスクが面倒だと感じるかもしれません。 この問題を回避する1つの方法は、Facebookのログイン機能を提供することです。

訪問者がアカウントを作成してサイトにアクセスしやすくすることで、間接的にエンゲージメントを促進すると同時に、ユーザーの生活を楽にすることができます。 この記事では、WordPressサイトでFacebookのログインボタンを設定する方法を正確に説明します。

掘り下げましょう！

FacebookログインをWordPressサイトに追加したい理由

WordPressを使用すると、すぐに使用できるユーザー登録が可能になります。 あなたのウェブサイトにはすでにログインオプションがあるので、なぜFacebook統合を追加する必要があるのか​​疑問に思うかもしれません。 主な理由はすべて、ユーザーの利便性に帰着します。

プラットフォームの月間アクティブユーザー数が約28億人であることを考えると、サイトの訪問者の大多数はおそらくすでにFacebookアカウントを持っています。 最近人々が覚えなければならないユーザー名とパスワードの数を考えると、既存のアカウントを使用してサイトに登録する機能は非常に便利です。 訪問者は、すでに知っているログイン情報を使用できる場合、アカウントを作成する可能性が高くなります。

FacebookログインをWebサイトに追加すると、ユーザーはボタンを1つクリックするだけでアカウントを作成できます。

Facebookのログインボタンの例。

もちろん、この便利さはあなたのビジネスに利益がないわけではありません。 ユーザーが簡単に登録できるようにすることで、間接的にユーザーがサイトにもっと関与するように促します。 これは、次のようないくつかの理由で望ましいです。

  • あなたのウェブサイトにアカウントを持っていることは、ユーザーがあなたのブランドにもっと投資していると感じるのを助けるかもしれません。
  • ユーザーはコメントを残したり、コンテンツを操作したりする可能性が高くなります。 これはコミュニティの感覚を生み出し、検索エンジン最適化（SEO）を後押しするのに役立ちます。
  • すでに接続している場合は、ソーシャルネットワークとコンテンツを共有する可能性が高くなります。これにより、投稿のリーチが広がります。
  • 登録ユーザーは、新しいコンテンツのプロモーションや通知で簡単にアクセスできます。

最後に、Facebookの膨大なユーザーベースは、統合により、他の方法ではアクセスできない可能性のある強力な分析および人口統計情報を提供できることを意味します。 これらの詳細は、ビジネスの成長に関して非常に貴重な場合があります。

FacebookログインをWordPressと統合する方法（5ステップ）

Facebookログイン統合を検討する必要がある理由がわかったので、次はそれを設定してメリットを享受する方法を学びましょう。 プロセスは複雑に見えるかもしれませんが、実際には見た目よりも簡単です。 それを見ていきましょう。

ステップ1：Facebook開発者アカウントを設定する

最初に行う必要があるのは、Facebook開発者アカウントにサインアップすることです。 これにより、Facebookソフトウェア開発キット（SDK）を使用して、サイトのログインボタンなど、さまざまなアプリや統合を作成できるようになります。

Facebook開発者ページ。

Facebook Developerサイトにアクセスし、右上隅にある[ GetStarted ]をクリックします。 いくつかの質問がありますが、すでにFacebookアカウントをお持ちの場合、プロセスは非常に迅速です。 終了すると、Facebookアプリページが表示され、次のステップに進みます。

ステップ2：新しいFacebookアプリを作成する

次のステップは、Facebookアプリを作成することです。これは、統合用のコードを含む容器です。 メインの[アプリ]ページで、緑色の[アプリの作成]ボタンをクリックして開始します。

新しいFacebookアプリを作成します。

これにより、アプリで実行する必要があることを選択するように求めるウィンドウが開きます。

新しいFacebookアプリの目的を選択します。

「 ConnectedExperiencesの構築」を選択して、Facebookログインを設定します。 次に、アプリに名前を付け、連絡先メールアドレスを提供する必要があります。

Facebookアプリに名前を付けます。

終了したら、[アプリの作成]をクリックします。 CAPTCHAで人類を確認するように求められたら、次のステップに進むことができます。

ステップ3：新しいアプリの製品を追加する

次に、新しいアプリの製品を選択する必要があります。 これは基本的に、正しい方向から始めるのに役立つ、事前にパッケージ化されたコードです。 手順2でBuildConnected Experiencesを選択した場合は、このページにFacebookログインのオプションが表示されます。

Facebookアプリ用の製品を選択します。

その上にカーソルを置き、[設定]をクリックします。 Facebookは、アプリのプラットフォームを選択するように求めます。

Facebookログインボタンのプラットフォームを選択します。

これはあなたのウェブサイト用なので、ウェブを選択します。 次の画面に、ウェブサイトのURLを入力することから始めて、手順のガイド付きリストが表示されます。

Facebookのログインボタンを作成するためのウィザード。

一部の手順では、コードをコピーしてWebサイトのさまざまな場所に貼り付けて分析を有効にし、[ Facebookで接続]ボタンを追加するように指示します。 これを手動で行うことは可能であり、問​​題なく機能しますが、プロセスをさらに簡単にするために、ステップ5でWordPressプラグインを使用します。 必要に応じて、これらの手順を安全にスキップできます。

ステップ4：Facebookのログインボタンを構成する

製品を追加するプロセスのステップ4に進むと、Facebookからログインボタンのコードが提供されます。 この時点で、その外観を構成できます。

Facebookには、ログインボタンを好きなように設定するために使用できる非常に便利なコードジェネレーターが用意されています。

Facebookログインボタンの外観の構成エディター。

次に、生成されたコードをコピーして、サイトの適切なページに貼り付けるだけです。 繰り返しになりますが、Facebookのログインボタンを手動で統合する代わりに、プラグインを使用してこれを実現しますが、カスタマイズオプションは引き続き便利です。

ステップ5：Nextendソーシャルログインプラグインを使用してサイトにログインボタンを表示する

この時点で、WordPressWebサイトにFacebookログインボタンを表示する準備が整いました。 Facebook Developerアカウントダッシュボードの指示に従って手動で追加できますが、プラグインを使用して作業を簡単にすることをお勧めします。 Nextend Social Loginは、GoogleとTwitterでも機能する素晴らしいソリューションです。

NextendソーシャルログインWordPressプラグイン。

このプラグインをインストールするには、WordPressダッシュボードを開き、 [プラグイン]> [新規追加]に移動します。 「Nextend」を検索し、プラグインをインストールします。 それもアクティブにすることを忘れないでください。

次に、 [設定]> [次のソーシャルログイン]に移動します。

WordPressダッシュボードのNextend設定パネル。

Facebookオプションの下の[はじめに]をクリックして、プラグインを構成します。 Facebookアプリを作成するための手順のリストが表示されます。これはすでに行っているので、下にスクロールして、[ Facebookアプリのセットアップが完了しました]というボタンをクリックできます。

次に、設定画面が表示されます。

Nextend設定ページ。

アプリIDとアプリシークレットを入力する必要があります。 これらは、Facebook開発者アカウントで見つけることができます。 上部にある[マイアプリ]をクリックして、前に作成したアプリを選択します。 左側のサイドバーで、[設定]> [基本]をクリックします。

ログインボタンをNextendプラグインに接続するために使用されるFacebookアプリIDとアプリシークレット。

アプリIDとアプリシークレットは画面の上部にあります。 これらをネクストエンド設定に入力します。 Nextendの事前に作成されたスタイルのいずれかを使用して、ここでボタンの外観を構成するか、ステップ4で作成した独自のカスタムボタンを使用できます。

Nextendボタンの構成設定。

これを実行して変更を保存すると、ログインページに[ Facebookで続行]ボタン（または設定で選択したテキスト）が表示されます。

結論

より多くのサインアップを促進したい、より多くのコメントを奨励したい、またはより良い分析へのアクセスを取得したいのかどうかにかかわらず、FacebookをWordPressサイトと統合することはあなたの目標を達成するための優れた方法です。 このプロセスは恐ろしいように思えるかもしれませんが、一度始めればそれほど悪くはありません。

次の5つの手順に従って、サイトのFacebookログイン統合を有効にします。

  1. Facebook開発者アカウントを設定します。
  2. Facebookアプリを作成します。
  3. アプリの製品を追加します。
  4. Facebookのログインボタンを設定します。
  5. Nextend Social Loginプラグインを使用して、サイトにログインボタンを表示します。

Facebook統合をサイトに追加することについて質問がありますか？ 以下のコメントセクションでお知らせください！

V3rc4 /shutterstock.com経由の注目の画像