Des fans des Tiki Express Tutorials ont demandé ce qu’est une version LTS. LTS signifie Long Term Support (support à long terme). Cela vous assure d’utiliser une version bien testée qui sera maintenue pendant 5 ans.

Par exemple, Tiki 18, publiée en janvier 2018, sera prise en charge jusqu’en janvier 2023.
C’est important pour les environnements qui privilégient la stabilité par rapport aux versions de pointe mais moins stables. Si vous voulez en savoir plus et mieux comprendre le cycle de publication de Tiki, consultez : https://tiki.org/Versions.

Commençons notre Tiki Express Tutorial sur la fonctionnalité Bannières de Tiki Wiki.

Comment activer la fonctionnalité dans les Panneaux de configuration

Il existe plusieurs façons d’afficher une bannière dans Tiki Wiki, selon vos besoins et le niveau de contrôle souhaité. Dans certains cas, un simple extrait HTML ou JavaScript fourni par une société de publicité dans une ou plusieurs pages suffit. Parfois, vous souhaitez contrôler un élément affiché sous certaines conditions via un module Tiki sur plusieurs pages wiki. Et dans d’autres cas, vous voulez réellement contrôler ou suivre le nombre de clics, la durée de vie, les dates et d’autres paramètres qui déterminent quand une bannière est affichée.

La fonctionnalité Bannières de Tiki est très configurable et pensée pour des scénarios exigeants. Notez qu’elle peut aussi être détournée pour des usages qui ne sont pas des « bannières » classiques : messages temporisés à votre communauté, annonces d’événements, suivi de clics sur un élément, etc.

Je suis sûr que vous aurez d’excellentes idées — partagez-les en commentaires — mais pour l’instant, lançons-nous.

Avant tout, il faut activer la fonctionnalité Bannières dans les Panneaux de configuration. C’est une fonctionnalité avancée ; je passe donc le filtre des préférences de Basique à Avancé et j’enregistre ce choix par défaut. Si ce n’est pas clair, voyez le tutoriel sur les astuces d’administration dans Tiki Wiki.
C’est une bonne habitude et cela vous aide à mieux configurer votre Tiki.

Dans le panneau Fonctionnalités, je descends jusqu’à Fonctionnalités administratives et j’active Bannières. Rien de compliqué, mais si vous n’êtes pas à l’aise avec l’activation d’une fonctionnalité Tiki, j’ai aussi fait un tutoriel dédié. Rendez-vous sur ma chaîne ou mon site et prenez ce dont vous avez besoin.

Activons aussi le plugin Banner afin d’avoir cette option pour placer une bannière dans une page. Je vais dans le panneau Édition et plugins, je cherche « banner » avec l’outil de recherche du navigateur, j’active le plugin Banner puis je clique sur Appliquer pour enregistrer.

La configuration en place, je préfère utiliser un vrai site plutôt que l’installation par défaut. J’en ai préparé un pour cette vidéo avec Bootstrap 4 et j’ai déjà créé un nouveau menu et quelques pages. Je mets à jour l’en-tête, je descends le menu d’administration et j’installe le menu utilisateur. Ensuite, je change le thème et j’ajuste la mise en page.

Je ne détaille pas ces étapes car elles sont assez basiques. Si vous souhaitez un tutoriel dédié, laissez simplement un commentaire sous la vidéo sur ma chaîne YouTube et je ferai un Tiki Express Tutorial « bases du logo / des menus / de la mise en page ».

Notre joli site est maintenant en ligne et la fonctionnalité est activée. Allons dans le menu Paramètres. Vous voyez un nouvel élément, Bannières, qui mène à une liste vide. Remplissons-la en créant notre première bannière Tiki.
Je clique sur Créer une bannière.

Et là — wow ! Tant de paramètres et de contrôles pour une flexibilité maximale, contrairement à bien d’autres applications web. Avec Tiki, vous pouvez vraiment tout contrôler pour votre bannière.
Je détaillerai dans une minute, mais plaçons d’abord notre première bannière.

Placer une bannière sur une page avec le plugin Banner

Comme ce site concerne la location de maisons, imaginons qu’un ami lance une entreprise de peinture et que je veuille l’aider. Il m’a envoyé une bannière JPG et je n’ai pas besoin de suivi particulier — juste l’afficher tant que je ne la supprime pas.

Dans le champ URL, j’indique le lien de la bannière… Utilisons mon propre site pour la démo.
Je ne change rien aux limitations pour l’instant.
En revanche, je dois créer une zone de bannière.

Une zone sert à indiquer à Tiki quelle bannière va où. Il en faut au moins une. On regroupe généralement les bannières par taille, orientation ou langue. Vous n’êtes pas limité — utilisez ces zones comme vous le souhaitez.
Je crée ma zone A et j’y affecte cette bannière.
Là encore, je ne change rien concernant la durée, les heures ou les jours.
Je choisis la méthode Utiliser une image, je sélectionne mon image et j’enregistre la bannière.
De retour à la liste — la voilà.

