Bannières intelligentes — Transformez votre site web en app mobile

En bref : convertissez les visiteurs de votre site web en utilisateurs d'applis mobiles grâce aux bannières intelligentes.

wc2a.jpg

Articles connexes : Solutions d'attribution web-to-app mobile | Intégration PBA aux bannières intelligentes

Smart Banners

Bannières intelligentes :

  • Affichez-les sur le site web mobile de votre marque pour augmenter les taux de conversion des utilisateurs à forte intention d'achat.
  • Mesurez la qualité des installations d'apps provenant de visiteurs du site web mobile.
  • Attribuez les campagnes web-to-app mobile avec précision pour TOUTES les sources média, y compris les SRN.
  • Les bannières intelligentes peuvent utiliser l'attribution par clics et comptabiliser les impressions pour procéder à l'attribution :

    • Clics : un utilisateur clique sur les bannières intelligentes et installe l'app.
    • Impressions : lorsque la bannière se charge (l'utilisateur voit la bannière), elle envoie un événement de comptabilisation d'impression à AppsFlyer. 

Le flux est le suivant :

  1. Un utilisateur clique sur une annonce et est redirigé vers le site web mobile de l'annonceur.
  2. Une bannière intelligente s'affiche sur le site web mobile de l'annonceur.
  3. L'utilisateur clique sur la bannière intelligente et :
    • Si l'app n'est pas installée, l'utilisateur est dirigé vers l'App Store pour installer l'app.
    • Si l'app est installée et que des liens universels, des liens d'app et/ou des liens URI sont configurés, l'app est lancée directement.
  4. L'utilisateur accède au contenu in-app, dans le cadre de la promotion.
  5. L'utilisateur est attribué à la source média qui a diffusé l'annonce originale.

Mise en application

Personnes concernées

Marketeur et développeur web.

  • Le développeur du site web doit uniquement saisir un extrait de code dans le code HTML du site.
  • Le marketeur peut procéder seul aux autres actions de configuration.

Conditions préalables

  • Un compte AppsFlyer avec au moins une app
  • Template OneLink contenant les apps à promouvoir via les bannières intelligentes
    Ceci est requis par les bannières intelligentes pour diriger vos visiteurs web mobile vers les pages ciblées de l'app store en fonction des appareils qu'ils utilisent. 

Durée

Environ 20 minutes.

Résultat

  • Les utilisateurs qui cliquent sur le lien seront dirigés vers l'app store ou la page web appropriée selon leur appareil.
  • Les utilisateurs d'apps mobile qui cliquent sur le bouton CTA peuvent être deep linkés vers l'app.
  • Les utilisateurs seront attribués à partir du clic/ de l'installation à vos sources média propres.

 Exemple

Mark est un marketeur travaillant pour le service de livraison de nourriture « Feed Me ».
Mark souhaite convertir les visiteurs du site web mobile de Feed Me en utilisateurs de l'app. 

Pour ce faire, Mark utilise des bannières intelligentes réalisées avec ses propres visuels et textes.  

Les bannières intelligentes sont optimisées par OneLink. Lorsque les visiteurs du site web mobile cliquent sur le bouton CTA, ils sont automatiquement redirigés vers l'app store ou la page de destination appropriée. À partir de là, ils peuvent installer l'app facilement. Lorsque les utilisateurs mobile existants cliquent sur le bouton CTA, l'app se lance. 

AppsFlyer attribue ensuite le clic/l'installation à la source média et à la campagne définies par AppsFlyer

 Important !

Utilisez la bannière intelligente AppsFlyer ou les bannières Smart App pour iOS Safari, mais pas les deux. Si vous utilisez les deux, vous pouvez générer des problèmes d'affichage sur votre site web mobile et des divergences d'attribution.

Procédures

Suivez ces étapes pour définir une bannière personnalisée qui :

  • Dirige les utilisateurs de votre site mobile, via une bannière intelligente, vers l'app store ou la page d'app appropriée en fonction de leur appareil.
  • Attribue le clic/l'installation à votre source média propre.

1. Configuration du site web

Pour préparer votre site mobile à l'affichage des bannières intelligentes : 

  1. Dans le tableau de bord AppsFlyer, allez à Engagement et Deep linking > Bannières intelligentes
  2. Cliquez sur Créer un espace de travail sur page web.

    SB_website_workplace_en-us.png

  3. Saisissez un nom de lieu d'espace de travail sur page web.
  4. Cliquez sur Créer.
    Le site web s'ouvre. 
  5. Copiez la bannière Extrait de code
  6. Envoyez l'extrait de code à votre développeur frontal pour qu'il le déploie sur votre site web.
    Cette tâche rapide n'est effectuée qu'une seule fois par site web par le développeur frontal, qui n'est plus impliqué dans les étapes suivantes.
  7. [facultatif] Copier la clé web. (Cette clé existe déjà en tant que partie de l'extrait de code).
  8. Cliquez sur Continuer .

2. Configuration du groupe de bannières

Le groupe de bannières contient une ou plusieurs bannières. De là, vous pouvez :

  • Sélectionner le modèle OneLink utilisé par le groupe de bannières, qui contient les apps mobile vers lesquelles rediriger les visiteurs de votre site web.
  • Définir un schéma spécifique de deep linking
  • Définir vos règles de ciblage, votre planification, votre comportement et les détails d'attribution utilisés par toutes les bannières du groupe de bannières.
  • Définir les pages qui activent les bannières du groupe de bannières lors de la visite.

Pour configurer un nouveau groupe de bannières :

  1. Dans le tableau de bord AppsFlyer, allez à Engagement et Deep linking > Bannières intelligentes
  2. Sur le côté gauche, cliquez sur Ajouter un groupe de bannières.
  3. Saisissez un nom de groupe de bannières unique.
    Le nom doit refléter un thème général commun aux bannières à définir pour le groupe de bannières (par exemple, l'app annoncée).
  4. Sélectionnez le template OneLink pour le groupe de bannières.
  5. [facultatif] Définissez un schéma d'URI pour le groupe de bannières comme solution de secours pour les utilisateurs des liens universels et des liens d'app Android. Ceci est rarement nécessaire car, par défaut, la valeur est prise dans le template OneLink. Définissez cette option pour le groupe de bannières uniquement si vous avez besoin d'une valeur différente de celle du template.
  6. Définissez les sources attribuées à attribuer aux nouvelles installations provenant de ce groupe de bannières. Utilisez le tableau suivant pour choisir la meilleure option pour le lien personnalisé.

    Option Quand sélectionner Commentaires
    Utiliser les paramètres UTM  Sélectionnez le moment où la plupart des visiteurs non organiques accèdent au site web mobile à partir de sources avec des paramètres UTM. 
    • Nom de la source média (pid) = UTM_Source 
    • Campagne (c) = UTM_campaign
    • Si UTM_source or UTM_campaign sont manquants, les noms statiques seront utilisés à la place.
    Utiliser les paramètres du lien d'attribution entrant  Sélectionnez le moment où la plupart des visiteurs non organiques accèdent au site web mobile à partir des clics des réseaux publicitaires qui utilisent les liens d'attribution AppsFlyer. 
    • Tous les paramètres disponibles du lien d'attribution AppsFlyer entrants sont ajoutés au lien de la bannière intelligente. 
    • Si un paramètre existe à la fois dans le lien d'attribution AppsFlyer entrant et dans la bannière intelligente, c'est le paramètre entrant qui est prioritaire.
    Ajouter un autre paramètre d'attribution  Si vous le souhaitez, vous pouvez ajouter des données d'attribution liées au site web. Cela permet une analyse plus pointue de chaque installation.  Par exemple, pour les sites de eCommerce, vous pouvez créer des liens personnalisés identiques pour chaque type de catégorie de produit, qui diffèrent selon les valeurs af_adset (par exemple  : "af_adset=fruit") 
    Utiliser les paramètres d'attribution par défaut 
    • Sélectionnez cette fonction lorsque la plupart des visiteurs du site web mobile sont organiques.
    • Sélectionnez les cas où les visiteurs non organiques n'arrivent pas sur le site web à partir d'un clic de réseau publicitaire ou de sources avec des paramètres UTM.  
    Important : la bonne pratique consiste à sélectionner les paramètres du lien d'attribution UTM ou entrant, car les paramètres d'attribution par défaut des bannières intelligentes sont dans tous les cas utilisés comme solution de secours pour le lien personnalisé, en cas d'indisponibilité des noms de source média, de campagne ou de canal.
  7. [Recommandé] Définissez le paramètre d'attribution par défaut Nom du canal pour attribuer toutes les installations provenant de la bannière intelligente au canal spécifié. Cela vous permet d'agréger des informations provenant de plusieurs sources média sous le même canal dans le rapport de cohorte, le tableau de bord de présentation, le rapport de rétention, etc. 
  8. [Facultatif] Définissez le comportement d'annulation, c'est-à-dire le minimum de temps qui s'écoule entre le moment où l'utilisateur ignore la bannière du groupe, et celui où la bannière s'affiche à nouveau. Sélectionnez :
    • Par durée : 1 heure, 1 jour ou 1 semaine.
    • Session suivante : désigne la session qui a lieu dans un autre onglet ou une autre fenêtre, après que l'utilisateur a quitté la bannière.
    • Jamais : la bannière ne s'affiche plus. 
      Remarque : 
      • Si l'utilisateur efface le cache du navigateur ou consulte le site en mode de navigation privée, le paramètre Dismissal Behaviour (Comportement d'abandon) est perdu.
      • Le comportement d'abandon est appliqué à la bannière que l'utilisateur rejette. Les autres bannières du groupe de bannières peuvent toujours être affichées. 
  9. [facultatif] Définissez le plafonnement des fréquences
    Le plafonnement des fréquences détermine combien de fois la bannière est montrée à un utilisateur unique. Par exemple, si la limite de fréquence est définie sur trois et qu'un utilisateur visite le site quatre fois, l'utilisateur voit la bannière lors des trois premières visites, mais pas lors de le quatrième et des suivantes. Le plafonnement des fréquences peut être désactivé. Sélectionnez une valeur de plafonnement de fréquence ou désactivez cette fonction.  
  10. [Facultatif] Planifiez l'activation du groupe de bannières : démarrez immédiatement (par défaut) ou définissez une campagne à durée limitée.
  11. [Facultatif] Définissez les emplacements pour lesquels le groupe de bannières est activé.
    1. Sélectionnez Monde entier pour diffuser ce groupe de bannières à tous les utilisateurs. Si besoin, vous pouvez exclure les visiteurs provenant de différentes régions, pays ou états. 
    2. Sélectionnez « Choisir une région spécifique » pour que ce groupe de bannières ne s'affiche que pour les utilisateurs d'une ou plusieurs régions en particulier.
  12. [Facultatif] Définissez Afficher sur les pages. Cela correspond aux pages sur lesquelles le groupe de bannières peut afficher pour les visiteurs :
    • [Par défaut] Afficher sur toutes les pages du site web.
      Remarque : nous vous conseillons de définir au moins un groupe de bannières contenant toutes les pages, en cas de problème.
    • Afficher sur des pages spécifiques : indiquez les conditions pour lesquelles la page ou l'URL doit ou non contenir afin d'afficher les bannières.  
      • Vous pouvez choisir :
        • Page spécifique : spécifiez l'hôte et/ou le chemin de la page sur laquelle afficher la bannière. Toutes les requêtes saisies ne seront pas prises en compte. Exemple : http://www.example.com/path?query
        • URL : indiquez le chemin et/ou la requête, ou le mot clé dans le chemin/la requête des pages sur lesquelles afficher la bannière. Exemple : http://www.example.com/path?query
      • Vous pouvez ajouter jusqu'à 5 conditions avec et/ou.
      • En cas de conflit entre les conditions, la bannière ne s'affichera pas. 
  13. Cliquez sur Créer un groupe de bannières.
  14. [Facultatif] Pour modifier à nouveau le groupe de bannières, survolez Ciblage comportemental et cliquez sur Modifier.

 Exemple

Mark est le marketeur d'un service de livraison de nourriture appelé « Feed Me ». Il décide de créer une campagne pour la vente de prunes dans l'app. Mark décide d'utiliser les SMS, ainsi que des réseaux publicitaires et Google pour la campagne.

Pour préparer la campagne SMS, Mark :

  • Ajoute des paramètres d'attribution uniques à utiliser dans le lien de la campagne pour diriger les utilisateurs vers la page de vente des prunes sur le site mobile de Feed Me. Le lien inclut le paramètre pid, avec l'URL de la page de vente des prunes : http://feedme.com/plums_link?pid=sms&c=plums.
  • Crée une bannière intelligente (groupe de bannières et bannière) avec les sources attribuées réglées sur Utiliser les paramètres du lien d'attribution entrantqui s'active pour les utilisateurs visitant les pages web mobile contenant « plums_link ».

Pour préparer la campagne avec le réseau publicitaire, Mark :

  • Donne au réseau publicitaire un lien d'attribution unique à utiliser dans le cadre de la campagne pour diriger les utilisateurs vers la page de vente des prunes sur le site mobile de Feed Me. Le lien inclut le paramètre URL de redirection (af_r), avec l'URL de la page de vente des prunes : http://feedme.com/plums_link. Aucun paramètre supplémentaire n'est requis.
  • Utilise la bannière intelligente déjà créée pour la campagne par SMS .

Pour préparer la campagne avec Google Ads, Mark :

  • Crée un doublon de la bannière intelligente (groupe de bannières et bannière) avec les sources attribuées réglées sur Utiliser les paramètres UTM, qui s'active pour les utilisateurs visitant des pages web mobile contenant « plums_utm ».

Les campagnes sont lancées.

Les utilisateurs :

  • Voient la publicité pour la vente de prunes et cliquent pour arriver sur le site mobile Feed Me.
  • Les clics Google Ads et tous les autres clics arrivent sur la page d'accueil du lien entrant et la bannière intelligente correspondante est activée par page.
  • Voient la bannière intelligente sur le site mobile et cliquent dessus. 
  • Arrivent sur l'app Feed Me, la téléchargent et l'installent. 
  • Sont dirigés au lancement de l'app vers la vente de prunes.
  • Sont attribués aux sources média qui les ont conduits au site mobile de Feed Me.

3. Configuration de la bannière

Pour créer une bannière dans un groupe de bannières :

  1. Cliquez sur Créer une bannière pour accéder à la page Modifier les bannières.
  2. Définissez le nom de la bannière.
  3. Cliquez sur Concevoir la création :
    1. Cliquez sur Concevoir la création pour créer votre bannière.
      Une fenêtre permettant de choisir un template s'ouvre.

    2. Passez la souris sur un template de création, puis cliquez sur Créer pour accéder à la page de configuration Démarrer la création.
    3. Personnalisez tous les éléments de la bannière intelligente. Pour ce faire, sélectionnez les éléments d'après leur nom ou cliquez dessus dans l'image d'aperçu. 
      • Titre
      • Paragraphe
      • Étoiles d'évaluation
      • Bouton fermer
      • Appel à l'action
      • Logo de l'app
      • Arrière-plan
      • Espacement de la bannière (pour ajuster la taille de la bannière)
      • Pour les images, utilisez l'un des types de fichier suivants : jpeg, jpg, png. 
        Remarque : le format webp n'est pas pris en charge. Les recommandations pour les images sont les suivantes :

        Type de template Taille maximale du fichier image DPI Ratio de l'image
        Standard 300 Ko 72 9:4 (horizontal)

        Avancé

        9:4 (horizontal)
        Promotionnel 1:1
        Interstitiel 9:16 (vertical)
    4. Cliquez sur Corriger pour revoir la création de la bannière et obtenir un aperçu sur différents appareils.
      Remarque : les bannières peuvent être légèrement différentes dans les campagnes actives par rapport aux aperçus.
    5. Si des modifications sont nécessaires, cliquez sur Retour à l'éditeur.
    6. Cliquez sur Terminé pour revenir à la page de configuration de la bannière.
  4. [Facultatif] Ajoutez des paramètres d'attribution personnalisés. Par exemple, ad_adset et af_ad.
    Remarque : les paramètres pid, c et canal ne peuvent pas être ajoutés au niveau de la bannière, car ils appartiennent au niveau du groupe de bannières.
  5. Après avoir terminé et enregistré la nouvelle création, le statut de la bannière devient actif. Utilisez le bouton Statut pour basculer entre les états Actif et En pause
  6. [Facultatif] Pour convertir le lien d'attribution d'une URL de type acquisition utilisateur en URL de retargeting, ajoutez le paramètre personnalisé is_retargeting=true.
  7. Cliquez sur Tout sauvegarder pour enregistrer votre travail ou sur Tout sauvegarder et fermer pour enregistrer votre travail et fermer la page de configuration de la bannière.

4. Tester

Une fois que la création est prête,vous pouvez la tester avant de la mette en ligne et de l'activer pour vos utilisateurs.

Pour tester une bannière intelligente : 

Conditions préalables : assurez-vous que l'extrait de code de la bannière intelligente est intégré à votre site web.  

  1. Dans la page Tout sauvegarder, entrez le lien vers la page web sur laquelle le SDK pour les bannières intelligentes est intégré (voir onglet suivant).
  2. Cliquez sur Générer.
  3. Copiez le lien généré et envoyez-le à votre appareil de test, ou scannez le QR code avec l'appareil de test. Le lien ou le QR code doit vous rediriger vers la page web et afficher votre bannière.
  4. Cliquez sur Modifier la création pour revenir à la configuration, ou cliquez sur Terminé pour enregistrer la création.

Informations supplémentaires

Logique d'affichage du groupe de bannières

AppsFlyer tient compte des éléments suivants pour déterminer quelle bannière intelligente afficher :

  • Y a-t-il des règles (comportement d'abandon, plafonnement de la fréquence, emplacements, affichage sur les pages, etc.) définies pour les groupes de bannières ?
  • L'utilisateur final respecte-t-il les règles et peut-il voir une bannière ?

Si la réponse aux deux questions est oui, c'est-à-dire s'il y a des règles, et si l'utilisateur peut voir une bannière, AppsFlyer choisit une bannière à afficher comme expliqué dans le tableau qui suit.

Configuration du groupe de bannières Quelles bannières s'affichent Exemple
Groupe de bannières unique AppsFlyer répartit uniformément l'affichage de toutes les bannières actives dans tous vos groupes de bannières entre tous les utilisateurs éligibles. 
  • Exemple 1 : il y a 1 bannière active. Elle s'affiche pour tous les utilisateurs.
  • Exemple 2 : il y a 2 bannières. 50 % des utilisateurs voient la bannière 1, et 50 % voient la bannière 2. 
  • Exemple 3 : il y a 3 bannières, chaque tiers des utilisateurs éligibles voit une bannière différente. 
  • Exemple 4 : il n'y a aucune bannière active. Rien ne s'affiche.
Groupes de bannières multiples avec des règles identiques AppsFlyer répartit uniformément l'affichage de toutes les bannières actives dans tous vos groupes de bannières entre tous les utilisateurs éligibles. 

Il y a 2 groupes de bannières (A et B), chacun avec 3 bannières (6 bannières au total). 1/6 des utilisateurs éligibles voit chaque bannière. 

Groupes de bannières multiples avec des règles multiples AppsFlyer répartit uniformément l'affichage de toutes les bannières actives à partir du groupe de bannières dont les règles décrivent et correspondent le mieux aux utilisateurs. Si les groupes de bannières sont également spécifiques de différentes manières, les bannières de tous ces groupes de bannières s'affichent. 
  • Exemple 1 : il y a 2 groupes de bannières, A et B. Le groupe de bannières A est configuré pour être affiché dans le monde entier, et le groupe de bannières B est configuré pour être affiché au Japon. Le groupe de bannières B étant plus spécifique, seules les bannières de ce groupe s'affichent pour les utilisateurs au Japon. 
  • Exemple 2 : il y a 2 groupes de bannières, A et B. Le groupe de bannières A est configuré pour être affiché dans le monde entier, et le groupe de bannières B est configuré pour être affiché partout sauf en Ukraine. Le groupe de bannières B étant plus spécifique, seules les bannières de ce groupe s'affichent pour les utilisateurs du monde entier (à l'exception de l'Ukraine). 
  • Exemple 3 : il y a 2 groupes de bannières, A et B. Le groupe de bannières A est configuré pour être affiché au Japon, et le groupe de bannières B est configuré pour être affiché en avril. Les deux groupes de bannières sont aussi spécifiques l'un que l'autre, mais de différentes manières. Par conséquent, au Japon, en avril, les bannières des deux groupes de bannières s'affichent, car aucun groupe de bannières n'a la priorité sur l'autre. 

Test A/B de la performance des bannières

Vous pouvez effectuer des tests A/B sur les performances des différentes bannières. Pour ce faire, ajoutez des paramètres d'attribution personnalisés à vos bannières (étape 4 de la configuration de la bannière), puis utilisez ces paramètres pour comparer les performances de chaque bannière.

Tous les paramètres peuvent être ajoutés, sauf pid, c, et canal, car ils appartiennent au niveau du groupe de bannières. 

Recommandé : définissez le paramètre af_adset avec une valeur unique sur chaque bannière. Ensuite, utilisez le rapport de performance agrégée dans la vue d'ensemble du tableau de bord AppsFlyer pour comparer facilement les performances, comme le montre l'image suivante.

banner_performance.jpg

FAQ

FAQ

Pourquoi ma bannière ne s'affiche-t-elle pas ?

C'est la fréquence maximale définie pour votre groupe de bannières qui est en cause. Le plafonnement des fréquences détermine le nombre de fois où la bannière est affichée à un utilisateur unique. Exemple : si la fréquence maximale est définie sur trois et qu'un utilisateur visite le site quatre fois, l'utilisateur voit la bannière lors des 3 premières visites, mais pas la quatrième, ni celles qui suivent. Le plafonnement de fréquence peut être désactivé. Sélectionnez une valeur de fréquence maximale ou désactivez le plafonnement de fréquence.

Limites

Limitation Remarques
Tablettes
  • Les bannières intelligentes sont conçues pour les appareils mobiles et leurs résolutions peuvent ne pas être optimisées pour les tablettes dotées d'un grand écran.
  • Les navigateurs sur tablettes ne sont pas toujours reconnus comme des appareils mobiles.
Paramètres personnalisés
  • Les caractères spéciaux suivants ne sont pas autorisés dans les paramètres ou les valeurs de OneLink : ;, *, !, @, #, ?, $, ^, :, &, ~, `, =, +, ’, >, <, /
  • Si vous définissez un paramètre à l'aide de l'un de ces caractères spéciaux, le paramètre n'est pas enregistré.
Répartition de l'affichage de la bannière AppsFlyer répartit l'affichage des bannières actives aux utilisateurs de façon uniforme. Il n'est pas possible de choisir d'afficher plus ou moins certaines bannières. Par exemple, s'il y a 2 bannières dans un groupe, elles s'affichent chacune pour 50 % des utilisateurs. Vous ne pouvez pas définir une répartition 70%-30%. 
Page spécifique Lorsque vous configurez votre groupe de bannières pour afficher des bannières sur une page spécifique, la règle de bannière s'applique uniquement à l'hôte/au chemin d'accès que vous saisissez. S'il n'y a pas de correspondance parfaite (par exemple, si la page de votre site comporte des chaînes supplémentaires non incluses dans la configuration de la règle), la règle ne s'applique pas.
Cet article vous a-t-il été utile ?