4 votes

le bouton tweet n'apparaît pas

J'essaie d'ajouter un bouton tweet à une page html, j'utilise le code officiel du générateur de bouton twitter, http://twitter.com/about/resources/buttons#tweet

lorsque je teste la page sur chrome et Firefox , le bouton n'apparait pas , seul un texte souligné dit : "Tweet"

Voici le code :

  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  </head>
  <body>
  <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.3eesho.com/magazine/index.html" data-text="issue2 now" data-via="3eesho" data-hashtags="ipad,health,arabicmagazine">Tweet</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  </body>
</html>

7voto

jcaruso Points 63

J'ai eu le même problème et cela m'a rendu fou jusqu'à ce que j'en arrive à la conclusion que les cookies étaient peut-être bloqués. J'utilisais un module complémentaire appelé "Disconnect" de https://disconnect.me/ . Une fois que j'ai désactivé cet addon et redémarré le navigateur, le bouton Tweet a recommencé à fonctionner.

Par conséquent, si vous utilisez cet addon ou un autre pour bloquer les cookies ou vous empêcher d'être suivi par les sites de réseaux sociaux, vous devrez le désactiver si vous voulez voir le bouton "tweet".

3voto

botchniaque Points 1206

Je viens de remarquer que j'ai dupliqué la réponse de @jcaruso.


tl;dr ;

Essayez de désactiver les extensions de blocage des publicités. Pour moi, les problèmes étaient dus à disconnect.me extension.


Comment l'ai-je découvert ? J'ai remarqué dans la console de développement de chrome, que la requête à twitter pour charger widgets.js obtient une redirection 307 vers about:blank .

about:blank for Twitter js

Merci à que réponse J'ai compris que c'était dû à l'une des extensions. En désactivant l'extension disconnect.me L'extension règle le problème des boutons twitter et facebook sur ma page et d'autres pages.

1voto

Zack Points 1

Pour moi, c'est l'extension chrome AdBlock qui était à l'origine du problème.

Merci aux autres de m'avoir orienté dans la bonne direction !

0voto

Bala.C Points 1055

Voir votre code en action aquí Il fonctionne correctement dans Firefox, Chrome et IE, comme je viens de le tester.

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  </head>
  <body>
  <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.3eesho.com/magazine/index.html" data-text="issue2 now" data-via="3eesho" data-hashtags="ipad,health,arabicmagazine">Tweet</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
  </body>
</html>

La capture d'écran ci-dessous montre les performances de votre code dans IE 8, Firefox 9, Chrome 16. Il fonctionne comme prévu.

Screenshot for the code above

0voto

Hossein Points 2286

Votre code est correct. Si vous ne voyez pas le bouton, cela signifie que vous n'avez pas accès à twitter.com.

Assurez-vous que vous pouvez accéder normalement à twitter.com via votre navigateur et que votre entreprise, votre pare-feu, votre contrôle parental, etc. ne bloque pas l'accès ou n'interfère pas avec lui de quelque manière que ce soit.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X