# Mixpanel

*スキルレベル: 中級*

Mixpanelを使用すると、「どの機能が最も人気があるか？」や「ユーザーベースの成長速度はどれくらいか？」などの質問に答えることができます。

Adaloを使用すれば、この統合を簡単に行うことができます。AdaloにMixpanelのAPIキーを貼り付けるだけで、残りの作業は私たちが行います。Adaloは自動的にアプリ内のすべてのユーザーアクションを記録するため、ユーザーのサインアップ、最も人気のある画面、およびそれらの画面でユーザーが行う操作を確認できます。

## 開始前の準備:

* [Mixpanelアカウント](https://mixpanel.com/)が必要です。
* Mixpanelのすべての機能について詳しく知りたい場合は、[Mixpanelヘルプセンター](https://help.mixpanel.com/hc/en-us)をご覧ください。
* Mixpanelは、ネイティブアプリや電話で使用されるPWAからのアクションを追跡します。
* 2つ以上のAdaloアプリのアクションを追跡する場合は、それぞれのためにMixpanel内で新しいプロジェクトを作成する必要があります。

### 手順

{% tabs %}
{% tab title="シンプル" %}

#### **Mixpanelアカウントの設定**

**1.)** [Mixpanel](https://www.mixpanel.com)にアクセスし、まだアカウントをお持ちでない場合は無料アカウントを作成してください。

**2.)** Mixpanelアカウントの設定時に、最初に組織を追加し、新しいプロジェクトを作成するオプションが表示されます。

{% hint style="info" %}
一貫性を保つために、Adaloアプリで使用している名前と同じ名前でプロジェクトを命名することを強くお勧めします。
{% endhint %}

#### Mixpanelトークンの取得

**3.)** 開始ページに移動すると、Mixpanelトークンが表示されます。

**4.)** 右上隅の <img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-646cce00feef4f103e5518a4bb8b1b132ce2cdba%2Fimage%20(46).png?alt=media" alt="" data-size="line"> アイコンをクリックし、プロジェクト設定を選択し、アクセスキーにスクロールダウンしてプロジェクトトークンをコピーします。

#### MixpanelトークンをAdaloに追加

**5.)** MixpanelでトラッキングしたいアプリのAdaloビルダーに移動し、左パネルの設定オプションを開きます。

**6.)** Mixpanelトークンの入力欄までスクロールし、Mixpanelトークンを貼り付けて「アプリを更新」をクリックします。これで完了です！

#### Mixpanelでの洞察を得る

**7.)** アプリがMixpanelに接続されると、アプリは自動的にユーザーデータをMixpanelに送信し始めます。

{% hint style="info" %}
アプリのプレビューで行われたアクションは記録されないため、テストデータがメトリクスに影響を与えないようにしています。
{% endhint %}

**8.)** レポートはMixpanel側で管理されるため、詳細については[彼らのドキュメント](https://help.mixpanel.com/hc/en-us)をご確認ください。以下では、Mixpanel内の最も一般的な領域を紹介しているため、詳細についてさらに学ぶことができます。
{% endtab %}

{% tab title="詳細" %}

#### **Mixpanelアカウントの設定**

**1.)** [Mixpanel](https://www.mixpanel.com)にアクセスし、まだアカウントをお持ちでない場合は無料アカウントを作成してください。

**2.)** Mixpanelアカウントの設定時に、まず組織の詳細を入力する必要があります。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-39d1853dcbaf0d1a8638b5cd27e39f97df24f3ed%2Fimage%20(92).png?alt=media" alt=""><figcaption><p>組織名を付けるステップ、Mixpanel。</p></figcaption></figure>

**3.)** 今、プロジェクトの詳細を記入してください。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-ace7907c7e76c277fec9448bc4e7f0a4dd8d8140%2FScreen%20Shot%202022-12-21%20at%202.21.41%20PM.png?alt=media" alt=""><figcaption><p>プロジェクトを作成するステップ、Mixpanel。</p></figcaption></figure>

{% hint style="info" %}
一貫性を保つために、Adaloアプリで使用している名前と同じ名前でプロジェクトを命名することを強くお勧めします。
{% endhint %}

####

#### Mixpanelトークンの取得

**4.)** 開始ページにあるMixpanelトークンを見つけることができます。

<figure><img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-b3fdb0693ebb0718ad2d3be58eb09335273333b3%2FScreen%20Shot%202022-12-21%20at%202.05.55%20PM.png?alt=media" alt=""><figcaption><p>開始ページからMixpanelトークンをコピーする。</p></figcaption></figure>

**5.)** <img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-646cce00feef4f103e5518a4bb8b1b132ce2cdba%2Fimage%20(46).png?alt=media" alt="" data-size="line">アイコンをクリックし、右上隅にあるプロジェクト設定を選択し、アクセスキーにスクロールダウンしてプロジェクトトークンをコピーします。

#### MixpanelトークンをAdaloに追加

**6.)** MixpanelでトラッキングしたいアプリのAdaloエディタに移動し、左パネルの設定オプションを開きます。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-b21677140c724f8d02ab610c8d53dabd77f43111%2FScreen%20Shot%202022-12-21%20at%205.37.42%20PM.png?alt=media)

**7.)** Mixpanelトークンの入力欄までスクロールし、Mixpanelトークンを貼り付けて<img src="https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-6e4783e3487f2541cbd490c52b2fa6001ac7de58%2FScreen%20Shot%202022-12-21%20at%204.55.42%20PM.png?alt=media" alt="" data-size="line">をクリックし、完了です！

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-9e9524f49cfc3ae41c1e67e39ea10d6d4e7e4585%2FScreen%20Shot%202022-12-21%20at%205.36.12%20PM.png?alt=media)

#### Mixpanelでの洞察を得る

**8.)** アプリがMixpanelに接続されると、アプリは自動的にユーザーデータをMixpanelに送信し始めます。

{% hint style="info" %}
アプリのプレビューで行われたアクションは記録されないため、テストデータがメトリクスに影響を与えないようにしています。
{% endhint %}

**9.)** レポートはMixpanel側で管理されるため、詳細については[ドキュメント](https://help.mixpanel.com/hc/en-us)をご確認ください。以下では、Mixpanel内の最も一般的な領域を紹介していますので、詳細を学ぶことができます。
{% endtab %}
{% endtabs %}

## 例

* Mixpanelで以下のようなスクリーンが最も人気があることを示すレポートやチャートを作成できます。

![](https://797861279-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4EFNSNZLMs5AZ70x2P33%2Fuploads%2Fgit-blob-714e2d2383f770ddec79c3a359508f739203d0f3%2FScreenshot%202019-11-11%20at%2012.28.50%20PM.png?alt=media)

## もっと詳しく

* ボードについて詳しく学ぶ：<https://help.mixpanel.com/hc/en-us/articles/115004565746>
* ユーザーについて詳しく学ぶ：<https://help.mixpanel.com/hc/en-us/articles/360000902886>
* イベントについて詳しく学ぶ：<https://help.mixpanel.com/hc/en-us/articles/4402837164948>

## ヘルプ

> この記事に関する追加のヘルプが必要な場合は、いつでも[コミュニティフォーラム](https://forum.adalo.com/)で質問できます！投稿する際には、この記事へのリンクも貼っておくことを忘れないでください！
