Skip to content

Notifications push riches

Découvrez comment mettre en place des notifications push riches pour le SDK de Braze.

Conditions préalables

Avant de pouvoir utiliser cette fonctionnalité, vous devrez intégrer le SDK Swift Braze. Il vous sera également nécessaire de configurer les notifications push.

Mise en place de notifications push riches

Étape 1 : Créer une extension de service de notification

Pour créer une extension de service de notification, accédez à File > New > Target dans Xcode et sélectionnez Notification Service Extension.

Le sélecteur de cible Xcode pour créer une extension de service de notification pour les notifications push riches.

Vérifiez que l’option Embed In Application est configurée de manière à intégrer l’extension dans votre application.

Étape 2 : Configurer l’extension de service de notification

Une extension de service de notification est un binaire distinct qui est fourni avec votre application. Elle doit être configurée dans le portail développeur Apple avec son propre identifiant d’application et son propre profil de provisionnement.

L’identifiant de bundle de l’extension de service de notification doit être distinct de celui de la cible principale de votre application. Par exemple, si l’identifiant de bundle de votre application est com.company.appname, vous pouvez utiliser com.company.appname.AppNameServiceExtension pour votre extension de service.

Étape 3 : Ajouter un groupe d’applications

Dans Xcode, ajoutez la fonctionnalité App Groups depuis le panneau Signing & Capabilities à la fois à la cible principale de votre application et à celle de l’extension de service de notification. Cliquez ensuite sur le bouton +. Utilisez l’identifiant de bundle de votre application pour créer le groupe d’applications. Par exemple, si l’identifiant de bundle de votre application est com.company.appname, vous pouvez nommer votre groupe d’applications group.com.company.appname.xyz.

Un groupe d’applications partagé est nécessaire pour que votre application principale et l’extension de service de notification puissent accéder aux données partagées. Si vous n’ajoutez pas votre application à un groupe d’applications, votre application pourrait ne pas renseigner certains champs du payload de la notification push et ne fonctionnera pas entièrement comme prévu.

Étape 4 : Intégrer les notifications push riches

Pour un guide pas à pas sur l’intégration des notifications push riches avec BrazeNotificationService, consultez notre tutoriel.

Pour voir un exemple, consultez l’utilisation dans NotificationService de notre application d’exemples.

Ajouter le framework de notification push riche à votre application

Après avoir suivi le guide d’intégration du gestionnaire de paquets Swift, ajoutez BrazeNotificationService à votre Notification Service Extension en procédant comme suit :

  1. Dans Xcode, sous frameworks et bibliothèques, sélectionnez l’icône d’ajout pour ajouter un framework.

    L'icône plus se trouve sous frameworks et bibliothèques dans Xcode.

  2. Sélectionnez le framework « BrazeNotificationService ».

    Le framework « BrazeNotificationService » peut être sélectionné dans la fenêtre modale qui s'ouvre.

Ajoutez ce qui suit à votre Podfile :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
target 'YourAppTarget' do
  pod 'BrazeKit'
  pod 'BrazeUI'
  pod 'BrazeLocation'
end

target 'YourNotificationServiceExtensionTarget' do
  pod 'BrazeNotificationService'
end

# Only include the below if you want to also integrate Push Stories
target 'YourNotificationContentExtensionTarget' do
  pod 'BrazePushStory'
end

Après avoir mis à jour le Podfile, accédez au répertoire de votre projet d’application Xcode dans votre terminal et exécutez pod install.

Pour ajouter BrazeNotificationService.xcframework à votre Notification Service Extension, consultez la section Intégration manuelle.

Projet Xcode avec BrazeNotificationService.xcframework ajouté à l'extension de service de notification.

Utiliser votre propre UNNotificationServiceExtension

Si vous devez utiliser votre propre UNNotificationServiceExtension, vous pouvez appeler brazeHandle dans votre méthode didReceive.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import BrazeNotificationService
import UserNotifications

