Webアプリケーションでの操作ログの取得方法について伺いたいです。

というのも、通常のシステムであればユーザがどのような操作をしたか、どのようなデータを入力したか
といったものを操作ログとして出力していると認識しています。(デバッグ、トラブル対応のため)

しかし、Webアプリケーションのフロント側(特にJS)ではコンソール画面にログを出力する機能はあっても操作ログをファイルとして出力することは一般的で無い様に見受けられます。
特に業務で利用するようなシステムの場合、(例えばWrikeのようなものWrike)では、ログを取得しない場合、後々トラブルが起きた際に面倒なことになると考えています。

そこで下記についてお伺いしたいです。

1.Webアプリケーションのフロント側のログを収集する方法があまりないのか。
 調べても、choromeへconsole.logを出す方法しか見つからず、ログを収集し後で確認出来るような形で保存するといった方法は見つかりませんでした。
2.操作ログやコンソールログを収集をする場合、どのような方法で行うのか。
 操作する度にjsonファイルかなにかを発行し、それをサーバへ送るとかでしょうか。

イメージとしては下記のようなシステムを想定しています。
◇利用シーン
 ・業務利用システム
  (ゲーム等ではなく、ある特定のユーザのみが利用するようなものです)
◇システム構成
 ・HTML/CSS/JS

どうぞよろしくお願いします。