Chapitre 9

Cette fonction permet de bâtir une liste de liens ou de fichiers téléchargeables, que vous intégrez
ensuite à votre site Web. Pour en simplifi er la gestion, vous pouvez exploiter les catégories.
Joomla! compte le nombre d’accès à chacun des liens. Vous pouvez définir les autorisations de
chacun des utilisateurs enregistrés en termes d’accès aux différents liens. Les liens autorisés apparaissent dans la liste qui s’Affiche par la commande COMPOSANTS > LIENS WEB > LIENS. Les liens doivent non seulement satisfaire aux autorisations d’accès par l’utilisateur, mais ils doivent être également rendus publics.

9.5.1 Gestion des liens Web

Dans la page de gestion des liens Web, vous voyez apparaître tous les liens définis avec leur catégorie et le compteur d’accès (voir Figure 9.20).

Figure 9.20 Composants > Liens Web > Liens.

Vous pouvez modifier les paramètres applicables à tous les liens globalement et définir de nouveaux
liens en contrôlant leur mode de diffusion (voir Figure 9.21).

Figure 9.21 Composants > Liens Web > Liens : Mode Édition.

Nom. Nom du lien tel qu’il apparaît sur le site Web.

Alias. Adresse URL courte.

Publié. Publié ou non.

Catégorie. Choix d’une des catégories de liens.

URL. Adresse URL cible du lien.

Ordre. Tri parmi la liste des liens.

Paramètres. Permet de choisir de faire apparaître la cible du lien dans une nouvelle fenêtre (avec ou
sans élément de Navigation) ou dans la même fenêtre.

Description. Permet d’ajouter une description du lien.

9.5.2 Catégories

Les catégories de liens Web sont accessibles par le menu COMPOSANTS > LIENS WEB > CATÉGORIES et permettent d’organiser la gestion des liens Web (voir Figure 9.22).

Figure 9.22 Composants > Liens Web > Catégories.

Joomla! possède en standard un module de gestion de sondages qui permet de demander leur avis à
vos visiteurs. Un sondage est déjà défini comme exemple (voir Figure 9.17). Vous pouvez vous
amuser à traduire les questions comme nous l’avons fait.

Titre. Titre du sondage.

Délai. Délai en secondes avant l’écoulement duquel il n’est pas possible de revoter. Ce paramètre
permet de se prémunir contre les falsifi cations éventuelles.

Options. Cette série de champs permet d’indiquer jusqu’à 12 options.

Figure 9.17 Composants > Sondages : Mode Édition.

Cliquez sur le bouton d’aperçu PRÉVISUALISER pour voir à quoi ressemble votre série de questions. afin que le sondage puisse réellement s’Afficher sur le site, vous devez vérifi er si le template en vigueur prévoit la place pour un cartouche de sondage. Dans le template standard, le cartouche apparaît dans la colonne de droite. Vous pouvez admirer le résultat sur le site Web.

Figure 9.18 Exemple de sondage sur le site Web.

Essayez de voter. Vous voyez apparaître un masque de résultat courant du vote (voir Figure 9.19). En revenant à la page que vous consultiez précédemment, vous constatez que le sondage n’est plus
présenté puisque vous y avez répondu.

9.4.1 Statistiques des recherches

Dans Joomla! 1.0, vous disposiez de nombreuses possibilités pour obtenir des statistiques de fréquentation de votre site Web. Mais ce mécanisme impliquait une occupation mémoire importante sur le serveur. L’équipe de développement de Joomla! a donc décidé de supprimer le module de statistiques du noyau (ce qui ne pose pas de problème maintenant que l’on dispose d’outils externes tels que Google Analytics).

Ce qu’un responsable d’un site Web a besoin de savoir en permanence est ceci : « Qu’est-ce que les visiteurs viennent chercher sur mon site ? ». Dans Joomla! 1.5, les termes saisis pour la recherche
avec leur fréquences sont disponibles dans les statistiques de recherche. Il vous faut cependant
activer la journalisation des critères de recherches.

Figure 9.19 Résultat courant d’un sondage sur le site Web.

Les fils d’actualité sont formidables. La quantité sans cesse croissante d’informations disponibles
sur Internet a rendu indispensable la création de méthodes d’organisation effi caces. Si vous avez par
exemple l’habitude de visiter régulièrement une vingtaine de sites Web à la recherche de nouveautés,
vous perdez du temps. Si le nombre de sites à surveiller est supérieur, cela devient physiquement
impossible. Les fils d’actualité tentent de résoudre ce problème.