class NotificationService: UNNotificationServiceExtension {

  override func didReceive(
    _ request: UNNotificationRequest,
    withContentHandler contentHandler: @escaping (UNNotificationContent) -> Void
  ) {
    if brazeHandle(request: request, contentHandler: contentHandler) {
      return
    }

    // Custom handling here

    contentHandler(request.content)
  }
}

Étape 5 : Configurer le groupe d’applications dans Braze

Avant d’initialiser Braze, attribuez le nom de votre groupe d’applications à la propriété push.appGroup de votre configuration Braze.

1
2
3
4
let configuration = Braze.Configuration(apiKey: "<YOUR-BRAZE-API-KEY>",
                                        endpoint: "<YOUR-BRAZE-ENDPOINT>")
configuration.push.appGroup = "REPLACE_WITH_APPGROUP"
let braze = Braze(configuration: configuration)

Étape 6 : Créer une notification riche dans votre tableau de bord

Votre équipe marketing peut également créer des notifications riches depuis le tableau de bord. Créez une notification push via le compositeur de notifications push et joignez une image ou un GIF, ou fournissez une URL hébergeant une image, un GIF ou une vidéo. Notez que les ressources sont téléchargées à la réception des notifications push, vous devez donc anticiper des pics importants et synchrones de requêtes si vous hébergez votre contenu.

Conditions préalables

Avant de pouvoir utiliser cette fonctionnalité, vous devez intégrer le SDK Braze de Cordova. Vous devrez également configurer les notifications push.

Mise en place de notifications push riches

Étape 1 : Créer une extension de service de notification

Dans votre projet Xcode, créez une extension de service de notification. Pour obtenir une présentation complète, consultez le tutoriel sur les notifications push riches sous iOS.

Étape 2 : Ajouter une nouvelle cible

Ouvrez votre Podfile et ajoutez BrazeNotificationService à la cible d’extension du service de notification que vous venez de créer. Si BrazeNotificationService est déjà ajouté à une cible, retirez-le avant de continuer. Pour éviter les erreurs de symboles dupliqués, utilisez des liens statiques.

1
2
3
4
target 'NOTIFICATION_SERVICE_EXTENSION' do
  use_frameworks! :linkage => :static
  pod 'BrazeNotificationService'
end

Remplacez NOTIFICATION_SERVICE_EXTENSION par le nom de votre extension de service de notification. Votre Podfile devrait ressembler à ce qui suit :

1
2
3
4
target 'MyAppRichNotificationService' do
  use_frameworks! :linkage => :static
  pod 'BrazeNotificationService'
end

Étape 3 : Réinstallez vos dépendances CocoaPods

Dans le terminal, allez dans le répertoire iOS de votre projet et réinstallez vos dépendances CocoaPod.

1
2
cd PATH_TO_PROJECT/platform/ios
pod install

Conditions préalables

Avant de pouvoir utiliser cette fonctionnalité, vous devrez intégrer le SDK React Native Braze. Il vous sera également nécessaire de configurer les notifications push.

Utilisation d’Expo pour activer les notifications push riches

Pour le SDK React native, les notifications push riches sont disponibles par défaut pour Android.

Pour activer les notifications push enrichies sur iOS à l’aide d’Expo, configurez la propriété enableBrazeIosRichPush sur true dans votre objet expo.plugins dans app.json :

1
2
3
4
5
6
7
8
9
10
11
12
13
{
  "expo": {
    "plugins": [
      [
        "@braze/expo-plugin",
        {
          ...
          "enableBrazeIosRichPush": true
        }
      ]
    ]
  }
}

Enfin, ajoutez l’identifiant du bundle de cette extension d’application à la configuration des informations d’identification de votre projet : <your-app-bundle-id>.BrazeExpoRichPush. Pour plus de détails sur ce processus, reportez-vous à la section Utiliser les extensions d’applications avec Expo Application Services.

New Stuff!