Personaliser les bouton google+

mica2006 · 1 Avril 2012

Bonjour,

Je personnalise toujours mes bouton sociaux, malheureusement je n'arrive pas à faire celui de google+
quelqu'un aurait il une solution pour pouvoir avoir un code html pour y ajouter ce bouton :

Merci

mipc · 1 Avril 2012

via se générateur https://www.google.com/webmasters/+1/button/

edit: un exemple pour cet page http://onbuzz.fr/il-fait-exploser-un-petard-dans-un-ballon-de-baudruch ... -un-laser/ en html5, ça donnerais ceci:

Code:

<!-- Place this tag where you want the +1 button to render -->
<div class="g-plusone" data-annotation="inline" data-href="http://onbuzz.fr/il-fait-exploser-un-petard-dans-un-ballon-de-baudruche-avec-un-laser/"></div>

<!-- Place this render call where appropriate -->
<script type="text/javascript">
  window.___gcfg = {lang: 'fr'};

  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

re-édit: de plus regarde en bas: tu peux rajouter une scrituration Rich snippets au format schema.org
https://www.google.com/webmasters/+1/button/#customize-snippet

exemple:

Code:

<!-- Update your html tag to include the itemscope and itemtype attributes -->
<html itemscope itemtype="http://schema.org/Blog">

<!-- Add the following three tags inside head -->
<meta itemprop="name" content="Il fait exploser un pétard dans un ballon de baudruche avec un laser">
<meta itemprop="description" content="Il fait exploser un pétard dans un ballon de baudruche avec un laser">
<meta itemprop="image" content="http://onbuzz.fr/il-fait-exploser-un-petard-dans-un-ballon-de-baudruche-avec-un-laser/un-exemple-d-image.png">

mica2006 · 1 Avril 2012

Merci mipc, pour toute ces explications

Malheureusement je pense que tu n'a pas compris ou alors je ne comprend pas je voudrais mettre ce bouton la :

que j'ai crée, Comment faire.