Mouseflow

mouseflowのプライバシー設定はシンプルで直感的なVisual Privacy Toolで!

Webサイトを運営するにあたり、最も注意しなければならないことがユーザーのプライバシーを守ることです。
プライバシー情報を含むページのデータは収集しないなど、企業や使用するツールによって対応は様々ですが、今回はmouseflowのプライバシー対策についてお伝えします。
mouseflowでは、設定画面から簡単にプライバシー情報のマスキング処理が可能です。

設定方法は2種類あります。

①キー入力のマスキング

ログイン画面やお客様情報入力画面など、ユーザーがキー入力した箇所をマスキングするには、設定画面の[プライバシーの設定]から[フォーム入力内容を隠す]を「はい」に切り替えるだけで設定完了です。

②入力箇所以外のマスキング

お客様情報や注文内容の確認画面などのプライバシー情報が表示されるページでは、手動でマスキング処理を行う必要があります。
以前は各プライバシー情報に対し、ページ要素からCSSセレクターをコピーして設定画面の[除外&ホワイトリスト]から[コンテンツを除外する]のフィールドに貼り付ける必要がありましたが、
新たに実装された”Visual Privacy Tool”によってとても簡単に設定が可能になりました。

それでは、新機能”Visual Privacy Tool”でマスキング処理を行う手順をご紹介します。

1:まず設定画面の[除外&ホワイトリスト]を開き、[Visual Privacy Toolを開く]をクリックします。

2:するとポップアップ画面でマスキング処理を行うWebサイトのURLが表示されるので、URLに問題なければ[GO]をクリックします。

3:下図のように、画面下に”Visual Privacy Tool”が開いた状態でオリジナルのページが表示されます。表示されているページにマスキング処理を行う箇所がない場合は、”Visual Privacy Tool”右上の[Hide to navigate]をクリックし、ツール画面を閉じてからページを移動します。

4:マスキング処理を行うページに移動したら、[Open Privacy Tool]をクリックしてツール画面を開き、マスキングしたい箇所をクリックします。クリックすると、下図のように該当箇所がピンク色で表示され、ツール画面内にCSSセレクターが追加されます。

5:すべてのマスキング対象フィールドを設定したら、[Save and close]をクリックします。

6:mouseflowの設定画面に戻ると設定内容が表示されたポップアップ画面で表示されているので、そのポップアップを閉じ、最後に[除外&ホワイトリスト]の[保存]をクリックすれば完了です。

なお、上記と同じ手順で「キー入力するところだが、マスキングしなくてもいい箇所」を設定することもできます。
(mouseflowでは、これをホワイトリストと呼びます)
例えば、検索窓はユーザーがキー入力する箇所ですが、ここはデータとして取得しても問題ないのでマスキング対象から外したいですよね。
そういった場合は、”Visual Privacy Tool”のツール画面でサイドメニューの[Whitelisted fields]をクリックし、後は同じようにマスキングしなくていい箇所をクリックして設定します。
[Whitelisted fields]に設定された箇所は、下図のようにページ上に緑色で表示されます。

mouseflowのマスキング設定は非常にシンプル且つ直感的な操作で、誰でも簡単に設定が可能です。
また、”Visual Privacy Tool”を開いてオリジナルページを見ると、すでに除外設定された箇所はピンク色、
ホワイトリスト設定された箇所は緑色で表示されるため、設定漏れがないかを確認するのも簡単です。

各企業の個人情報の取り扱いについて監視の目が強まる昨今、データ取得状況の見直しに今回ご紹介した各機能を是非お役立てください!

今後も随時各機能のTipsをご紹介していく予定です。
Mouseflowの操作やUIについての質問、または分析方法や各種設定についてのお問い合わせ、ブログへのリクエストなどは「お探しの情報は見つかりましたか?」のポップアップからお気軽にどうぞ。

ピックアップ記事

  1. 最速で理解したい人のためのIT用語集

関連記事

  1. Mouseflow

    ページ解析ツールMouseflowにふれてみた

    こんにちは!エクスチュアインターン生の柳沼です!最近、夏休みという…

  2. Mouseflow

    mouseflowによる分析の観点

    こんにちは、インターン生の丸山です。今回は、mouseflowを用いた…

  3. Mouseflow

    Mouseflow:ヒートマップ表示の仕様

    こんにちは。エクスチュアの加納です。今回は、Mouseflow…

  4. Mouseflow

    Mouseflowで問題解決② -事例ベースで機能紹介-

    Mouseflowで問題解決 -エクスチュアのツール紹介-webサイト…

  5. Mouseflow

    直帰率を改善する!4つのポイント

    サイトを分析する際に、直帰率が高いかどうかはとても重要です。もし、…

  6. Mouseflow

    Mouseflow:レコーディングを確認する前に

    こんにちは。エクスチュアの加納です。これから、Mouseflow …

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

CAPTCHA


最近の記事

  1. LangChainって何?: 次世代AIアプリケーション構築…
  2. 回帰分析はかく語りき Part1 単回帰分析
  3. GitHub ActionsでGCEへのデプロイを楽にしてみ…
  4. Snowflake の Copilot が優秀すぎる件につい…
  5. Snowflake の新しいData Clean Roomの…
  1. IT用語集

    ゴー言語(Golang)って何?
  2. Adobe Analytics

    バウンスと直帰-Adobe Analytics
  3. Adobe Analytics

    ページでの滞在時間とは-Adobe Analyticsの指標説明
  4. ブログ

    「Power BI」を用いたダッシュボードの作成!②
  5. IT用語集

    クラス(Class)って何?
PAGE TOP