More than 5 years have passed since last update.

「今あなた以外に○○名がこのサイトを見ています！」をGoogle Analyticsで簡単実装！

Last updated at 2019-11-26Posted at 2019-11-25

はじめに

少し前に話題になったこの記事。
旅行予約サイトの「今あなた以外に○○人が見ています」はウソだったことが判明 - GIGAZINE

「これってGoogle AnalyticsのRealtimeの情報をAPIで取得すれば結構簡単に実装できるんじゃないかな…」と思い立ち、実装してみましたという話。

システム全体

イメージ的には下記の様な形で実装しました。

更新

①GAS(Google Apps Script)でGoogleAnalyticsのRealtime情報を取得(１分単位)
②取得した情報をスプレッドシートに書き込み

取得

①他のアプリからHTTPによるGET要求
②要求に対しスプレッドシート内最新値を検索
③最新値を返信
※GASにてHTTPサーバを構築しています。

構築

1.準備：Analytics側(アカウント権限追加)

Analytics側に利用するアカウントにデータを参照する権限を付与する必要があります
下記の手順で行うことが出来ます。

①管理をクリック

②ユーザ管理

③ユーザ追加

④ユーザ追加２

メールアドレスにGoogle Apps Scriptを使うGoogleユーザを入力し、新規ユーザにメールで通知するのチェックを外し、「追加」ボタンをクリックしてください。

2.準備：Analytics側(ビューID追加)

下記の方法でビューIDを取得しておきます

①管理をクリック

②ビューの設定

この画面の「ビューID」をコピーしておく

3.準備：GAS側(Google AnalyticsAPI許可)

次は、GAS側で設定をしてきます。
Google Analytics APIを許可します。

①スプレッドシート

「ツール」>「スクリプトエディタ」を選択

②スクリプトエディタ

「リソース」＞「Googleの拡張サービス」を選択

③Googleの拡張サービス

「Google Analytics API」をオンにして「OK」を選択

4.コーディング

下記のコードをコピーし貼り付けます。
**[VIEW_ID]**の部分にコピーしておいた「ビューID」を貼り付けます。

function getRalTimeUser() {
  var ret = Analytics.Data.Realtime.get('ga:[VIEW_ID]', 'rt:activeUsers')
  return ret.totalsForAllResults["rt:activeUsers"]
}

function main() {
  var raltimeuser = getRalTimeUser();
  var sheet = SpreadsheetApp.getActiveSheet();
  sheet.appendRow([raltimeuser, new Date()]);
}

function getSeetRalTimeUser(){
  var sht = SpreadsheetApp.getActiveSheet();
  var _row = sht.getLastRow();
  
  var _count = sht.getRange(_row,1).getValue();
  var _time  = sht.getRange(_row,2).getValue();
  return [_count,_time]
}

function doGet(e) {
  var out = ContentService.createTextOutput();
  out.setMimeType(ContentService.MimeType.JSON);
  out.setContent(JSON.stringify(getSeetRalTimeUser()));
  return out;
}