> ## Documentation Index > Fetch the complete documentation index at: https://radarlabs-update-tracking-options.mintlify.site/llms.txt > Use this file to discover all available pages before exploring further. # Building an on-premise mode In this tutorial, we show you how to use in Radar to show an on-premise mode when a user is in a geofence. If you haven't already, sign up for Radar to get your API key. You can create up to 1,000 geofences and make up to 100,000 API requests per month for free. [Get API keys](https://radar.com/signup) There are several ways to create geofences: 1. [Create geofence page](https://dashboard.radar.com/geofencing/geofences/new) 2. [CSV import](/geofences#csv-import) 3. [API](/api#upsert-a-geofence) The `tag` is a group for the geofence. For example, you could set `tag = venue` for gaming, or `tag = restaurant` for restaurants. In this tutorial, we're going to use `tag = store`. Initialize the SDK with your publishable API key. ```swift Swift theme={null} import UIKit import RadarSDK @UIApplicationMain class AppDelegate: UIResponder, UIApplicationDelegate { func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool { Radar.initialize(publishableKey: "prj_test_pk_...") Radar.setUserId("foo") return true } } ``` ```kotlin Kotlin theme={null} import io.radar.sdk.Radar class MyApplication : Application() { override fun onCreate() { super.onCreate() Radar.initialize(this, "prj_test_pk_...") Radar.setUserId("foo") } } ``` ```html Web theme={null} Hello, world!
``` ```javascript React Native theme={null} import React, { useState, useEffect } from "react"; import Radar from "react-native-radar"; export default function App() { useEffect(() => { Radar.initialize("prj_live_pk_..."); Radar.setUserId("foo") }, []); return (
); } ``` ```swift Swift theme={null} import UIKit import RadarSDK import CoreLocation @UIApplicationMain class AppDelegate: UIResponder, UIApplicationDelegate, CLLocationManagerDelegate { let locationManager = CLLocationManager() func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool { Radar.initialize(publishableKey: "prj_test_pk_...") Radar.setUserId("foo") self.locationManager.delegate = self self.requestLocationPermissions() return true } func requestLocationPermissions() { let status = self.locationManager.authorizationStatus if status == .notDetermined { self.locationManager.requestWhenInUseAuthorization() } } } ``` ```kotlin Kotlin theme={null} import android.Manifest import android.app.AlertDialog import android.content.pm.PackageManager import android.os.Build import androidx.core.app.ActivityCompat import io.radar.sdk.Radar class MainActivity : AppCompatActivity() { private val foregroundLocationPermissionsRequestCode = 1 override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) Radar.initialize(this, "prj_test_pk_...") Radar.setUserId("foo") requestLocationPermissions() } private fun requestLocationPermissions() { if (ActivityCompat.checkSelfPermission(this, Manifest.permission.ACCESS_FINE_LOCATION) != PackageManager.PERMISSION_GRANTED) { ActivityCompat.requestPermissions(this, arrayOf(Manifest.permission.ACCESS_COARSE_LOCATION, Manifest.permission.ACCESS_FINE_LOCATION), foregroundLocationPermissionsRequestCode) } } } ``` ```html Web theme={null} Hello, world!
``` ```javascript React Native theme={null} import React, { useState, useEffect } from "react"; import Radar from "react-native-radar"; export default function App() { useEffect(() => { Radar.initialize("prj_live_pk_..."); Radar.setUserId("foo") Radar.requestPermissions(false).then((status) => { // status will be "GRANTED_FOREGROUND" if permissions were granted }); }, []); return (
); } ``` Learn about platform-specific permissions in the [iOS SDK documentation](https://docs.radar.com/sdk/ios#request-permissions) and [Android SDK documentation](https://docs.radar.com/sdk/android#request-permissions). Call `Radar.trackOnce()` to track the user's location in the foreground. In the callback, check `user.geofences` to determine if the user is in a store, then change the UI to show the on-premise experience. ```swift Swift theme={null} import UIKit import RadarSDK import CoreLocation @UIApplicationMain class AppDelegate: UIResponder, UIApplicationDelegate, CLLocationManagerDelegate { let locationManager = CLLocationManager() func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool { Radar.initialize(publishableKey: "prj_test_pk_...") Radar.setUserId("foo") self.locationManager.delegate = self self.requestLocationPermissions() Radar.trackOnce { (status, location, events, user) in let isInStore = user?.geofences?.contains { $0.tag == "store" } if isInStore { // show on-premise mode } } return true } func requestLocationPermissions() { let status = self.locationManager.authorizationStatus if status == .notDetermined { self.locationManager.requestWhenInUseAuthorization() } } } ``` ```kotlin Kotlin theme={null} import android.Manifest import android.app.AlertDialog import android.content.pm.PackageManager import android.os.Build import androidx.core.app.ActivityCompat import io.radar.sdk.Radar class MainActivity : AppCompatActivity() { private val foregroundLocationPermissionsRequestCode = 1 override fun onCreate(savedInstanceState: Bundle?) { super.onCreate(savedInstanceState) Radar.initialize(this, "prj_test_pk_...") Radar.setUserId("foo") requestLocationPermissions() } override fun onStart() { super.onStart() Radar.trackOnce { status, location, events, user -> val isInStore = user?.geofences?.any { geofence.tag == "store" } if (isInStore) { // show on-premise mode } } } private fun requestLocationPermissions() { if (ActivityCompat.checkSelfPermission(this, Manifest.permission.ACCESS_FINE_LOCATION) != PackageManager.PERMISSION_GRANTED) { ActivityCompat.requestPermissions(this, arrayOf(Manifest.permission.ACCESS_COARSE_LOCATION, Manifest.permission.ACCESS_FINE_LOCATION), foregroundLocationPermissionsRequestCode) } } } ``` ```html Web theme={null} Hello, world!
``` ```javascript React Native theme={null} import React, { useState, useEffect } from "react"; import Radar from "react-native-radar"; export default function App() { const [isInStore, setIsInStore] = useState(false); useEffect(() => { Radar.initialize("prj_live_pk_..."); Radar.setUserId("foo"); Radar.requestPermissions(false).then((status) => { // status will be "GRANTED_FOREGROUND" if permissions were granted Radar.trackOnce().then((result) => { const { user } = result; for (const geofence of user.geofences) { if (geofence.tag === 'store') { setIsInStore(true); } } }).catch((err) => { // handle error }); }); }, []); return (
{ isInStore ? ( {/* Show on-premise mode */} ) : ( {/* Show default UI */} )}
); } ``` ## Support Have questions or feedback on this documentation? Let us know! Contact us at [radar.com/support](https://radar.com/support).