Ajouter un widget Google

• 

  lalumiereeffraielesvampires · Membre · juin 4, 2015 at 4:34

  • Copier le lien
  • Ajouter le thème aux favoris

  Bonsoir,

  Voilà, tout simplement, j’aimerais savoir comment faire pour ajouter un widget lié à mon compte Google+, sur la colonne de droite de mon blog ?
  J’ai réussi à ajouter les widgets Facebook, Twitter et même Hellocoton, mais pas Google+.

  Merci.

  L’adresse du blog concerné est (visible uniquement pour les utilisateurs connectés).

• 

  airodyssey · Modérateur · juin 4, 2015 at 10:03

  • Copier le lien

  Bonjour. Est-ce que Google+ vous a fourni un code HTML à insérer sur votre site?

  Si oui, nous avons besoin de voir ce code. Merci de le copier-coller dans votre réponse. Pour les besoins de ces forums seulement, insérez un ` accent grave (pas d’apostrophe) au début du code, et un autre accent grave à la fin du code, faute de quoi nous ne pourrons pas voir le code.

• 

  lalumiereeffraielesvampires · Membre · juin 5, 2015 at 10:59

  • Copier le lien

  Bonjour,

  Je ne sais pas trop où je peux trouver le code HTML de mon profil Google+ ?

  Je suis allée sur ce site : https://developers.google.com/+/web/badge/?hl=fr
  et j’y ai obtenu ce code, je vous le copie, mais je ne sais pas si c’est le bon :

  <!-- Placez cette balise dans l'en-tête ou juste avant la balise de fermeture du corps de texte. -->
  <script src="https://apis.google.com/js/platform.js" async defer>
    {lang: 'fr'}
  </script>
  
  <!-- Placez cette balise où vous souhaitez faire apparaître le gadget widget. -->
  <div class="g-person" data-href="//plus.google.com/u/0/106653864149156008673" data-rel="author"></div>

• 

  airodyssey · Modérateur · juin 5, 2015 at 4:29

  • Copier le lien

  Malheureusement, vous ne pouvez pas employer ce code sur WordPress.com, car il contient du <script>.

  Le mieux que vous pouvez faire, c’est prendre une saisie d’écran d’une image de votre widget Google+, et d’en faire un lien cliquable qui mène à votre page Google+ (ou à l’endroit de votre choix).

  Si vous désirez appliquer cette solution, mais que vous ne savez pas comment faire, revenez ici SVP.

• 

  lalumiereeffraielesvampires · Membre · juin 5, 2015 at 7:29

  • Copier le lien

  D’accord, il me semblait bien que ce site ne fonctionnait pas avec WordPress.

  Merci pour votre idée alternative, elle me semble pas mal, au pire. Je pense qu’il faut aller dans Personnaliser > Widgets > Image, non ?
  Si c’est bien là, pour l’URL de l’image, je suppose qu’il faut héberger cette capture d’écran ?

• 

  airodyssey · Modérateur · juin 6, 2015 at 12:51

  • Copier le lien

  Effectivement, vous devez d’abord verser l’image quelque part, par exemple dans le tableau de bord, sous Médias > Ajouter nouveau. Vous devriez obtenir une adresse URL de fichier commençant par https://lalumiereeffraielesvampires.files.wordpress.com/2015/…
  C’est cette adresse-là que vous entrez dans la section « URL de l’image » du widget Image.

• 

  lalumiereeffraielesvampires · Membre · juin 6, 2015 at 1:58

  • Copier le lien

  Ok, merci pour cette bonne idée, voilà c’est fait et ça donne un résultat pas trop mal. On dirait presque un vrai widget.

  J’ai réussi à associer le lien de mon profil Google+ à cette image, cela dit savez-vous si on peut faire s’ouvrir le lien dans un nouvel onglet lors du clic sur l’image ? Parce que le lien s’ouvre dans le même onglet et mon profil Google+ « prend la place » de mon blog. Ce n’est qu’un détail, si ce n’est pas possible tant pis.

• 

  airodyssey · Modérateur · juin 6, 2015 at 7:23

  • Copier le lien

  Dans ce cas, allez dans Apparence > Widgets (ou Personnaliser > Widgets si vous utilisez le nouveau tableau de bord). Effacez le widget Image et insérez à la place un widget Texte avec le code suivant :
  <a href="https://plus.google.com/u/0/106653864149156008673/posts" target="_blank"><img src="http://i18.servimg.com/u/f18/17/99/28/75/widget13.jpg" class="alignnone" width="300" height="400" /></a>

• 

  lalumiereeffraielesvampires · Membre · juin 7, 2015 at 9:04

  • Copier le lien

  En effet, cette fois le lien Google+ s’ouvre dans un nouvel onglet. Parfait et sujet résolu, donc. Merci encore et bonne journée.