Le bouton "Tweet" de Twitter

Voir le sujet précédent Voir le sujet suivant Aller en bas

Tutoriel Le bouton "Tweet" de Twitter

Message par Shadow Lun 25 Mai 2015 - 15:12

Le bouton "Tweet" de Twitter

Twitter est un réseau social de microblogage. Il permet à un utilisateur d’envoyer gratuitement de brefs messages, appelés tweets, sur internet, par messagerie instantanée ou par SMS. Ces messages sont limités à 280 caractères.


Fonctionnement du bouton Tweet

Le bouton Tweet permet de partager en deux clics un sujet de son forum sur le réseau social Twitter :

Le bouton "Tweet" de Twitter 19-08-54

Exemple :

Le bouton "Tweet" de Twitter 20-05-20


Activer le bouton Tweet

Panneau d'administration  Modules  Réseaux Sociaux - Twitter

Le bouton « Tweeter » permettra à vos membres de partager votre contenu avec leurs « abonnés » sur Twitter sans quitter votre forum. Cela vous permettra de faire connaître votre forum sur Twitter et augmenter au passage votre audience.

Le bouton "Tweet" de Twitter 19-08-55

Il est possible de modifier le nom d'utilisateur présent dans les tweets en indiquant le compte Twitter du forum sur le panneau d'administration au même endroit :

Le bouton "Tweet" de Twitter 19-08-57

Ce qui donne :

Le bouton "Tweet" de Twitter 20-05-18

Afin que le bouton Tweet apparaisse sur les forums, les administrateurs ayant modifié le template viewtopic_body avant le 25 mai 2015 doivent absolument prendre en considération les modifications ci-dessous.




Lectures complémentaires :
- Comment utiliser les Twitter cards sur son forum ;
- Insérer un fil Twitter et Facebook à son forum.


Dernière édition par Vivi le Jeu 24 Sep 2015 - 16:41, édité 1 fois
Shadow

Shadow
Modéractive
Modéractive

Féminin
Messages : 24353
Inscrit(e) le : 30/03/2007

Voir le profil de l'utilisateur
Shadow a été remercié(e) par l'auteur de ce sujet.

Tutoriel Modification de templates pour le bouton Tweet

Message par Shadow Lun 25 Mai 2015 - 15:13

Si vous avez personnalisé le template ci-dessous merci d'effectuer les remplacements suivants:

Dans viewtopic_body

PHPBB2


Remplacer entre <!-- BEGIN switch_twitter_btn --> et <!-- END switch_twitter_btn --> par:

Code:
<!-- BEGIN switch_twitter_btn -->
        <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </span>
        <!-- END switch_twitter_btn -->

PHPBB3


Remplacer entre <p class="right"> et </p> par:

Code:
<!-- BEGIN switch_twitter_btn -->
        <span>
            <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </span>
        <!-- END switch_twitter_btn -->
      <!-- BEGIN switch_fb_likebtn -->
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
      <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
      <!-- END switch_fb_likebtn -->

INVISION


Remplacer entre <!-- BEGIN switch_twitter_btn --> et <!-- END switch_twitter_btn --> par:

Code:
<!-- BEGIN switch_twitter_btn -->
      <li class="post-icon" style="padding-top:5px">
            <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </li>
      <!-- END switch_twitter_btn -->

PUNBB


Remplacer entre <div class="pun-crumbs noprint"> et </div> par:

Code:
<div class="pun-crumbs noprint clearfix">
  <span class="crumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
      <a href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>{NAV_CAT_DESC}&nbsp;»&nbsp;
      <strong><a href="{TOPIC_URL}" itemprop="url"><span itemprop="title">{TOPIC_TITLE}</span></a></strong>
    </span>
    <div class="right">
        <!-- BEGIN switch_twitter_btn -->
        <span>
            <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        </span>
        <!-- END switch_twitter_btn -->
      <!-- BEGIN switch_fb_likebtn -->
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script> 
      <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>
      <!-- END switch_fb_likebtn -->
    </div>
</div>
Shadow

Shadow
Modéractive
Modéractive

Féminin
Messages : 24353
Inscrit(e) le : 30/03/2007

Voir le profil de l'utilisateur
Shadow a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum