Configurer votre app de marque : le configurateur étape par étape

Dans cet article, vous découvrirez les étapes par lesquelles le Brand Configurator vous guide, ce que vous devez préparer avant de commencer et ce qui se passe après l'envoi de votre configuration.

Sommaire

• Avant de commencer
• Étapes 1 à 4 : branding
• Étapes 5 et 6 : comptes des stores et accès
• Étape 7 : Clés API
• Étapes 8 à 11 : configuration et envoi
• Après l'envoi

Guide rapide

1. Créez deux comptes de développeur : un pour l'Apple Developer Program, un pour la Google Play Console. Les deux doivent être des comptes d'organisation, et non des comptes personnels.
2. Invitez-nous comme administrateur dans les deux comptes : whitelabel@mysports.com pour Apple, android@mysports.com pour Google.
3. Réservez un domaine dont vous pouvez modifier vous-même les paramètres DNS et de serveur de noms.
4. Préparez six valeurs pour l'étape 7 : Identifiant Apple Team, Clé API ID de l'émetteur, ID de la clé API, le fichier de clé pour Clé API, votre ID du développeur Google et la clé de compte de service pour Clé privée du compte de service Google.
5. Vous n'avez pas besoin d'une application dans vos comptes de store. Nous la créons après votre envoi.
6. Parcourez le configurateur dans l'ordre. Vous ne pouvez sauter aucune étape, et l'étape 7 est vérifiée auprès d'Apple et de Google pendant que vous y êtes.

Avant de commencer

Autorisation : Gestion de la marque, dans l'écran des rôles, sous l'onglet Application et portail MySports dans le groupe Configurateur de marque

Où trouver le configurateur : MySports / Plateforme en marque blanche / Configurateur de marque. La même page liste toutes les configurations de marque que vous avez commencées avec leur statut actuel, et vous en créez une nouvelle en haut à droite.

Le configurateur compte onze étapes et affiche votre position dans le sous-titre de la boîte de dialogue, par exemple Étape 1 de 11. Vous avancez étape par étape et chaque étape est validée avant que vous puissiez continuer. Mieux vaut donc tout préparer plutôt que commencer et vous interrompre.

Ce qui doit être en place pour que le configurateur puisse être mené à son terme :

• Votre société ne doit pas être une entreprise individuelle.
• La Branded Member Platform doit être activée pour votre compte.
• Un compte Apple Developer Program pour votre société. L'inscription exige un numéro D-U-N-S et est vérifiée par Apple, ce qui peut prendre plusieurs jours.
• Un compte Google Play Console pour votre société, avec des frais d'inscription uniques.
• Un domaine, domaine principal ou sous-domaine, dont vous pouvez configurer les paramètres DNS et de serveur de noms. Tous les registraires ne l'autorisent pas. Si votre domaine est géré par Wix, il vous faudra un autre registraire ou un domaine supplémentaire.

Les deux comptes de store doivent être des comptes d'organisation. Un compte de développeur personnel ne peut pas être utilisé, et convertir un compte existant par la suite n'est pas possible sans refaire l'inscription.

Dès que les deux comptes existent, vous nous y invitez comme administrateur. C'est cet accès qui nous permet ensuite de créer et de publier votre application en votre nom.

Deux articles vous guident dans l'inscription si vous n'avez pas encore les comptes : créer un compte App Store et créer un compte Google Play Store.

Étapes 1 à 4 : branding

Ces quatre étapes déterminent l'apparence de votre application et les langues dans lesquelles sa fiche apparaît dans les stores. Rien ici ne dépend d'Apple ou de Google, vous pouvez donc les remplir immédiatement. L'aperçu à droite se met à jour pendant que vous saisissez.

Étape 1, Nom et logo. Le nom de votre application, jusqu'à 30 caractères, et votre logo.

• Le logo doit être un fichier SVG et rester sous 512 KiB.
• Les deux restrictions qui font le plus souvent échouer un envoi n'ont rien à voir avec la taille : le SVG ne doit contenir aucun élément <style> et aucune image intégrée. L'export depuis un outil de design produit fréquemment les deux. Utilisez un style en ligne et un véritable fichier vectoriel.
• Vous choisissez également la couleur d'arrière-plan sur laquelle le logo est rendu, depuis le sélecteur ou sous forme de valeur hexadécimale.

Étape 2, Écran de connexion à l'application. Une image d'arrière-plan pour l'écran de connexion. Votre logo est repris automatiquement de l'étape 1.

• L'image doit mesurer exactement 1024 x 2048 pixels. Cette règle est imposée.
• Elle doit elle aussi rester sous 512 KiB. Un PNG à cette résolution dépasse généralement la limite, utilisez donc le JPEG.

