Avoir des liens cliquables vers son Facebook, blog… intégrés à l’habillage de sa page chaîne, la rend non seulement tout de suite plus glamour et plus pro, mais contribue également largement à améliorer la visibilité de vos sites et réseaux sociaux. Votre communauté vous suit en 1 clic, sans avoir à chercher l’adresse de votre Facebook, noyée au milieu des autres informations de votre page chaîne.

Cette semaine, nous vous expliquons concrètement comment ajouter ce type de liens.

Des explications pas à pas, et pour ceux que l’expression « ligne de code » effraie, vous verrez qu’ajouter des liens est à la portée de tous !

Pour rappel, sur le nouvel habillage, il n’y a plus d’image de bannière distincte du reste du background. Désormais, c’est l’utilisateur qui alloue une hauteur à l’image de background qui servira de bannière (150px maximum).

Pour insérer des liens, il faut se rendre dans « Ma chaîne », « Modifier la chaîne ». Après avoir décidé de la hauteur de votre image de background dédié à votre bannière, il faut entrer une ligne de code pour chaque lien que l’on souhaite insérer.

Le lien à rentrer est de ce type :

< area coords="X1,Y1,X2,Y2" href="/lien vers lequel on souhaite rediriger" target="_blank"/> 

(Attention toutefois, il faut supprimer l'espace entre le "<" et le "area" afin que cela fonctionne bien).


X1 et Y1 correspondent aux coordonnées (en pixel) du coin supérieur gauche de la zone dans laquelle insérer le lien.
X2 et Y2 les coordonnées (toujours en pixel) du coin inférieur droit.

Là, vous vous dites : ça commence à me dépasser, je n’y comprendrai rien. Mais si ! Poursuivez un peu votre lecture et vous verrez que c’est très simple, on vous donne des astuces :

Afin de connaître ces coordonnées, vous pouvez utiliser Photoshop.
Voir les images ci-dessous, pour visualiser ces actions :

Dans le menu : « Fenêtre », sélectionnez la rubrique « Informations ». Attention, n’oubliez pas de mettre les informations en pixels ! Ensuite, vous n’avez plus qu’à faire une zone de sélection autour de l’endroit où vous voulez insérer votre lien. Notez ensuite les coordonnées X et Y du coin supérieur gauche de votre sélection, puis du coin inférieur droit.

Nota Bene : Même s’il n’est pas obligatoire de rajouter le target="_blank", il est fortement conseillé de le faire, afin de faire ouvrir le lien dans un nouvel onglet, permettant ainsi à l’internaute de rester sur la page de la chaîne.


Voici un exemple visuel, pas à pas :
 
 
1.    Fenêtre : Informations
 
photoshop 1
 
 
 
2.    La fenêtre d’informations s’ouvre, on sélectionne Pixels en cliquant sur la petite croix.
 
photoshop 2photoshop 3
 
On effectue une sélection autour du logo Facebook et on note les coordonnées du coin supérieur gauche (sur cet exemple : 216,38) et du coin inférieur droit (284,104).
 
photoshop04
 
 
Sur YouTube, il ne restera plus qu’à ouvrir le gestionnaire de chaîne et à insérer la ligne de code suivant :
< area coords="216,38,284,104" href="/http://fr-fr.facebook.com/wizdeo" target="_blank"/>
(Bien sûr, sans l'espace entre le "<" et le "area".)
 
Alors, finalement, facile la ligne de code :-)
 
Si malgré tout, vous rencontriez des difficultés, contactez votre channel manager !
Nous utilisons des Cookies afin d’optimiser votre expérience utilisateur. En poursuivant votre navigation sur notre site, vous acceptez l’utilisation de Cookies.