Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 le 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 :


Exemple :



Activer le bouton Tweet

Panneau d'administration  Modules  Réseaux Sociau - 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.


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 :


Exemple :


Ce qui donne :


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
avatar

Shadow
Adminactive
Adminactive

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

https://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.

Tutoriel Modification de templates pour le bouton Tweet

Message par Shadow le 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>
avatar

Shadow
Adminactive
Adminactive

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

https://forum.forumactif.com
Shadow a été remercié(e) par l'auteur de ce sujet.

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


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