Cómo recomendar otras apps usando SKOverlay y SwiftUI

Marcelo Laprea

15 abril, 20232min de lectura

SKOverlay es un API que nos permite recomendar otras apps a los usuarios de nuestra aplicación, permitiendo que puedan descargarla inmediatamente. Veamos un ejemplo de como implementarlo en SwiftUI:

import StoreKit
import SwiftUI

struct ContentView: View {
  @State private var showRecommended = false

  var body: some View {
    VStack {
      Button("Ver app recomendada") {
        showRecommended = true
      }
      .appStoreOverlay(isPresented: $showRecommended) {
        let config = SKOverlay.AppConfiguration(appIdentifier: "tu-identificador-de-app", position: .bottomRaised)
        return config
      }
    }
  }
}

Este código de ejemplo específica un botón que al ser pulsado muestra el mensaje de la app a recomendar, donde:

1. Importamos StoreKit.
2. Creamos una variable de estado showRecommended para indicar cuando queremos mostrar el mensaje.
3. Añadimos el modifier appStoreOverlay(isPresented: $showRecommended) que mostrará el mensaje.
4. Creamos la configuración de tipo SKOverlay.AppConfiguration, en el que se le específica el identificador de la app que queramos recomendar y su posición.
5. Tenemos dos tipos de Position:
   • .bottom que indica que el mensaje estará en la parte inferior de la pantalla.
   • .bottomRaised que indica que el mensaje estará en una posición más elevada de la parte inferior de la pantalla.

Este seria el resultado de nuestro ejemplo con los dos tipos de Position:

Bottom

Bottom Raised

Notas

Para encontrar el identificador o id de tu app tienes dos opciones:

1. Desde el App Store Connect, seleccionas tu aplicación y el URL contiene el id: https://appstoreconnect.apple.com/apps/**1512680351**/appstore/info. En este caso sería: 1512680351.

2. Buscas tu app en Google y el enlace de Apple contiene el id: https://apps.apple.com/es/app/fitme-app-gym-planner/id**1512680351**?l=en. En este caso sería: 1512680351.