Implémenter des paywalls web

Important

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.

Paywalls web ouverts

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);
}

Note

Il existe deux versions de la méthode openWebPaywall :

openWebPaywall(product) qui génère des URLs à partir du paywall et y ajoute les données du produit.
openWebPaywall(paywall) qui génère des URLs à partir du paywall sans ajouter les données du produit. Dans le SDK v4, cette version prend un AdaptyFlowPaywall — une variante paywall du flow récupéré. Vérifiez que flow.paywalls n’est pas vide avant d’y accéder par index, par exemple flow.paywalls[0].

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	Échec de l’ouverture de l’URL dans le navigateur	Vérifiez les paramètres de l’appareil ou proposez une autre méthode d’achat
AdaptyError.failedDecodingWebPaywallUrl	Échec de l’encodage correct des 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é

Important

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 alors directement dans votre application, permettant aux utilisateurs de finaliser leurs transactions sans changer d’app.

Pour activer cette option, passez WebPresentation.BrowserInApp comme deuxième argument à openWebPaywall :


try {
    await adapty.openWebPaywall(
        product,
        WebPresentation.BrowserInApp, // default – WebPresentation.BrowserOutApp
    );
} catch (error) {
    console.warn('Failed to open web paywall:', error);
}