Étape 3, Slogan et couleurs. Votre slogan, jusqu'à 30 caractères, affiché dans l'application à côté de votre logo, ainsi que vos couleurs primaire, secondaire et neutre. Dans l'aperçu, vous décidez également si l'application utilise un arrière-plan clair ou sombre.

Étape 4, Paramètres de langue de la fiche de l'app store. Les langues dans lesquelles votre fiche est créée. Le configurateur en propose treize, qui couvrent l'allemand, l'anglais, le néerlandais, le français et l'italien dans leurs variantes régionales. L'espagnol et le polonais n'en font pas partie. Si vous exercez à l'international, choisir plusieurs langues ici vous permet de préparer les textes des stores pour chacune d'elles à l'étape suivante.

Étapes 5 et 6 : comptes des stores et accès

L'étape 5, Informations sur l'App Store, est celle où vous saisissez les textes qui apparaissent sur votre fiche. Trois champs avec leurs propres limites :

• Sous-titre, jusqu'à 30 caractères. Votre slogan de l'étape 3 y convient bien.
• Mots clés, jusqu'à 100 caractères. Ils déterminent si vos membres trouvent votre application lorsqu'ils cherchent dans les stores.
• Description de l'application, jusqu'à 4000 caractères.

Les emojis ne sont autorisés dans aucun des trois champs et sont rejetés.

L'étape 6, Configuration de l'App Store, est celle où vous confirmez nous avoir invités dans les deux comptes de store. Vous cochez une case par store, et chacune indique l'adresse à inviter :

• Apple App Store : whitelabel@mysports.com, avec le rôle Admin
• Google Play Store : android@mysports.com, avec le rôle d'administrateur

Envoyez les deux invitations avant d'atteindre cette étape. Vous les confirmez ici, mais l'accès doit exister pour que les étapes suivantes fonctionnent. Vous trouverez des instructions détaillées dans notre centre d'aide pour Apple et pour Google.

Étape 7 : Clés API

C'est l'étape sur laquelle la plupart des configurations se bloquent, il vaut donc la peine de comprendre ce qu'elle demande. Avant de commencer, votre compte de développeur Google Play a besoin d'un accès à l'API, ce qui implique de créer un projet Google Cloud et d'y activer la Google Play Developer API. Google documente les deux dans son guide de démarrage, et nous décrivons la création des clés en détail pour Apple et pour Google.

L'étape 7 recueille six valeurs, quatre pour Apple et deux pour Google :

Les deux identifiants Apple se trouvent à des endroits différents, et c'est la confusion la plus fréquente à cette étape. La Clé API ID de l'émetteur se trouve dans App Store Connect, sur la page Integrations, au-dessus de votre liste de clés :

L'Identifiant Apple Team ne se trouve pas du tout dans App Store Connect. Vous le trouvez dans votre compte Apple Developer, sous Membership details :

App Store Connect et la Play Console s'affichent dans la langue configurée dans votre compte. Les libellés sur votre écran peuvent donc être traduits, même s'ils sont cités ici en anglais.

Trois choses à cette étape provoquent régulièrement la confusion.

Vous ne sélectionnez aucune application ici, et vous n'en avez pas besoin. Les clés sont créées au niveau du compte, pas par application, et le configurateur ne demande jamais d'application. Votre application est créée après l'envoi de votre configuration.

Les clés sont vérifiées immédiatement. Lorsque vous continuez, nous contactons Apple et Google pour confirmer que les identifiants fonctionnent. Si quelque chose ne va pas, vous voyez Échec de la validation de la clé Api et vous ne pouvez pas avancer. Le message est le même quelle que soit la cause, vérifiez donc chacune des six valeurs plutôt que de supposer un problème de notre côté.

Joignez les deux fichiers de clé dès votre premier passage dans cette étape. Si vous enregistrez la configuration comme brouillon sans eux et que vous revenez plus tard, les champs de téléchargement ne sont plus proposés.

Apple n'autorise que le titulaire du compte à créer une clé API, et la même clé peut être réutilisée si vous configurez d'autres applications de marque. Conservez-la en sécurité et ne nous la transmettez que via le configurateur, car elle accorde un accès administrateur à votre compte de store.

Apple n'autorise le téléchargement du fichier de clé qu'une seule fois et n'en conserve aucune copie. Si vous le perdez, la clé n'est pas récupérable : révoquez-la et générez-en une nouvelle, ce qui vous donne un nouvel ID de la clé API à saisir ici. Le nom et le niveau d'accès d'une clé ne peuvent pas non plus être modifiés après sa génération.

Étapes 8 à 11 : configuration et envoi

Étape 8, Configuration d'un site web en marque blanche. Six champs, dont deux demandent de la préparation.

