FR - Comment reproduire le template Android BigTextBigPicture d'Accengage sur Airship ?

This content is also provided in English.

 

Vous trouverez dans cet article, nos recommandations afin de reproduire le template Android BigTextBigPicture d’Accengage sur Airship.

Les étapes listées ci-dessous sont à réaliser par un développeur Android.

Accengage

Sur la plateforme Accengage, vous avez la possibilité d’utiliser différents types de template de message pour Android :

  • Nos templates par défaut

    • BigText : permet d’envoyer une notification contenant un titre, un message long, un message court personnalisé ainsi que des boutons. Aucune image ne peut être utilisée avec ce template.

    • BigPicture : permet d’envoyer une notification contenant un titre, un message court, une image ainsi que des boutons. Aucun message long ne peut être utilisé avec ce template.

    • BigTextBigPicture : permet d’envoyer une notification contenant un titre, un message long, un message court personnalisé ainsi qu'une image. Aucun bouton ne peut être utilisé avec ce template.

  • Vos templates personnalisés

Airship 

Sur la plateforme Airship, seuls les templates BigText et BigPicture sont disponibles par défaut. En effet, il s’agit de formats natifs à Android. En revanche, cela n’est pas le cas du template BigTextBigPicture.

Vous avez la possibilité de reproduire ce template en suivant les étapes ci-dessous :

Etape 1 : Créer un layout custom_template.xml

Créez le layout custom_template.xml dans :

  • Le dossier de votre application 

    • Res

      • Layout.

Il est indispensable de respecter cette arborescence.

 

Afin de créer le layout custom_template.xml s’inspirant du modèle BigTextBigPicture d'Accengage, il est nécessaire de :

  • Créer le template

  • Définir les tailles de l’ensemble des vues intégrées dans le layout (Vous trouverez ici des exemples de ce layout)

  • Définir les ids de chaque composant (icône, message, titre, image)

Etape 2 : Créer un NotificationProvider MyLayoutNotificationProvider

Au sein de votre code Java, vous pouvez placer la classe où vous voulez.

Exemple :

  • Java 

    • Com 

      • Urbanairship 

        • Sample 


Vous devrez ainsi :

  1. Créer MyLayoutNotificationProvider

  2. Étendre la classe CustomLayoutNotificationProvider (fournie dans le urbanairship-core du SDK) avec  MyLayoutNotificationProvider

  3. Implémenter le constructeur 

  4. Overrider la méthode onBindContentView 

  5. Récupérer l’objet PushMessage, puis remplacer toutes les vues avec le contenu du message 

 

Vous pouvez récupérer le template BigPicture dans le payload grâce à la clé “big_picture” qui contient l’URL de l’image pour ensuite l’intégrer comme string dans “message.getStylePayload()”.

 

Etape 3 : Associer votre layout au SDK Airship

Pour apporter des personnalisations et utiliser le NotificationProvider custom, il faut étendre l’Autopilot. Pour ce faire, dans “onAirshipReady”, récupérez le push manager et définissez le NotificationProvider:

UAirship.shared().getPushManager()
.setNotificationProvider(new MyLayoutNotificationProvider(UAirship.getApplicationContext(), UAirship.shared().getAirshipConfigOptions(), R.layout.custom_template))

 

Aucune action n’est à réaliser sur la plateforme Airship afin d’utiliser le template BigTextBigPicture.

Tous vos push seront affichées avec le modèle BigTextBigPicture.

Si vous souhaitez pouvoir modifier le layout comme vous le souhaitez lors de l’envoi des push, il sera nécessaire de définir des custom keys. Vous pourrez ainsi utiliser ces custom keys sur l’interface afin de choisir le template à afficher.

Was this article helpful?
0 out of 0 found this helpful
Submit a request