*

*

0/500

モバイルサイトのヒートマップをウェブビューで見る

モバイルサイトのヒートマップをウェブビュー機能で見る際に、ブラウザのユーザーエージェント(以下UA)を偽装する必要があります。また、ブラウザでUAの偽装をして後、かならずブラウザをリフレッシュする必要があります。ブラウザ更新をしなければ、モバイルサイトのヒートマップは表示されません。

Note:基本的なウェブビュー機能の利用方法についてはこちらをご参照ください。
ウェブビュー機能をご利用になる際は、ブラウザのポップアップ表示を許可してください。

各ブラウザごとのUAの偽装方法を説明します。

Chromeブラウザ

方法1:ディベロッパー・ツールを利用する

  • Chromeブラウザ(Chrome33.0以上)でヒートマップのウェブビューページを開きます。
  • 画面上のマウスを右クリックします。「検証」という項目が表示されるので、クリックしてください。
  • 下図の1〜3の順にクリックをしてください。
  • ①のアイコンをクリックし、②でブラウザで偽装したい端末の種類を選んだ後、③をクリックするとヒートマップをウェブ上で確認することができます

 

方法2:ChromeのUA偽装プラグインを利用する

  • Chromeのウェブストアページにアクセスします。
  • User-Agent Switcher for Chrome」を検索し、Chromeブラウザにこのプラグインを追加します。
    追加されると、ブラウザのツールバーに下記のようなアイコンが追加されます。
  • 「User-Agent Switcher for Chrome」のアイコンをクリックし、モバイル端末の種類を選択します。
    その後、ウェブビュー画面のブラウザをリフレッシュすると、選択した端末ページのヒートマップをウェブ上で確認することができます。

 

Firefoxブラウザ

FirefoxのUA偽装プラグインを利用

  • Firefoxブラウザ(Firefox28.0以上)のアドオンページにアクセスしてください。
  • 「configuration mania」を検索します。このプラグインをインストールし、ブラウザにこのアドオンを追加します。
  • インストールが完了したら、ブラウザの「ツール」から「configuration mania」を選択してください。
  • 下図のようなポップアップウィンドウが表示されます。
    メニューから「User Agent」を選択し、「プリセット」の一覧より端末を選択します。
  • 端末の種類を選択してからウェブビュー画面のブラウザをリフレッシュすると、選択した端末ページのヒートマップをウェブ上で確認することができます。

 

Safariブラウザ

  • Safariブラウザ(Safari7.0.2以上)の環境設定画面に入ります。
  • 「メニューバーに”開発”メニューを表示」の項目にチェックを入れます。
  • ブラウザのメニューバーにある「開発」の「ユーザーエージェントの一覧」から端末を選択します。
    その後、ウェブビュー画面のブラウザをリフレッシュすると、選択した端末ページのヒートマップをウェブ上で確認することができます。

Hits: 3512