WebサービスのTOPページに「現在○人が閲覧中」のようなアクティブユーザーの数を表示する機能をGoogle APIを用いて実装したいと考えています。

※こちらの記事のリンク先のページようなイメージです。

api使用のためにプロジェクトの認証情報などを作成し、公式リファレンスのテストページ？（https://developers.google.com/analytics/devguides/reporting/realtime/v3/reference/data/realtime/get）にて必要なパラメーターを入力し実行すると「"totalsForAllResults":{"rt:activeUsers":"6"}」などリクエストが通り、データが取れることを確認済みですが、色々と知識不足すぎて実際にWebサービスで実装する際のリクエスト作成の方法が分かりません。
まずはこちらの記事（http://fujiringo.sakura.ne.jp/hayabusa/blog/code/2015/03/google-analytics-api-sample.html）を参考に公式のjavascriptのライブラリを使ってデータを取得しようとライブラリをダウンロードし、client-idの情報などを自分のものに変更して動かそうとしたのですが、うまく動作しませんでした。（400 error Error: invalid_request
Permission denied to generate login hint for target domain.）

①ライブラリがうまく動作しない原因
②実際のWebページに「現在の閲覧者数の取得」を組み込む際の方法(jqueryで記述したいです。)
上記二点についてご教授いただけますと大変助かります。
よろしくお願いいたします。