Le code de club détermine le club auquel appartient votre plateforme de marque. La liste ne propose que les codes qui existent et qui sont attribués à un club. Si elle reste vide, c'est donc l'attribution qui manque et non le code. Cet article explique comment en créer un.

Le domaine est l'adresse à laquelle votre Branded Website sera joignable. Vous avez besoin d'un accès à sa gestion DNS pour configurer les serveurs de noms, et vous choisissez entre deux voies :

• Un sous-domaine de votre site web existant. Si votre site est studio.com, alors my.studio.com, your.studio.com ou members.studio.com fonctionnent tous.
• Un nouveau domaine principal, indépendant de votre site web actuel, par exemple mystudio.com. Celui-ci ne doit pas encore être pris, vérifiez-le donc avant de le saisir.

Nous vérifions le domaine automatiquement. S'il est rejeté, les raisons les plus fréquentes sont un domaine déjà pris ou un sous-domaine qui ne pointe pas vers quelque chose que nous pouvons configurer. Saisissez le domaine sans protocole et sans chemin supplémentaire. Configurer les entrées DNS de votre Branded Member Web explique quels enregistrements vous devrez ajouter ensuite.

Les champs restants sont une adresse mail de la personne à contacter, qui est affichée dans les app stores et sur votre site web, et un numéro de téléphone du contact principal.

Étape 9, Utilisateur test. Vous confirmez qu'un code de club et un compte de test existent, afin que les évaluateurs d'Apple et de Google puissent se connecter et voir votre application en fonctionnement. Les deux stores rejettent les applications dont ils ne parviennent pas à franchir la connexion, et c'est précisément ce qui fait sous-estimer cette étape.

Le compte de test est reconnu à partir de l'adresse e-mail, de la date de naissance et du code de club pris ensemble. Si la correspondance échoue, le configurateur signale qu'aucun membre n'a été trouvé sous le code de club indiqué, ce qui vient généralement de la date de naissance et non d'un compte absent.

Utilisez exactement ces valeurs et créez le prospect sous Prospects / Aperçu avec Créer un prospect :

L'adresse e-mail et la date de naissance doivent correspondre exactement, car elles font partie des trois valeurs sur lesquelles porte la comparaison. Les deux noms ne sont pas vérifiés, conservez-les malgré tout. Ils sont une convention qui rend le compte reconnaissable dans la liste des membres, afin que personne ne le supprime par inadvertance et que nous puissions le retrouver lorsque nous préparons votre envoi aux stores.

Le code de club correspondant s'appelle Branded App. Créer un code de club et un utilisateur test pour la Branded App vous guide dans les deux, le code et le compte, y compris les données d'adresse.

Le compte de test ne doit jamais être supprimé et doit se trouver dans un club qui apparaît dans votre Branded App.

Étape 10, Mentions légales. Le nom officiel de votre société, y compris sa forme juridique, ainsi que quatre liens : mentions légales, confidentialité des données, conditions générales d'utilisation et une page d'assistance. Ils apparaissent dans le pied de page de votre Branded Website.

Les quatre liens sont vérifiés automatiquement, et la vérification ouvre les pages. Elles doivent être accessibles sans connexion et être réellement le document qu'elles prétendent être. Une politique de confidentialité qui n'indique pas quelles données sont collectées, dans quel but, comment les cookies et les outils de tiers sont utilisés et quels droits ont les membres sera signalée. Les liens vers des PDF sont rejetés, utilisez donc une page web.

Étape 11, Confirmation. Un récapitulatif de tout ce que vous avez saisi. Vérifiez-le soigneusement, car ces paramètres ne peuvent plus être modifiés après l'envoi. L'envoi ici lance le travail de notre côté.

Après l'envoi

L'envoi met fin à votre part de la configuration et commence la nôtre. Nous vérifions vos données, vous envoyons des enregistrements DNS à ajouter, publions votre Branded Website dès que ces enregistrements se résolvent, puis créons votre application et vous envoyons des liens de test avant qu'elle ne parte dans les stores.

Vous suivez la progression sous forme de statut dans la vue d'ensemble du configurateur : Brouillon tant que vous travaillez encore, puis en cours, puis En attente de la configuration DNS, et enfin Actif avec un lien vers votre site web. Si le statut devient une invitation à contacter l'assistance, quelque chose demande notre attention et nous aurons besoin du nom de la configuration de votre part.

Jusqu'à votre envoi, aucune application n'existe dans votre compte Apple ou Google. C'est voulu, et c'est la raison pour laquelle il n'y a rien à sélectionner à l'étape 7.

Remarque : Cet article a été créé à l'aide de l'intelligence artificielle et traduit automatiquement sans relecture. Nous vous prions de nous excuser pour d'éventuelles erreurs.