Je cherche à héberger des publicités. J’utilise le plugin officiel de publicité qui est génial car il permet d’ajouter des éléments à divers endroits du site.
Cependant, en discutant avec l’agence publicitaire, il semble que pour obtenir la meilleure visibilité des publicités sur mobile, ce qui représente la majorité de mon trafic, il faille utiliser des publicités « collantes » (sticky ads) dans l’en-tête ou le pied de page.
Le problème est bien sûr qu’une publicité collante en bas de page recouvrira des boutons importants et impactera l’expérience utilisateur, ce qui est à proscrire.
Existe-t-il un moyen de rembourrer le bas du site à la hauteur d’une bannière, afin que la bannière collante n’impacte pas les éléments importants de l’expérience utilisateur ? Je ne veux pas que les utilisateurs aient à fermer la bannière publicitaire avant de pouvoir répondre ou utiliser le compteur de messages pour faire défiler un fil de discussion.
De plus, avec l’en-tête collant sur Discourse, sera-t-il impacté par une bannière collante ou la bannière pourrait-elle se placer au-dessus de la barre de navigation de Discourse ?
Ou est-ce quelque chose que l’agence publicitaire devrait être en mesure de résoudre avec sa technologie publicitaire ?
Je pense que je pourrais ajouter un peu de marge intérieure en bas du corps pour que la bannière publicitaire du pied de page fixe ne chevauche pas les boutons de réponse, puis sur la boîte de contrôle de réponse qui apparaît, je pourrais peut-être définir un z-index afin qu’elle apparaisse par-dessus la bannière publicitaire ?
Je me demande juste si quelqu’un a réussi à implémenter des bannières publicitaires fixes en haut et/ou en bas sur mobile sans impacter l’expérience utilisateur.
C’est possible mais cela dépend de beaucoup de choses. Pouvez-vous partager l’URL de votre site ?
J’utiliserais un “plugin outlet” et y placerais la bannière. Définissez la hauteur du “plugin-outlet” égale à la hauteur de la bannière, cela ajoutera les espaces nécessaires.
Quelque chose comme ça. Remarque : ce n’est qu’un exemple rapide, j’espère que cela vous donnera quelques idées pour y parvenir. Nous pourrons faire plus si vous partagez plus d’informations et l’URL de votre site pour vérifier cela, etc.
Salut @Don - j’ai un test qui fonctionne très bien sur mobile, je l’ajoute juste sur ordinateur et ça semble fonctionner mais il y a un léger problème quand on répond, contrairement au mobile où la zone de collage disparaît, sur ordinateur elle reste en place, y a-t-il un crochet CSS pour l’ouverture du compositeur sur ordinateur ?
Salut @Don - une idée sur la façon de fermer le pied de page sur ordinateur ? La version mobile fonctionne très bien, mais je n’arrive pas à trouver comment supprimer l’élément fixe lorsque vous ouvrez la zone de réponse sur ordinateur en cliquant sur répondre. C’est du CSS au-delà de mes compétences.
Désolé pour le retard. Le code que j’ai écrit ci-dessus est placé dans la section mobile, il ne fonctionne donc que sur mobile. J’ai modifié le code pour qu’il s’adapte également au bureau. Vous devez placer ceci dans la section commune et supprimer celui existant de la section mobile.
Voici la mise à jour qui fonctionne sur ordinateur et mobile.
Ouais, j’ai placé une annonce fixe dans la zone du pied de page. La dissimulation de la zone fixe par Don lorsque vous répondez signifie que l’annonce n’interfère pas avec l’utilisabilité du site !
