Comment ajouter un bouton de partage Google+ sur les publications et les pages ?

Google+ n’est plus en ligne.

Google+ a introduit un bouton de partage, qui est un moyen plus convivial et plus simple de partager le contenu de votre site sur Google+. Le bouton de partage Google+ est différent du bouton Google +1 car le bouton Google +1 sert uniquement à +1 et le bouton de partage sert à augmenter votre partage de contenu sur Google+. Comme le bouton Google +1, le bouton de partage Google+ est disponible en quatre annotations : 1. Aucune 2. Bulle horizontale 3. Bulle verticale 4. En ligne. Il est également disponible en trois tailles différentes : 1. Petit 2. Moyen 3. Grand.

Eh bien, vous pouvez facilement obtenir un bouton de partage Google+ à partir de la page officielle.
Page officielle du bouton de partage Google+ : https://developers.google.com/+/web/share/

Annotations du bouton de partage Google+

Mais lorsque vous ajoutez ce bouton à votre blog ou site qui se trouve sur Blogger et que vous avez plusieurs articles sur la page d’accueil, ce bouton partage la page d’accueil, pas les articles. Donc, dans cet article, je vais expliquer comment ajouter un bouton de partage Google+ sur les blogs Blogger, qui sera valable pour chaque article et pas seulement sur la page d’accueil. À cette fin, nous allons modifier le code par défaut du bouton de partage Google+. Procédons à la modification :

Code du bouton de partage Google+ par défaut :

<!-- Place this tag where you want the share button to render. -->
<div class="g-plus" data-action="share" data-annotation="bubble"></div>

Code du bouton de partage Google+ modifié :

<!-- Place this tag where you want the share button to render. -->
<div class="g-plus" data-action='share' data-annotation='bubble' expr:data-href="https://www.techprevue.com/add-google-share-button-to-blogger-posts-and-pages/data:post.url"/>

La partie surlignée ci-dessus est ajoutée au code de travail conformément à notre objectif de cet article.

Comment insérer ce code de bouton modifié dans le template Blogger ?

  1. Accédez au tableau de bord Blogger › Sélectionnez un blog › Passez à l’onglet Modèle › Modifier le code HTML › Vérifiez le modèle de widget Développer
  2. Recherchez maintenant le modèle pour
  3. Si vous souhaitez placer le bouton de partage Google+ au-dessus de la publication, insérez le code au-dessus de ou si vous souhaitez placer le bouton de partage Google+ sous la publication, insérez le code ci-dessous
  4. Enregistrer les modifications du modèle › Terminé

Noter: vous devez ajouter javascript ci-dessous sous si vous ne l’utilisez pas.

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

› Une autre chose importante –
› Apprenez à modifier le modèle Blogger

Conclusion:

Après un joli exercice sur le code du bouton de partage Google+ et la personnalisation du modèle, vous obtenez un bouton de partage Google+ sur votre blog pour les articles et les pages.