---
title: "ソーシャルログインの設定とユーザー分析"
description: "ソーシャルログインを使って、ユーザーデータの収集・送信・分析するには"
authors:
  - name: "Diego Poza"
    url: "https://auth0.com/blog/authors/diego-poza/"
date: "Jan 25, 2017"
category: "Identity & Security,Identity,Analytics"
tags: ["marketing", "social-login", "growth-hacks"]
url: "https://auth0.com/blog/jp-how-to-build-your-user-analytics-funnel-with-social-login/"
---

# ソーシャルログインの設定とユーザー分析



## はじめに

データ主導の意思決定を行う企業は、ユーザーについてできるだけ多くのことを知る必要があると認識しています。

しかし、優れた企業は、データを取得する最善の方法は、質問することではないと理解しています。むしろ、既存のデータをすばやく効率的に収集するためのファネルを構築することです。

このため、ソーシャルログインは最も強力なアナリティクスツールの 1 つです。すでにセットアップ済みのソーシャルメディアアカウントを使用してアプリにログインするオプションにより、ユーザーは新しいユーザー名とパスワードの組み合わせを作成する面倒な手順を省くことができます。そして、御社にとってはユーザーがどのような人物を知る手間が省けます。

> Auth0 は、B2C 企業が使いやすい[最新の顧客アイデンティティ管理ソリューション](https://auth0.com/b2c-customer-identity-management)を使用して、顧客のプロファイルをエンリッチメントするのに役立ちます。

シンプルなツールやコードがいくつか用意されているため、公開されている情報を使って、マーケティング、製品開発、ユーザー維持に関してより適切な意思決定を行うことができます。

サインアップからログイン、分析まで、ユーザーデータの活用を始めるために必要なことを段階的に説明します。

## 1\.ソーシャルログインをセットアップする

最初に決定する必要があるのは、ソーシャルログインでサポートするソーシャルメディアプラットフォームの種類です。

![Auth0 のソーシャルログインプロバイダ](https://images.ctfassets.net/23aumh6u8s0i/3q11XLTm7JG97Zui0NdS83/69c34978d5b60a9fbfaceb42459b0334/enabling-social-connections)

Auth0 では、各種ソーシャル API のさまざまなヘッダーと応答形式を[自動的に調整できる](https://auth0.com/learn/social-login/)ため、開発者は、（技術的に）どれを有効にできて、どれを有効にできないのかを考える必要はありません。

考える必要があるのは、*御社の*ユーザーが使用したいソーシャルプロファイルの種類についてです。

人気とデータへのアクセス性の両面において、Facebook と Google はどちらも確実に候補に入ります。この 2 社を合わせると、Web 上のすべてのソーシャルログインの [3/4 以上](https://auth0.com/blog/analysis-of-social-connection-data/)を占めています。ソーシャルが基本となっているアプリ（メッセージング、コミュニケーション、エンターテイメント）の開発に取り組んでいる場合、前述のソーシャルログインをサイトに配置せざるを得ないでしょう。

![プロバイダごとにソーシャル接続を共有します。](https://images.ctfassets.net/23aumh6u8s0i/3vNr6zEmmR9W9U0j52Mm0E/cbc264516146f645308b16d47edfda78/social-connections-usage)

しかし、開発者ツール、マーケティングと営業、ファイル共有のように専門的な開発に取り組んでいる場合、最適なユーザーデータを取得するためのより優れた選択肢が他にも存在することになります。

Github または Bitbucket プロファイルからある開発者のリポジトリやコミットをすべて引き出したり、あるユーザーの Dropbox アップロードすべてを御社のチームワークコラボレーションツールに自動的に統合したりすることを想像してみてください。

新規登録時のソーシャルグラフを取得して御社のプラットフォームを利用している友人全員を表示したり、すぐにやり取りを始められるコンテンツを提供したりすることもできます。

ユーザーがログインしやすくなるだけではなく、より良いユーザーエクスペリエンスの構築に役立つプラットフォームと統合されているソーシャルログインをサポートしてください。

## 2\.  ルールをセットアップする

収集する情報の種類は、データの使用方法や収集元のプラットフォームによって異なりますが、それに関係なく収集方法は同じです。

たとえば、ユーザーが Twitter のソーシャルログインオプションを使用してサインアップしており、そのユーザーがどの国にいるのかという情報を収集したいとします。Auth0 のすべての収集は、[ルール](https://auth0.com/docs/rules)（ユーザーが認証されるたびにバックエンドで実行される JavaScript のスニペット）を介して実行されます。

![Auth0 ルール](https://images.ctfassets.net/23aumh6u8s0i/3X9mYmKdLN5YJIpXikBfOZ/38fc334ebbd71a1a4112ade6ab5cf6ba/rules-diagram)

Twitter 経由でログインするすべてのユーザーから現在の国に関するデータを収集する場合は、[ユーザープロファイル Auth0 のルールに国を追加](https://github.com/auth0/rules/blob/master/rules/add-country.md)してから、このコード行を使用して国を取得します。

```javascript
var country = user.country;
```
Auth0 の[セグメントルール](https://github.com/auth0/rules/blob/master/src/rules/send-events-segmentio.js)を使用すると、そのデータを[セグメント](https://segment.com/)に送信してから、選択した電子メールマーケティングツールに送信できます。

```javascript
function (user, context, callback) {
  if (context.protocol === 'delegation') {
    return callback(null, user, context);
  }

  const request = require('request');

  if (context.stats.loginsCount > 1) {
    sendEvent('Logged in');
  } else {
    sendEvent('Signed up');
  }

  function sendEvent(e) {
    const sioTrack = {
      userId: user.user_id,
      event: e,
      properties: {
        application: context.clientName
      },
      context: {
        ip: context.request.ip,
        userAgent: context.request.userAgent
      }
    };

    // Segment API returns 200 OK for all its request. For possible errors
    // you must use Segment's Debugger (https://segment.com/docs/libraries/http/#errors)
    request({
      method: 'POST',
      url: 'https://api.segment.io/v1/track',
      headers: {
        'Content-type' : 'application/json',
        'Authorization': 'Basic ' + Buffer.from(configuration.SEGMENTIO_WRITE_KEY + ':').toString('base64')
      },
      body: JSON.stringify(sioTrack),
    });
  }

  callback(null, user, context);
}
```
追加のルールを使用して、各ユーザーの[推定平均収入](https://github.com/auth0/rules/blob/master/rules/add-income.md)（IP アドレスの郵便番号に基づく）を収集したり、[同じメールアドレス](https://github.com/auth0/rules/blob/master/rules/link-users-by-email.md)を持つアカウントをリンクしたりできます。

## 3\.データを分析して使用する

アプリ内のすべてのユーザー認証のクリアリングハウスである Auth0 は、ユーザーデータの信頼できる唯一の情報源として運用できます。バックエンドでルールを実行した状態で個別のユーザー ID からデータが引き出されれば、誤ったタグや誤検出のリスクはありません。

このため、Auth0 は高い精度が求められる分析に特に適しています。新しいクーポンコードを知らせる製品発売前の電子メールの送信対象とするユーザーを分析するために、年齢、収入、性別、地域、興味、婚姻状況別に[すべてのユーザーをセグメント化する](https://auth0.com/learn/customer-loyalty-program/)とします。

ソーシャルログインを使用すると、このような種類のデータで簡単にユーザープロファイルをエンリッチメントできます。このようなエンリッチメントを行うアプリケーションは無数にあります。

* **パーソナライズされたオンボーディング**：製品マネージャからマーケティング担当者など、あらゆる人が御社の SaaS 製品を使用している場合は、役割属性を使用して、各ユーザーを特定のニーズに合わせて設計されたオンボーディングフローに導きます。
* **リテンションの分析**：アクティビティごとにユーザーベースをセグメント化し、どのようなユーザーが最も長期間サイトに出入りする傾向にあり、どのようなユーザーがアプリを最大限に活用し、どのようなユーザーが再びエンゲージメントしようとしているかを確認します。
* **顧客のペルソナの構築**：顧客を代表的なペルソナにグループ化することは、マーケティングおよび製品開発の取り組みに集中するのに効果的な方法です。しかし、ユーザーがどのような人物で、どこからアクセスしており、どう行動するのかに関する定量的モデルを構築するためにアナリティクスを使用する場合、すべてを直感的に実行する必要はありません。

Auth0 ユーザーは、事前に作成されたルールを使って、さまざまなアプリケーションにユーザー情報を送信できます。さらに、最近 [Auth0 Extend](https://auth0.com/extend/) という製品をリリースしました。この製品を使用すると、企業は JavaScript コードを受け入れる使いやすい拡張ポイントを顧客に提供できます。[Auth0 Extend](https://auth0.com/extend/) を使用すると、顧客は、Marketo、Salesforce、Concur などの他の SaaS システムと統合することで、カスタムビジネスルールや定期ジョブを作成したり、エコシステムに接続したりできます。どれもプレーンな JavaScript モジュールと NPM モジュールを使用します。

### Slack

![Slack ロゴ](https://images.ctfassets.net/23aumh6u8s0i/3FBbv0miQbV6ajzFeflMSF/b7e8bf323c2359cdc97b94a5d0db016e/slacklogo)

[Slack](http://slack.com/) は単なる通信ツールではありません。適切な統合によって、Slack は重要なビジネス活動のハブのように機能します。

[Slack ルール](https://github.com/auth0/rules/blob/master/rules/slack.md)を使用すると、選択した Slack チャネルをすべてのユーザーに通知できます。

```javascript
function(user, context, callback) {
  // short-circuit if the user signed up alreadyif (context.stats.loginsCount > 1) return callback(null, user, context);

  // get your slack's hook url from: https://slack.com/services/10525858050var SLACK_HOOK = 'YOUR SLACK HOOK URL';

  var slack = require('slack-notify')(SLACK_HOOK);
  var message = 'New User: ' + (user.name || user.email) + ' (' + user.email + ')';
  var channel = '#some_channel';

  slack.success({
   text: message,
   channel: channel
  });

  // don’t wait for the Slack API call to finish, return right away (the request will continue on the sandbox)`callback(null, user, context);
}
```
### Mixpanel

![Mixpanel ロゴ](https://images.ctfassets.net/23aumh6u8s0i/7Eh1Ul4ndgBu5SIJiDVc7Q/14e22613eb16bc4eae46f3ece65a8ec2/Mixpanel)

[Mixpanel](https://mixpanel.com/) は、モバイルアプリケーションと Web アプリケーションの両方でユーザーの行動を確認できるアナリティクスプロバイダです。アプリの特定の機能がどのように実行されているか、毎日のようにアプリを使っているユーザーとそうでないユーザーの違いは何かなどを調べることができます。

次の[ルール](https://github.com/auth0/rules/blob/master/rules/mixpanel-track-event.md)は、固有のユーザーがアプリにログインするたびに Mixpanel に `Sign In` イベントを送信します。詳細については、Mixpanel の [HTTP API](https://mixpanel.com/help/reference/http) を参照してください。

```javascript
function (user, context, callback) {

  var mpEvent = {
    "event": "Sign In",
    "properties": {
        "distinct_id": user.user_id,
        "token": "{REPLACE_WITH_YOUR_MIXPANEL_TOKEN}",
        "application": context.clientName
    }
  };

  var base64Event = new Buffer(JSON.stringify(mpEvent)).toString('base64');

  request.get({
    url: 'http://api.mixpanel.com/track/',
    qs: {
      data: base64Event
    }
  }, function (e, r, b){
      // don’t wait for the MixPanel API call to finish, return right away (the request will continue on the sandbox)
      callback(null, user, context);
  });
}
```
### Fullcontact

![Fullcontact ロゴ](https://images.ctfassets.net/23aumh6u8s0i/5xAKnaWPGMi374xPXDh8VV/9b7b2a6c9b43197bed0c805de9262154/fullcontact-logo)

[FullContact](https://www.fullcontact.com/) は連絡先管理ソフトウェアで、連絡先のリストの統合、重複排除、および消去に使用されます。このような作業は、メディア企業はもちろん、営業やマーケティングという負荷の高い組織にとって悩みの種です。

FullContact [ルール](https://github.com/auth0/rules/blob/master/rules/get-FullContact-profile.md)により、ユーザーの電子メールアドレスを使用して FullContact からユーザーのプロファイルを取得できます。ユーザーの情報が利用可能な場合は、`fullContactInfo` プロパティが `user_metadata` に追加されます。詳細については、[FullContact API のドキュメント](http://www.fullcontact.com/developer/docs/)を参照してください。

```javascript
function (user, context, callback) {
  var FULLCONTACT_KEY = 'YOUR FULLCONTACT API KEY';
  var SLACK_HOOK = 'YOUR SLACK HOOK URL';

  var slack = require('slack-notify')(SLACK_HOOK);

  // skip if no email
  if(!user.email) return callback(null, user, context);
  // skip if fullcontact metadata is already there
  if(user.user_metadata && user.user_metadata.fullcontact) return callback(null, user, context);
  request({
    url: 'https://api.fullcontact.com/v2/person.json',
    qs: {
      email:  user.email,
      apiKey: FULLCONTACT_KEY
    }
  }, function (error, response, body) {
    if (error || (response && response.statusCode !== 200)) {

      slack.alert({
        channel: '#slack_channel',
        text: 'Fullcontact API Error',
        fields: {
          error: error ? error.toString() : (response ? response.statusCode + ' ' + body : '')
        }
      });

      // swallow fullcontact api errors and just continue login
      return callback(null, user, context);
    }


    // if we reach here, it means fullcontact returned info and we'll add it to the metadata
    user.user_metadata = user.user_metadata || {};
    user.user_metadata.fullcontact = JSON.parse(body);

    auth0.users.updateUserMetadata(user.user_id, user.user_metadata);
    return callback(null, user, context);
  });
}
```
顧客データを使用して、より優れたアプリケーションを構築する方法は無限にあります。重要なのは、本当にうまくいくものが見つかるまで実験を続けることです。見つかったら、それに賭けてみましょう。

特効薬などありません。できることは強みを探すことだけです。しかし、アナリティクスを使用すると、その強みがずっと早く見つかります。

> [Auth0 が提供する豊富な **Free Tier**](https://auth0.com/pricing) を使用して、B2C、B2B、小売、および CIAM 製品に最新の認証を搭載しましょう。