関連のツールの紹介、使い方などをやさしく説明しています。Clarityは、Microsoftが無料で提供している、ユーザーの行動分析ツールです。「ユーザーの行動分析」と聞いても、具体的にはどのようなことか想像がつかないかもしれません。「ユーザーの行動分析」とは、サイトに訪問してきたユーザーが、何を目的にやってきて、どのページを見て、クリックして、そしていつ離脱していくのかを記録し分析することです。ユーザーのサイト上での行動を分析することで、ユーザーが求めているものや、サイトの改善点などが発見できます。Clarityは、Microsoftが無料で提供している、ユーザーの行動分析ツールです。以下のような機能があり、ユーザーがサイト上でどのように行動するのかを知ることができます。Clarityの各画面と機能まずは、Clarityの機能の概要をご紹介します。各機能についてより詳しく知りたい場合は、Microsoftの公式ページ(英語)を参照してください。Dashboard(ダッシュボード)ダッシュボードでは、Clarityが収集した次のような情報の概要がまとめて表示されており、サイト上のトラフィックが数値やチャートで一目でわかるようになっています。Recordings(レコーディング)レコーディングでは、録画されたユーザーのサイト上での動きを再生することで、ユーザー視点での分析が可能です。録画から、ユーザーがどこでクリックし、どのようにスクロールし、どのページを見たのか、などがわかります。録画は、ユーザーが離脱又は操作停止してから30分まで行われ、90日間保存されます。Heatmaps(ヒートマップ)ヒートマップは、集計されたユーザーのサイトでの操作を視覚的に表現するツールで、サイトを訪問した全ユーザーのクリックやスクロールを、デバイスに依らず集計し、ヒートマップ上に可視化しています。クリック数の多少や、スクロール深度を色によって表しているため、一目見ただけでサイトのどのコンテンツが人気なのか?ユーザーが求めている情報は何か?を知ることができます。Settings(設定)Clarityの各種設定が行えます。management(チーム管理)サイトの管理者が複数存在する場合、Clarityにアクセスできる人を招待したり、それぞれに役割(Role)を設定したりできます。Clarityでは、役割(Role)が2つあります。Admin(管理者)はすべての権限を持っていて、すべての項目にアクセス可能です。一つのプロジェクト(サイト)に複数のAdminを指定することも可能です。メンバーは管理者によって追加され、閲覧と編集のみが可能です。チームメンバーの追加・削除、役割の変更、設定の変更はできません。Content(マスキング)Clarityがトラック・収集して良いコンテンツを指定できます。デフォルトで、メールアドレスや入力エレメントの値などのセンシティブデータは収集されませんが、それ以外のコンテンツも除外したい場合は、こちらで指定できます。addresses(IPアドレスをブロック)特定のIPアドレスからのアクセスを収集対象から除外したい場合は、こちらで指定できます。Clarityの機能の概要です。連携しよう!それでは、Clarityの機能が分かったところで、早速、Bubbleで作成したサイトと連携していきましょう!BubbleとClarityを連携するためには、プラグインを使用します。2022年、Microsoftが、BubbleでClarityの公式プラグインを公開しました。作成したサイトで使用することが可能になります。Clarityと連携するためには、以下のものが必要です。必要に応じて、用意しておいてください。バージョンを最新にしておいてください。Clarityとサイトを連携していきましょう。Clarityのページから、サインアップを行います。ページ右上の「サインアップ」をクリックします。サインアップは、MicrosoftアカウントFacebookアカウントGoogleアカウントのいずれかのアカウントで行えます。どのアカウントも持っていない場合は、Clarityのサインアップより先にどれかのアカウントを作成しておいてください。サインアップできたら、次に、Clarityと連携するサイトを指定します。Clarity内で表示するためのものなので、わかりやすい名前で良い。WebサイトURL:Clarityと連携するサイトのトップページのURLこれらを入力したら、「新しいプロジェクトを追加する」をクリックします。表示された選択肢の中から、「サードパーティのプラットフォームにインストールする」の「すべてのプラットフォームを表示」をクリックします。様々なプラットフォームの一覧が表示されるので、その中から「Bubble」を選択します。「プロジェクトのコピー」をクリックして、プロジェクトのIDをコピーして控えておきます。設定を行う前に、一通り目を通しておきましょう。ここまでで、Clarity側の設定は一旦終了です。側の設定を行なっていきましょう。ログインしたら、Clarityで指定したサイトのエディターを開きます。pluginsをクリックします。Clarity」のプラグインが表示されます。Microsoft」と記載されていますので、見つける際に参考にしてください。プラグインが見つかったら、「Install」をクリックしてインストールします。「Install」が「Uninstall」になったら、「DONE」をクリックして閉じます。」にペーストまたは入力します。必要に応じて設定してください。Clarityのページに戻ります。BubbleエディターでClarityプラグインにIDを設定すると、すぐにClarityと連携されます。うまく連携された場合は、無効化されていた「ダッシュボード」や「レコーディング」が有効になります。オンラインのユーザーがいる場合は、その人数が表示される場合もあります。バージョンを確認してみてください。バージョンが最新になっていても連携されない場合は、連携に数時間かかるケースもあるようなので、しばらく待ってみてください。それでもうまくいかない場合は、公式サポートへお問い合わせください。Clarityの連携方法と、Clarity機能の概要について見てきました。Clarityを使ってユーザーの挙動を知ることができれば、サイトの改善に大いに役立つのではないでしょうか。個別指導などを行っています。)引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。