sidebarホームWordPress決済ツールギークスグロース世の中にあるインフラを使いこなして、理想のライフスタイルを手に入れることを目指すブログ。今運用している会員サイトにユーザーが登録の手間を省けるようにSNSログインを入れたい。実はそれはジャイアニズムというプラグインを使えば解決することができます。ジャイアニズムをFacebookやLINEログインといったSNSログインを簡単に導入することができます。今回はジャイアニズムを使ってLINEログインを導入する方法をご紹介していきます。今回の記事を読むことで、どういう流れでLINEログインを導入や流れの確認をすることができるのでぜひ最後まで読んでみてください。まとめジャイアニズムとはジャイアニズムとはWordPressにSNSログインを実装することができる国産のプラグインになります。SNSを使って登録もできるので、ユーザーに登録フォームの入力の手間を省いて登録率アップにもつなげることができます。ジャイアニズムのサイトはこちらジャイアニズムででできることジャイアニズムでは、次のSNSログインを実装することができます。・Facebook・Twitter・Google・Instagram・LINE今回はLINEとジャイアニズムを連携する方法を紹介していきます!LINEの開発者アカウントの作成まずは、LINEの開発者サイトに行ってログインします。LINEのアカウントを持っていない方は予め作成しておくようにしましょう。LINEの開発者サイトにアクセスしたら、サイトの中にある「ログイン」ボタンをクリックしてログインするようにしましょう。LINE開発者サイト「ログイン」ボタンをクリックすると、LINEの開発者ログインページが表示されます。作成したアカウント情報を入力してログインします。failed」と表示された画面が出ることがあります。これは、何かしらの理由でログインに失敗したとの表示のようです。Developersにログインしました。」といったメッセージが来ていればログインは完了しています。一度開発者ページのトップに戻って「ログイン」ボタンをクリックしてみてください。すると、今度はログインフォームの代わりにアカウントが表示されていると思います。表示されたら、そのままログインをクリックしてログインしましょう。failed」が出る場合は下記のページにアクセスして「コンソールにログイン」をクリックしてログインしましょう。僕の場合はそれでログインできました。開発者ページ「LINEログインを利用するには」ログインがうまくいくと下記のようなページが表示されます。LINEの開発者アカウントの作成LINEの開発者アカウントを作成していない場合は、初回のログイン時に開発者作成ページが表示されます。入力した情報で開発者アカウントが作成できたら、開発者アカウント専用ページが表示されます。これで、LINEの開発者アカウント作成は完了です。開発者アカウントの作成ができたら次はプロバイダーを作成していきます。プロバイダーとは認証を行うために作成する個人や企業名のことです。開発者ページトップから「新規プロバイダー作成」をクリックしましょう。クリックしたら、プロバイダー名を入力する画面が表示されます。今回は「アカウント名+LINEログイン」としました。入力ができたら「確認する」をクリックして、作成しましょう。作成終えると次のようなページが表示されます。これでプロバイダーの新規作成は完了です。新規チャンネルの作成プロバイダーが作成できたら、今度はチャンネルを作成していきましょう。チャンネルとは、プロバイダー名の中にあるプロジェクトのことです。今回はLINEログインを実装するので、LINEログインの「チャンネルを作成する」をクリックしましょう。クリックすると、チャンネルの作成画面が表示されます。それぞれ入力してチャンネルを作成していきましょう。ちなみに、アプリタイプには「WEBで使う」を選びます。このチャンネル作成ではLINEの文字列を含んだものを作成することができないようです。LINEの文字列が含まれた場合は下記のようなエラー画面が表示されます。うまく作成すると作成されたアプリが一覧に表示されます。これでチャンネルの作成は完了です。チャンネルIDとチャンネルシークレットの取得チャンネルの作成が完了したら、今度はLINEとジャイアニズムを連携するために必要な「チャンネルID」と「チャンネルシークレット」を取得します。「チャンネルID」と「チャンネルシークレット」はアプリ一覧画面の中から「LINEログイン」のものクリックします。すると、チャンネル詳細画面が表示されます。この詳細画面のタブ「チャネル基本設定」のタブになっていることを確認して、下にスクロールしましょう。スクロールしていくと、チャンネルIDとチャンネルシークレットと書かれた部分が表示されます。この2つがLINEとジャイアニズムを連携するのに必要なものになります。メモを取っておくようにしておきましょう。これで「チャンネルID」と「チャンネルシークレット」の取得は完了です。「チャンネルID」と「チャンネルシークレット」をそれぞれ取得ができたら、今度はジャイアニズムの設定画面に移動します。設定画面に移動すると下記のような項目が表示されると思います。ジャイアニズムには次のような基本設定があります。1.現在の登録設定2.ログイン画面3.ボタンサイズ現在の登録設定について現在の登録設定については、WordPressのデフォルトの設定を使用するか、ジャイアニズムの設定を使用するかを選べます。理由がなければここは、ジャイアンらしく登録を「登録を強制する」にチェックを入れておきましょう。ログイン画面設定についてここでは、すべてのログイン画面にログインボタンを表示するか、ログインボタンを手動で設定するかを選ぶことができます。理由がなければ、「すべてのボタンをログイン画面に表示する」を選んでおきましょう。ボタンサイズについてここでは、ボタンサイズを「中」か「大」の2つのサイズから選ぶことができます。好きなサイズを選ぶようにしましょう。ジャイアニズムとLINEを連携ジャイアニズムとLINEを連携するには、ジャイアニズムの設定画面を下にスクロールしていきましょう。すると、LINEの設定画面が表示されるので、設定に必要な項目を埋めていきます。ジャイアニズムで必要な項目には次のような項目があります。・チャンネルID・チャンネルシークレット・リダイレクトURL・メールアドレスを取得する。LINEと接続についてLINEと連携して、LINEログインを実装するかどうかを聞かれます。チャンネルIDここにはLINEのチャンネルIDを入力します。チャンネルシークレットここにはLINEのチャンネルシークレットを入力します。リダイレクトURLここはリダイレクトさせる場合に設定します。リダイレクトURLのコピーのボタンをクリックして、表示されたURLをコピーしてください。表示されたURLをコピーできたら、連携するLINEのチャンネルのチャンネル詳細ページに行きます。チャンネル詳細ページに移動したら、タブの「アプリ設定」をクリックしましょう。URL」という項目があるので編集を押して先程コピーしたURLを貼り付けます。これでリダイレクトURLの設定は完了です。ここの設定をしておかないとLINEが使用できないので、しっかりと設定しておきましょう。メールアドレスを取得する。ここはユーザーがLINEログインした時のメールアドレスを取得するかどうかの設定ができます。ここを設定しておかなくてもLINEログインは実装できますが、ログインしたユーザーのメールアドレスがLINEが作成した適当なメールアドレスになります。必要な場合はチャンネル詳細ページから、メールアドレスの申請を行いましょう。必要な項目を埋めたら「変更を保存」をクリックしましょう。これで、ログイン画面に移動するとLINEログインのボタンが表示されていると思います。まとめ今回はジャイアニズムを使ってLINEログインを実装する方法を紹介しました。ジャイアニズムは他のSNSログイン(InstagramやTwitter)などにも対応しているので、他にも対応させたいものがあれば対応させることができます。ジャイアニズムはSNSログインを付与するプラグインなので、これだけで会員サイトを作成するとかはできません。プラグインGuildPress(ギルドプレス)は10月10にリリースしました。GuildPressは、オンラインでの会員制学習サイトの立ち上げなどを考えている方におすすめのWordPressテーマとなります。ケンタロウ普段はプログラミングとマーケティングを駆使して活動しています。僕が普段の活動の中で、世の中には色んなインフラとなるようなものが溢れているという風に気づきました。あとは使いこなすための知識や実際の使い方とかさえ知っていれば、意外と自分が理想とするライフスタイルは実現するんではないか?と思いこのブログを通して便利なツールの使い方などを紹介しています。