Il faut maintenant définir la fonction qui affichera les bannières de ma zone A dans la page.
Souvenez-vous : nous avons activé le plugin Banner. Il est disponible depuis la barre d’outils lors de l’édition d’une page, mais vous pouvez aussi utiliser directement la fonction Smarty. Vous aurez un peu moins de contrôle, mais pour ce cas c’est parfait. Je copie le code du plugin.

Je reviens à la page Accueil, là où j’ai de la place pour afficher une bannière.
J’édite la page, je colle la fonction Smarty pour la bannière et je définis la zone sur A (celle assignée à ma bannière).
J’enregistre — et la bannière de mon ami s’affiche !

Cliquons dessus, revenons en arrière et actualisons.

Voir les statistiques des bannières

De retour sur la page Bannières, la liste affiche déjà des informations importantes. Dans le menu d’action à droite (sous la clé à molette), l’item Statistiques donne plus de détails sur l’usage et sur les options définies pour la bannière.
Si j’ai attribué la bannière à un utilisateur (client) précis, il aura également accès à ces informations.

Maintenant que nous savons configurer une bannière basique dans Tiki, retournons à Créer une bannière pour passer en revue les paramètres importants.

Revue des paramètres d’une bannière

URL — le lien vers lequel pointe la bannière.
Client — l’utilisateur associé à cette bannière. En plus de vous permettre de gérer vos clients via un tracker ou de demander un paiement via PayPal dans Tiki, cela lui donne accès aux statistiques de toutes ses bannières. Indispensable si vous souhaitez monétiser ou faire du commerce/échange via la fonctionnalité Bannières de Tiki.
Impressions maximales — nombre total d’affichages avant arrêt.
Impressions maximales par utilisateur — limite le nombre de fois qu’un même utilisateur verra la bannière.
Clics maximaux — nombre de clics autorisés avant arrêt de l’affichage.
Zone — l’emplacement logique auquel la bannière est affectée (vu plus haut).
Contrôles temporels — n’afficher la bannière qu’entre certaines dates, à certaines heures ou certains jours.

Enfin, les méthodes de bannière :

  • HTML — la plus libre ; vous pouvez y mettre quasiment tout.
  • Image — comme vu à l’instant, la plus simple.
  • Flash — hérité/ancien ; voué à disparaître.
  • Texte — très utile pour des messages internes à votre communauté ou à l’intranet de l’entreprise.


C’est bien plus riche que la plupart des plugins de bannières tiers qu’on trouve dans d’autres CMS et wikis.

Placer une bannière via les modules

Je ne vais pas détailler entièrement les modules ici. Très rapidement : la mise en page de Tiki est découpée en zones (top, topbar, toppage, left, right, bottompage, bottom). Avec un module, vous décidez dans quelle section, perspective, structure, page ou groupe de pages, et pour quelle langue il sera affiché — ou non. C’est très puissant !

Très, très vite : je récupère un code d’une régie publicitaire.
Je vais dans Tiki → Paramètres → Modules.
Là, je vais dans Modules personnalisés et je crée un nouveau module. Je lui donne un nom et je colle le code copié précédemment.
Il faut maintenant l’ajouter dans Tiki.
Je sélectionne le module mybanner que je viens de créer et je règle quelques options de base — position et paramètres comme nobox=y&section=wiki page&language=en.

Je quitte Modules.
De retour sur ma page d’accueil, la bannière est en place et apparaît sur toutes mes pages wiki en anglais.
C’est donc une autre façon d’afficher une bannière, avec davantage de contrôle sur l’endroit où elle apparaît automatiquement et seulement si certaines conditions sont remplies.

C’est tout pour aujourd’hui ! J’espère que ce Tiki
Express Tutorial vous a plu.
Vos retours et commentaires continuent d’arriver — merci, c’est très utile.

Ayant résolu la plupart des aspects techniques de mes tutoriels vidéo, je publierai plus souvent et aborderai les tutoriels attendus : installer Tiki, déployer un serveur WikiSuite, utiliser les Trackers, CustomSearch, les fonctionnalités Cartes, et approfondir ces sujets avancés.

Vous savez comment me soutenir — merci d’aimer, de partager et de vous abonner à ma chaîne YouTube.
Oui, cliquez maintenant sur le bouton « pouce en l’air » !
Pour ne rien manquer des prochains tutoriels et recevoir une notification lors des publications, abonnez-vous
à ma chaîne YouTube.

Merci encore pour votre attention, et que la force de Tiki soit avec vous !

Liens associés :