Le composant Newsfeeds permet de faire référence à des fils d’actualité qui correspondent à
d’autres pages Web pour les intégrer à vos pages. Vous disposez d’un Gestionnaire de catégories
et d’un Gestionnaire de contenus. Les données d’exemple proposent déjà plusieurs catégories et
fils d’actualité.

Voyons comment créer un nouveau fil. Cherchez un fil disponible au moyen d’un moteur de recherche ou voyez sur les sites que vous visitez habituellement où se trouve un petit bouton ou une option de fil d’actualité.

9.3.1 Fils

Pour illustrer le mécanisme des Fils d’actualités, nous allons définir un Fil qui mène à la page de
Blog de l’auteur de ce livre. Choisissez la commande COMPOSANTS > FILS D’ACTUALITÉS > FILS puis le bouton NOUVEAU (voir Figure 9.15).

Figure 9.15 Définition d’un nouveau Fil d’actualité.

Nom. Nom du Fil d’actualités tel qu’il apparaît sur le site.

Alias. Adresse URL courte.

Publié. Permet de contrôler si le Fil doit être publié ou non.

Catégorie. Choisissez la catégorie appropriée.

Lien. Lien qui mène au Fil d’actualités, qui est dans notre exemple l’adresse du Blog de l’auteur.

Nombre d’articles. Nombre d’articles qui doivent être reliés.

Période du cache (en seconde). Fréquence de rafraîchissement du contenu exprimé en seconde.

Ordre. Les nouveaux Fils d’actualités sont par défaut présentés au début. Vous pouvez modifier
l’ordre une fois que vous avez sauvé votre modification.

Si vous disposez d’un accès à Internet, le nouveau Fil peut être suivi pour accéder directement au contenu dans votre site Web (voir Figure 9.16).

9.3.2 Catégories de fils

Permet de gérer les catégories pour les Fils d’actualités, de la même manière que les catégories de
Contacts.

Figure 9.16 Nouveau Fil d’actualités menant à un blog.

Lorsqu’un visiteur de votre site désire entrer en contact avec vous, il faut que la démarche soit simple. De nombreux sites Web de grandes et moyennes entreprises, employant donc des centaines ou des milliers de salariés, n’offrent sur le site Web qu’une seule adresse générique pour prendre contact, du style info@societe.fr. Qu’il s’agisse d’un formulaire ou de la simple adresse, le visiteur, client éventuel, ne sait pas exactement qui va lire son message. Dans Joomla!, vous avez la possibilité de créer des catégories de contacts. Vous pouvez ainsi obtenir plus de précision sur les visiteurs qui tentent de vous joindre. Joomla! peut ainsi générer un tableau des salariés d’un département d’entreprise ou bien un formulaire de contact pour chaque contact.

9.2.1 Gestion des Contacts

C’est dans cette fenêtre que vous gérez toutes les informations relatives à un contact via un formulaire. Au départ, le contact proposé est associé au groupe nommé Contacts. Créons un nouveau contact par la commande COMPOSANTS > CONTACTS > CONTACTS. Au départ, vous faites face aux données d’exemples (voir Figure 9.6).

Figure 9.6 Composants > Contacts.

Cliquez sur le bouton NOUVEAU pour définir les coordonnés du nouveau contact. Vous remarquez que vous disposez de trois volets assez chargés (voir Figure 9.7).

Figure 9.7 Composants > Contacts : Nouveau.

Détails

Nom. Le nom public du contact.

Alias. L’adresse URL courte.

Publié. Oui ou non.

Catégorie. Permet d’associé le contact à une catégorie. Au départ, il n’y a que la catégorie d’exemple Contacts.

Lier à l’utilisateur. Permet de relier une définition de contact à un compte d’utilisateur existant.
Niveau d’accès. Groupes d’utilisateurs autorisés à accéder à cette information.

ID. Code numérique unique d’identifi cation du contact dans la base de données (en marge droite de
la vue liste).

Informations diverses

Ce volet réunit les informations détaillées du contact. Les champs vides sont automatiquement inaccessibles. Vous pouvez fournir quelques détails internes dans la zone INFORMATIONS DIVERSES. Le champ IMAGE permet d’ajouter un portrait du contact, le fichier devant se trouver dans le sous-dossier /images/stories/. Vous pouvez bien sûr utiliser SITE > GESTION DES MÉDIAS pour aller chercher le fichier ailleurs s’il ne s’y trouve pas encore.

Paramètres

Ce volet permet de choisir quelles informations doivent être visibles. Signalons que le format VCard
est un format standardisé de carnet d’adresses.

Validez la création du nouveau contact par le bouton SAUVER pour qu’il apparaisse ensuite dans la
liste.

