yesweblog-mockup
Ressources, Vidéo

Ajouter Le bouton D’abonnement à Une Chaîne Youtube

Google, c’est une panoplie interminable de services et de produits, dont le très célèbre et populaire Youtube. Alors que les Blogs soient de plus en plus intimement liés à ce média vidéo n’est pas étonnant, bien au contraire. Youtube devient tout simplement un véritable complément à divers blogs comme les réseaux sociaux tels que Facebook ou Twitter. La vidéo est en effet une dimension supplémentaire offerte aux blogs dont le contenu est majoritairement orienté sur un contenu textuel et aux médias statiques tels que les images ou photos.

Aussi, quand les blogs disposent pour beaucoup de Likebox invitant à Liker la page Facebook ou d’un encart Twitter invitant à suivre le ou la blogueuse, Youtube met lui aussi à disposition un bouton à intégrer à tout espace web, permettant à l’internaute/visiteur/lecteur de s’abonner à une chaîne. C’est justement l’objet de la publication d’aujourd’hui :)

Comment ajouter le Bouton d’abonnement à sa chaîne Youtube ?

Il y a pour cela deux méthodes. On peut soit passer par l’outil mis à disposition par Youtube ou plutôt par Google, soit par exemple pour le cas d’un blog tournant avec un CMS comme WordPress ou Joomla, passer par une extension/plugin ou un composant/module. Voyons comment procéder avec l’outil de Google :

Configurer un bouton Youtube

C’est via le lien ci-dessous que vous pourrez découvrir le très simple outil de configuration du Bouton d’abonnement à la chaîne Youtube :

https://developers.google.com/youtube/youtube_subscribe_button?hl=fr 

L’outil est simple dans le sens où il n’y a finalement que 4 éléments à renseigner. Voyons la chose dès maintenant : configuration-bouton-youtube-abo

1. Dans le premier champ, on viendra ajouter le nom de sa chaîne. Attention, ne pas coller l’intégralité de l’adresse de la chaîne. Il convient de copier et coller seulement la tranche qui suit comme dans l’exemple ci-dessous pour la chaîne toute récente de YWB :

nom-channel-youtube

2. Dans le second champ qui est un menu déroulant, le choix est binaire. On peut soit rester sur l’affichage par défaut, soit choisir le mode complet qui affichera la vignette de votre chaîne si toutefois elle est personnalisée en amont par vos soins :) Vous pouvez tester les deux et découvrir ce que cela donne grâce au bouton de démo qui réagit en temps réel en fonction de votre choix.

3. Thème : Là idem. 2 choix seulement. Fond foncé ou fond clair pour votre bouton :) Choix binaire avec bouton qui réagit et vous permet de voir si l’un ou l’autre vous convient.

4. Nombre d’abonnés : Là vous pourrez décider d’afficher ou non le nombres d’abonnés de la page.

Pour ma part je décoche la case concernant les événements, le code sous le bouton de démo devenant plus léger. C’est justement cette tranche de code qui une fois tous les champs renseignés, va vous intéresser. En effet, il consistera tout simplement de le copier et d’aller l’intégrer dans la zone de votre blog où vous souhaitez qu’il s’affiche :)
C’est tout et surtout, c’est super facile !

Ce système a le mérite par exemple d’éviter d’ajouter un énième plugin à une installation WP, même si divers plugins proposent la fonction et font bien le job. Il se trouve que cet outil mis à disposition est relativement simple d’utilisation, alors autant en profiter :)

Intégrer le Bouton à WordPress

Il se trouve qu’avec WP, la mission sera elle aussi hyper simple puisque vous pourrez copier la tranche de code générée par vos choix et aller la coller dans un simple widget texte comme suit ici :

Je prends le code ici sur la page de l’outil de google :

encart-youtube

Je le copie et je le colle dans un widget texte que je positionne dans ma sidebar à l’endroit où j’aimerai voir le bouton d’abo se pointer comme une fleur :D comme ci-dessous :

widget-abo-youtube

J’enregistre, je vais vérifier ensuite sur le blog à l’endroit choisi si le bouton apparaît bien tel que je l’ai configuré grâce à l’outil de Google après avoir rafraîchit la page du blog (le cache du navigateur peut parfois mettre du temps à afficher certaines modifications en front end). Alors, je pourrai voir mon joli bouton que j’aurais tout de même préféré en mode centré plutôt qu’aligné à gauche, mais soit ! Voici le zoli bouton d’abo à la chaîne Youtube de YesWeBlog au format image que j’ai centré volontairement :

ywb-youtube

Bon personnellement je ne suis pas fan de la position par défaut du bouton que je trouve bof en termes d’affichage. Ceci est bien entendu tout à fait personnel et négligeable ;)

Règles d’Utilisation du Bouton Abo Youtube

Histoire de faire les choses bien, il est assez bon et opportun de s’intéresser à ce que Google indique comme règles à respecter. En l’occurrence, via cette adresse, on découvre que :

regles-bouton-youtube

Grosso merdo, il n’est pas autorisé de se servir du bouton lors d’un concours ou tout système où l’enjeu serait de promettre une récompense quelconque contre des abos. Ensuite, le bouton doit être clairement et complètement visible. Logique. En même temps l’outil est simple mais limite tout de même vraiment la personnalisation au minimum syndical : Bah oui quoi, il est où le champ pour centrer son bouton ? :p Enfin, et respect des données personnelles oblige, le bouton ne doit idéalement pas servir à tracker ou fournir d’infos sur les usages de vos visiteurs/lecteurs. Là aussi, logique. Enfin, pour ceux et celles dont le respect des données personnelles sont un item important :)

Voilà, c’est tout pour le moment :) !

Et donc, je n’ai pas affiché le nombre d’abonnés à la chaîne YesWeBlog créée il y a environ une semaine et pour laquelle je n’ai fait aucune comm’ hihi. Bon, il y a 3 abonnés ! Alors si toutefois vous voulez suivre les quelques tutos déjà en ligne & les prochains just come on !
La chaîne est dispo ici :)


Je vous laisse sur ce titre de mon groupe favori depuis plusieurs mois :) Bonne soirée !

Previous Post Next Post

You Might Also Like

3 Comments

  • Reply Aglaé 28 avril 2016 at 08:46

    Merci beaucoup !
    Et merci pour la précision quant au bout de « nom de chaine » à inscrire. Je n’y arrivais pas au début car … je n’avais pas lu ton article en entier.
    Je vais pouvoir mettre le bouton sous les vidéos dans mes articles.
    Et je m’abonne à ta chaine ;)

  • Reply Aglaé 28 avril 2016 at 08:58

    Seul hic … un grand espace blanc au-dessus si je l’ajoute dans un article ou effectivement le non-centrage dans la barre latérale.

    • Reply GG 28 avril 2016 at 09:05

      bonjour et merci ! :) voui d’ailleurs j’en fais ma mission de cette fin de semaine : trouver dans la mesure du possible et du respect des conditions google, comment personnaliser le bouton (centrage etc). parce que là je trouve ça laid et pas du tout esthétique ni pratique

    Leave a Reply