BrazeのWeb SDKでユーザーの位置情報を記録してみる

マーテック(MarTech)

Braze

森亮介

2022.02.07

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

Brazeではユーザーの最新のロケーションを記録することにより、定義された場所にいたユーザーに基づいてデータをセグメント化することが可能となっています。

位置情報の収集を有効にするには、IOS/Android/Web　の仕様に従います。

今回はWeb SDKを使用したアプリケーションでユーザーの位置情報を保存していきたいと思います。

やってみる

現在地を設定

Webでは Geolocation.getCurrentPosition()を使用してBraze データを送信します。

BrazeのWeb SDKでは、 setLastKnownLocation() を使ってデータを保存できます。

シンタックス

setLastKnownLocation(
  latitude: number, 
  longitude: number, 
  accuracy?: number, 
  altitude?: number, 
  altitudeAccuracy?: number): boolean

latitude
- ユーザーがいる場所の緯度（有効値は-90〜90度）
longitude
- ユーザーの位置の経度（有効な値は-180〜180度です。）
accuracy（オプション）
- ユーザーの緯度・経度の精度（メートル単位
altitude(オプション)
- WGS 84基準楕円体より上または下のユーザー位置の高度（メートル）
altitudeAccuracy(オプション)
- ユーザーの高度の精度（メートル単位）。

サンプルコード

    const options = {
      enableHighAccuracy: true,
      timeout: 5000,
      maximumAge: 0
    };

    const success = (pos) => {
      var crd = pos.coords;

      console.log('Your current position is:');
      console.log(`Latitude : ${crd.latitude}`);
      console.log(`Longitude: ${crd.longitude}`);
      console.log(`More or less ${crd.accuracy} meters.`);

      appboy.getUser().setLastKnownLocation(
        crd.latitude,
        crd.longitude,
        crd.accuracy,
        crd.altitude,
        crd.altitudeAccuracy
      );
    }

    const error = (err) => {
      console.warn(`ERROR(${err.code}): ${err.message}`);
    }

    navigator.geolocation.getCurrentPosition(success, error, options);

継続的な追跡

ページの読み込み中にユーザーの位置を継続的に追跡する場合は、Geolocation.watchPosition() を使用します。

ユーザーの場所が更新されるたびにsuccessのコールバックが呼ばれます。

サンプルコード

const success = (pos) => {
      var crd = pos.coords;

      console.log('Your current position is:');
      console.log(`Latitude : ${crd.latitude}`);
      console.log(`Longitude: ${crd.longitude}`);
      console.log(`More or less ${crd.accuracy} meters.`);

      appboy.getUser().setLastKnownLocation(
        crd.latitude,
        crd.longitude,
        crd.accuracy,
        crd.altitude,
        crd.altitudeAccuracy
      );
}

navigator.geolocation.watchPosition(success);