9.2.2 Création d’un lien de menu pour le contact

Supposons que nous voulions accéder aux données de ce contact depuis le menu horizontal Top
Menu. Choisissez la commande MENUS > TOP MENU puis le bouton NOUVEAU. Dans le type d’élément de menu, choisissez CONTACT. Vous accédez alors aux détails. Il vous reste à choisir le
format, soit une liste de tous les contacts de la catégorie (Mise en page de Catégorie Contact), soit
une fi che individuelle (Mise en page standard des contacts). Choisissez le deuxième format (voir
Figure 9.8).

Vous faites face à un formulaire de saisie dans lequel vous devez fournir un NOM et un ALIAS pour le lien, sans oublier de sélectionner le contact dans les paramètres. Vous pouvez définir d’autres paramètres au passage.

Figure 9.8 Liaison d’élément de menu, choix du type d’élément.

Figure 9.9 Création d’un lien d’élément de menu.

Vous pouvez maintenant vous rendre sur votre site Web. Votre menu horizontal Top Menu contient à droite le nouveau lien CONTACTS. Cliquez pour voir apparaître les données du contact. L’adresse de courriel du destinataire n’est pas visible, ce qui évite à ce formulaire de devenir la cible des courrielleurs (spammers) (voir Figure 9.10).

L’autre format permet de créer une liste de contacts. Dans notre exemple, elle Affiche par défaut des
numéros de téléphone que nous préférerions maintenir secrets (voir Figure 9.11). Pour modifier cela, il faut éditer le lien de menu par MENUS > TOP MENU, en basculant l’élément CONTACTS dans le mode ÉDITION.

Si vous accédez au volet des paramètres, vous pouvez rendre invisible les champs (voir Figure 9.12).

Figure 9.10 Le formulaire du contact sur le site Web.

Figure 9.11 Le format Liste de contact.

Figure 9.12 Les paramètres de contrôle de l’affichage des détails d’un contact.

Vous devez intervenir dans le volet PARAMÈTRES-COMPOSANT et masquer les champs. Une fois cette modification effectuée, il suffit de cliquer sur le nom du contact pour ne plus voir apparaître que les données dans le formulaire de contact.

9.2.3 Catégories de contacts

Cette commande sert à créer de nouvelles catégories et à modifier celles qui existent. Vous y accédez par la commande CONTACTS > CATÉGORIES ou en cliquant sur le lien d’onglet CATÉGORIE dans la page d’édition de contact (voir Figure 9.13).

Figure 9.13 Contacts > Catégories.

Il suffit d’utiliser le bouton ÉDITER ou de cliquer sur le nom de la catégorie pour basculer en mode
ÉDITION. Vous pouvez associer une image à la catégorie et modifier la description via l’éditeur intégré.Notez que pour tester le résultat, vous devez accéder à l’élément du menu Top Menu puis utiliser le bouton CHANGER LE TYPE.

Figure 9.14 Contacts > Catégories : Éditer.

Le composant de gestion de bannières permet d’Afficher cycliquement les bannières publicitaires sur
le site. Le passage d’une bannière à l’autre est géré dans Joomla! en fonction du paramètre de
nombre de passages appelé impression. À chaque affichage du site Web, une autre bannière est
présentée. Une bannière peut être de type graphique, mais aussi de type texte (sous forme d’une série de liens). Vous pouvez en effet profiter de la même possibilité qui est offerte au site partenaire de Google sur lesquels apparaît un cartouche avec une série de liens commerciaux. À chaque affichage de votre site, une autre série de liens texte est injectée dans la section correspondante de l’affichage. Chaque affichage compte pour une impression. Le visiteur peut évidemment cliquer sur la bannière ou le lien TEXTE pour accéder au site Web dont l’adresse a été fournie en paramètre.

Le composant permet de gérer les bannières et les clients annonceurs. En standard, les bannières
sont en pleine taille, c’est-à-dire 468 × 60 pixels. La taille du fichier ne devrait généralement pas
dépasser 20 Ko. Les trois formats supportés sont .gif, .jpg et .png.

Voyons comment mettre en place une bannière publicitaire. Vous devez au départ créer, ou bien récupérer, un fichier de bannière dont les dimensions doivent être de 468 sur 60 pixels (voir Figure 9.1). La bannière dont nous nous servons dans l’exemple suivant se trouve sur le CD-ROM dans le dossier CHAP09.

Figure 9.1 Exemple de bannière mesurant 468 pixels de large sur 60 pixels de haut.

9.1.1 Clients

