Javascript Girl
  1. Javascript Girl
  3. Définir le texte sur google + bouton de partage
Intereting Posts
Comment obtenir l'URL de la page précédente en utilisant JavaScript? Modernizr n'appliquant pas de cours à html-tag Convertir l'expression régulière de Javascript en syntaxe Java Scale fabric.js canvas objects Comment créer une nouvelle marque img avec JQuery, avec la src et l'id à partir d'un objet JavaScript? 'Append' appelle un objet qui ne met pas en œuvre l'interface FormData <a href> au lieu du bouton <input submit> Problème de pagination dans jqgrid avec des données de tableau Impossible d'obtenir la valeur de textfield en utilisant jQuery Set & raquo; Entité HTML dans le document.title de JavaScript? Échelle de partage de JavaScript avec espace blanc Comment analyser JSON pour recevoir un objet Date en JavaScript? Attendez le rappel avant de continuer pour la boucle Comment utiliser jquery de parent dans un iframe? Angular2 – Expression a changé après avoir été vérifié – Relier à div largeur avec des événements de redimensionnement

Définir le texte sur google + bouton de partage

Je crée une page qui a un bouton de partage g +, mais je voulais changer dynamiquement la description du contenu à partager. Pour personnaliser le bouton Partager, j'utilise l' extrait avec le protocole Open Graph.

La solution que j'ai essayée était la suivante, mais cela n'a pas fonctionné correctement: 

<meta property="og:title" content="O Fabuloso Gerador De Lero Lero v3" /> <meta property="og:image" content="images/robot.png" /> <meta property="og:description" content="..." /> 
 $('meta[property="og:description"]').attr('content',text); var shareButtons = $('div:first','section.share-buttons'); shareButtons.html(''); shareButtons .prepend('<a href="https://twitter.com/share" class="twitter-share-button" data-text="' + text.trunc(120,true) + '" data-url="http://goo.gl/1KHFM" data-lang="pt">Tweetar</a>') .prepend('<div class="g-plus" data-action="share" data-href="http://lerolero.miguelborges.com/t=' + new Date().getTime() + '" data-annotation="bubble"></div>'); try { window.twttr.widgets.load(); window.gapi.plus.go(); } catch(e) {}

Mais le contenu de la description dans le bouton Partager est toujours la première.

Quelqu'un sait comment le faire fonctionner?

MODIFIER:

J'ai eu le même problème avec le bouton twitte mais j'ai réussi à résoudre ceci: 

  shareButtons .prepend('<a href="https://twitter.com/share" class="twitter-share-button" data-text="' + text.trunc(120,true) + '" data-url="http://goo.gl/1KHFM" data-lang="pt">Tweetar</a>'); window.twttr.widgets.load();

L'extrait de votre page est généré par une extraction côté serveur de votre page. Le récupérateur de pages n'exécute pas JavaScript. C'est pourquoi les modifications que vous avez apportées à cet élément ne sont pas exprimées dans votre partage.

Vous pouvez contourner ce problème en utilisant un paramètre get et en spécifiant une cible.

  1. Configurez votre page pour accepter la description en tant que paramètre de GET. Par exemple, http://exmaple.com?desc=foobar entraînerait que votre étiquette Open Graph ressemble à ceci: <meta property="og:description" content="foobar" />
  2. Lorsque vous rendez votre lien de partage, bouton de partage ou bouton +1, ciblez la page avec la description désirée spécifiée à l'aide du paramètre GET. Pour le bouton Partager, votre balisage peut ressembler à ceci: <div class="g-plus" data-action="share" data-href="http://example.com/?desc=foobar"></div>

Cela aura toutefois un impact sur le compte. Si vous utilisez cette technique avec le bouton +1, chaque description sera considérée comme une page différente et les comptes s'accumuleront séparément.

Je sais que Facebook met en cache l'information pour la description et d'autres méta. Il semble selon ce lien , Google + fait aussi. Il semble qu'il soit caché pendant une durée indéterminée … Cela rend votre situation presque impossible, selon la fréquence à laquelle vous souhaitez modifier le contenu. Soit, soit attendez quelques jours, et voyez si cela change. J'aimerais noter que Jenny est également correcte, mais après avoir traversé cela, vous n'aurez probablement plus de résultats souhaitables.