Posté le 6. juin 2026 par Jan Bunk
Il arrive qu’un site web contienne des éléments qui ont du sens dans un navigateur, mais qui ne devraient pas être affichés dans l’app. Exemples courants : des bannières demandant aux utilisateurs de télécharger l’app, des bannières de cookies qui déroutent les examinateurs d’Apple, des boutons de paiement pendant l’examen de l’app, ou une navigation du site remplacée par le menu de l’app.
Si vous souhaitez intégrer un comportement spécifique à l’app directement dans votre site web, vous pouvez également détecter si un visiteur utilise l’app. Lisez notre guide sur la différenciation entre les utilisateurs du site web et ceux de l’app.
Les sections suivantes présentent différents réglages que vous pouvez ajuster dans vos paramètres de « Personnalisation du site web ». Vous pouvez ouvrir ici les paramètres de personnalisation du site web de votre app.
Utilisez les sélecteurs de masquage d’éléments lorsque certains éléments ne doivent jamais être affichés dans l’app. Saisissez des sélecteurs CSS pour les éléments que vous souhaitez masquer. L’app masquera tous les éléments correspondants lorsque votre site web est affiché dans l’app.
C’est idéal pour les invites à télécharger l’app, une navigation du site en double, ou d’autres éléments utiles sur le site web mais inutiles dans l’app.
En général, les sélecteurs de masquage d’éléments sont préférables car ils fonctionnent plus rapidement (pas de scintillement avant l’application du CSS), mais vous pouvez aussi utiliser du CSS à injecter lorsque de simples sélecteurs de masquage ne suffisent pas et que vous souhaitez ajuster le style de la page dans l’app. Le CSS est injecté dans le site web affiché, et vous n’avez pas besoin de l’entourer d’une balise style.
.website-only-banner {
display: none !important;
}Utilisez du JavaScript à injecter lorsque masquer ou modifier des éléments nécessite une logique ou que vous ne trouvez pas de bon sélecteur CSS. Le JavaScript s’exécute une fois par chargement de page après l’événement DOMContentLoaded, et vous n’avez pas besoin de l’entourer d’une balise script.
Voici un exemple qui utilise une boucle pour masquer des boutons de connexion sociale chargés dynamiquement qu’Apple n’autorise pas :
setInterval(() => {
if (window.location.href.toLowerCase().includes("login")) {
document.querySelectorAll("button").forEach(btn => {
const text = btn.textContent.toLowerCase().trim();
if (
text.includes("sign in with google") ||
text.includes("continue with google") ||
text.includes("sign in with microsoft") ||
text.includes("continue with microsoft") ||
text.includes("sign in with facebook") ||
text.includes("continue with facebook")
) {
btn.style.display = "none";
}
});
}
}, 200);Si votre site web a été créé avec un outil d’IA, vous pouvez l’utiliser pour vous aider à masquer des éléments. Par exemple, si vous avez besoin d’un moyen simple de masquer tous les éléments liés aux paiements dans l’app, vous pouvez lui donner ce prompt :
Nous avons besoin d’un moyen simple de masquer tous les éléments liés aux paiements sur le site web. Pour ce faire, attribuez à tous les éléments d’interface liés aux paiements la classe HTML « payment ». Si un élément parent possède la classe payment, ses éléments enfants n’ont pas besoin de la classe, puisqu’ils seront automatiquement masqués lorsque le parent sera masqué. N’implémentez aucune logique de masquage, cela se fait en dehors du site web.
Ensuite, ajoutez le sélecteur CSS .payment à vos sélecteurs de masquage d’éléments et tout ce qui est lié aux paiements ne s’affichera plus dans l’app.