Avant de mettre en place une bannière, il faut définir au moins un client qui est votre annonceur.
Utilisez la commande COMPOSANTS > BANNIÈRE > CLIENTS, puis le bouton NOUVEAU pour créer un nouveau compte d’annonceur. Validez au moyen du bouton SAUVER (voir Figure 9.2).

Figure 9.2 Composants > Bannière > Clients : création d’un client.

Vous arrivez à la liste des clients de bannières. Pour chaque client est indiqué le nombre de bannières
actives.

9.1.2 Liste de gestion des bannières

Il reste maintenant à associer une bannière graphique ou textuelle à l’annonceur. Par la commande
COMPOSANTS > BANNIÈRE > BANNIÈRES, vous accédez à la liste des bannières existantes (voir Figure 9.3).

Nom. Le nom de la bannière.

Client. Le nom de l’annonceur.

Catégorie. La catégorie de la bannière.

Publié. La bannière est publiée ou pas.

Ordre. Permet d’intervenir sur l’ordre d’affichage des bannières dans une série.

Post-it. Les bannières ainsi désignées sont prioritaires.

affichages. Nombre d’affichages effectué et nombre d’affichages restant.

Clics. Nombre de clics sur les bannières en absolu et relativement au nombre d’affichages.

Balises. Permet de définir des balises de catégorie pour la bannière afin de contrôler son affichage.

ID. Code numérique unique dans la base de données.

Figure 9.3 Composants > Bannière > Bannières.

9.1.3 Bannières graphiques

Pour définir une nouvelle bannière, il faut d’abord charger le fichier graphique dans le stock de
médias (SITE > GESTION DES MÉDIAS), dans le sous-dossier /images/banner/ (Images Folder – banners). Vous pouvez supprimer un fichier de bannière par la même fenêtre de Gestion des médias. Il suffit d’accéder aux détails et de cliquer dans la croix rouge (voir Figure 9.4).

Dès que votre fichier de bannière est disponible au bon endroit, vous pouvez utiliser le bouton
NOUVEAU dans la liste de Gestion des bannières. Il ne reste qu’à remplir le formulaire (voir Figure 9.5).

Nom. Choisissez un nom suggestif pour votre bannière pour la repérer facilement.

Alias. Ce champ n’a pas encore d’utilisation réelle dans Joomla!. Il sera sans doute utilisé pour
l’adresse URL de la bannière.

Afficher la bannière. Permet de supprimer une bannière du cycle d’affichage d’une série.

Post-it. Les bannières ainsi désignées sont affi chées d’abord.

Ordre. Permet de contrôler l’ordre d’affichage des bannières.

Catégorie. En classant vos bannières dans des catégories, vous pouvez gérer leur affichage de façon
plus organisée. Vous devez associer une catégorie à chaque bannière. La gestion passe ensuite par la
commande COMPOSANTS > BANNIÈRE > CATÉGORIES.

Figure 9.4 Site > Gestion des médias.

Figure 9.5 Composants > Bannière > Bannières : bouton Nouveau.

Clients. Choisissez l’un des annonceurs dans la liste.

Nombre d’affichages achetés. Vous indiquez ici le nombre d’affichages auquel à droit ce client. Vous pouvez utiliser l’option ILLIMITÉ.

URL pour le clic. Vous indiquez ici l’adresse URL de la page Web vers laquelle le clic doit mener.

Code personnalisé pour la bannière. Ici peut être inséré un bloc de code spécial, tel que fourni par les programmes d’affiliation des annonceurs partenaires. Cet écran sert également à modifier les
bannières. Voilà pourquoi vous trouvez également un champ rappelant le nombre de clics effectué ainsi qu’un bouton pour remettre à zéro les clics.

Description/Notes. Commentaires internes relatifs à la bannière.

Sélecteur d’images. Permet de choisir l’image à associer à la bannière. Elle s’Affiche sous le champ du sélecteur.

Balises. Permet d’indiquer les balises appropriées.

Dès que vous cliquez sur le bouton SAUVER, la bannière fait partie du cycle d’affichage et devrait
apparaître sur la page Web (éventuellement au bout de plusieurs actualisations).

9.1.4 Liens texte

Pour définir une bannière de type texte, il suffit de spécifier le lien au format HTML dans le champ
intitulé CODE PERSONNALISÉ. Pour éviter de mélanger les différents types de bannières, vous avez intérêt à définir des catégories distinctes. Pour les liens Texte, choisissez par exemple la catégorie prédéfinie Text Ads.

L’affichage des bannières sur le site Web dépend d’un module que nous présentons au Chapitre 10.