Implémenter les paywalls web
Avant de commencer, assurez-vous d’avoir configuré votre paywall web dans le tableau de bord et d’avoir installé le SDK Adapty version 3.6.1 ou ultérieure.
Ouvrir les paywalls web
Si vous travaillez avec un paywall que vous avez développé vous-même, vous devez gérer les paywalls web via la méthode du SDK. La méthode .openWebPaywall :
- Génère une URL unique permettant à Adapty d’associer un paywall spécifique affiché à un utilisateur particulier à la page web vers laquelle il est redirigé.
- Détecte quand vos utilisateurs reviennent dans l’application, puis appelle
.getProfileà intervalles courts pour déterminer si les droits d’accès du profil ont été mis à jour.
Ainsi, si le paiement a réussi et que les droits d’accès ont été mis à jour, l’abonnement s’active dans l’application presque immédiatement.
try {
await adapty.openWebPaywall(product);
} catch (error) {
console.warn('Failed to open web paywall:', error);
}
Il existe deux versions de la méthode openWebPaywall :
openWebPaywall(product)qui génère des URL à partir du paywall et ajoute également les données du produit aux URL.openWebPaywall(paywall)qui génère des URL à partir du paywall sans ajouter les données du produit aux URL. Utilisez-la lorsque vos produits dans le paywall Adapty diffèrent de ceux du paywall web.
Gérer les erreurs
| Erreur | Description | Action recommandée |
|---|---|---|
| AdaptyError.paywallWithoutPurchaseUrl | Le paywall n’a pas d’URL d’achat web configurée | Vérifiez que le paywall a été correctement configuré dans l’Adapty Dashboard |
| AdaptyError.productWithoutPurchaseUrl | Le produit n’a pas d’URL d’achat web | Vérifiez la configuration du produit dans l’Adapty Dashboard |
| AdaptyError.failedOpeningWebPaywallUrl | Impossible d’ouvrir l’URL dans le navigateur | Vérifiez les paramètres de l’appareil ou proposez une autre méthode d’achat |
| AdaptyError.failedDecodingWebPaywallUrl | Impossible d’encoder correctement les paramètres dans l’URL | Vérifiez que les paramètres d’URL sont valides et correctement formatés |
Ouvrir les paywalls web dans un navigateur intégré
L’ouverture des paywalls web dans un navigateur intégré est prise en charge à partir du SDK Adapty v3.15.
Par défaut, les paywalls web s’ouvrent dans le navigateur externe.
Pour offrir une expérience utilisateur fluide, vous pouvez ouvrir les paywalls web dans un navigateur intégré. La page d’achat web s’affiche ainsi directement dans votre application, permettant aux utilisateurs de finaliser leurs transactions sans changer d’application.
Pour activer cette option, passez WebPresentation.BrowserInApp comme second argument à openWebPaywall :
try {
await adapty.openWebPaywall(
product,
WebPresentation.BrowserInApp, // default – WebPresentation.BrowserOutApp
);
} catch (error) {
console.warn('Failed to open web paywall:', error);
}