9 hacks Twitter pour votre WordPress

Twitter est devenu très rapidement le 2ème réseau social dans le monde, son intégration sur votre blog WordPress une quasi nécessité, savez-vous qu’il est possible de l’intégrer sans plugin ?

Découvrez comment intégrer Twitter sur votre WordPress sans plugin, à l’aide de ces 9 hacks. Attention, avant toute manipulation, pensez à faire une sauvegarde !

 9 hacks Twitter pour votre WordPress twitter icon

Lier automatiquement les comptes Twitter

Vu sur WpBeginner, comment lier automatiquement les noms d’utilisateurs twitter dans votre blog WordPress lorsque vous les citez après le signe @, ce qui vous donnera: @web_design_web. Tout ce que vous avez à faire, c’est ouvrir un fichier vide en PHP, le nommer wpb-twitlinks.php.

Ensuite, copiez le code ci-dessous à l’intérieur du fichier, enregistrez-le. Vous venez de créer un plugin! Téléchargez-le sur votre dossier plugins puis activez le.

/*
Plugin Name: WPB Linkify Twitter Usernames
Description: Automatically link Twitter usernames in WordPress
Author: Syed Balkhi
Author URI: http://www.wpbeginner.com
*/
function twtreplace($content) {
$twtreplace = preg_replace('/([^a-zA-Z0-9-_&])@([0-9a-zA-Z_]+)/',"$1<a href="http://twitter.com/$2" target="_blank" rel="nofollow">@$2</a>",$content);
return $twtreplace;
}
add_filter('the_content', 'twtreplace');
?>

Utilisé uniquement sur les articles et/ou des pages, il n’y a que le filtre pour $content, vous pouvez toujours étendre cette fonctionnalité à des extraits en ajoutant la ligne suivante:

add_filter('the_excerpt', 'twtreplace');

Créer un bouton à la « Tweet This » dans vos articles

Une des meilleures façons de promouvoir votre site Web est de permettre aux lecteurs de partager chacun de vos articles via Twitter. Cela peut se faire simplement en plaçant une ligne de code relativement basique dans la boucle standard de WordPress, ce qui permet aux utilisateurs de créer un tweet qui le relie automatiquement au permalien.

Ce code, lorsqu’il est ajouté dans la boucle WordPress, prendra place à côté de chaque article et permettra un partage rapide de vos contenus. Bonus, il est XHTML valide et ne nécessite pas d’activer JavaScript pour fonctionner.

<a href="http://twitter.com/home?status=Je pense que vous devriez le lire <?php the_permalink(); ?>" title="Envoyer sur Twitter">Tweeter cet article !</a>

Afficher le nombre total de vos Followers

Afin de créer un climat de confiance, il peut être utile de montrer combien de personnes suivent le compte Twitter du blog. Il s’agit d’une fonction relativement longue à insérer dans le fichier functions.php de votre thème, ainsi que d’un petit morceau de code PHP dans l’un des fichiers de modèles.

function string_getInsertedString($long_string,$short_string,$is_html=false){
 if($short_string>=strlen($long_string))return false;
 $insertion_length=strlen($long_string)-strlen($short_string);
 for($i=0;$i<strlen ($short_string);++$i){
 if($long_string[$i]!=$short_string[$i])break;
}
 $inserted_string=substr($long_string,$i,$insertion_length);
 if($is_html && $inserted_string[$insertion_length-1]=='<'){
 $inserted_string='<'.substr($inserted_string,0,$insertion_length-1);
 }
 return $inserted_string;
} 

function DOMElement_getOuterHTML($document,$element){
 $html=$document->saveHTML();
 $element->parentNode->removeChild($element);
 $html2=$document->saveHTML();
 return string_getInsertedString($html,$html2,true);
}

function getTwitterFollowers($username){
 $x = file_get_contents("http://twitter.com/".$username);
 $doc = new DomDocument;
 @$doc->loadHTML($x);
 $ele = $doc->getElementById('follower_count');
 $innerHTML=preg_replace('/^< [^>]*>(.*)< [^>]*>$/',"1",DOMElement_getOuterHTML($doc,$ele));
 return $innerHTML;
}

Avec ce code placé dans functions.php , un nom d’utilisateur peut être alimenté par une ligne de code PHP  externe pour retourner le nombre de followers d’un compte spécifique. Cela se fait en plaçant le code suivant dans un ou plusieurs fichiers modèles de votre thème :

Nous avons <?php echo getTwitterFollowers("VotreNomTwitter")." followers sur Twitter"; ?>.

Afficher votre dernier Tweet sur WordPress

Pour afficher le dernier tweet n’importe où sur votre blog WordPress, y compris l’en-tête, la barre latérale, pied de page, ou même dans la zone de contenu principale, un simple script PHP peut être utilisé. Ce code est entièrement autonome et peut être placé directement dans un fichier modèle.

<?php
$username = "YourTwitterUsername"; // Put your username here.
$prefix = "My Latest Tweet"; // Any text that goes before the tweet itself.
$suffix = ""; // Any text that should be placed directly after the tweet.
$feed = "http://search.twitter.com/search.atom?q=from:" . $username . "&rpp=1";

function parse_feed($feed) {
 $stepOne = explode("<content type="html">", $feed);
 $stepTwo = explode("</content>", $stepOne[1]);
 $tweet = $stepTwo[0];
 $tweet = str_replace("&lt;", "<", $tweet);
 $tweet = str_replace("&gt;", ">", $tweet);
 return $tweet;
}

$twitterFeed = file_get_contents($feed);
 echo stripslashes($prefix) . parse_feed($twitterFeed) . stripslashes($suffix);
?>

Détecter les visiteurs en provenance de Twitter

Tout comme certains sites détectent les visiteurs en provenance des moteurs de recherche et les salue d’une manière unique, les visiteurs de Twitter peuvent être automatiquement détectés. Cela se fait simplement à l’aide d’un code PHP conditionnel qui vérifie l’agent de renvoi d’un visiteur et le salue en conséquence.

Ce code peut être placé là où le message de salutations doit être affiché. Parce qu’il est entièrement autonome, il n’y a pas de modifications nécessaires sur functions.php ou sur tout autre fichier. Seul le fichier modèle doit être modifié.

<?php if (strpos("twitter.com",$_SERVER[HTTP_REFERER])==0) { echo "Bonjour Cher Twittos! Ravi de te voir ici. Si tu aimes ce que tu vois, merci de le tweeter et de nous suivre!"; } ?>

Créer automatiquement une URL courte pour vos Tweets

Avec un hack simple sur votre functions.php, WordPress peut automatiquement générer et afficher des URL courtes qui sont parfaites pour inclusion dans les tweets. Ce hack utilise un service de raccourcissement URL existante, et se décline en deux parties. La première partie, placée dans le fichier de fonctions, ressemble à l’exemple ci-dessous:

function makeBitly($url) {
 $tinyurl = file_get_contents("http://bit.ly/api-create.php?url=".$url);
 return $bitly;
}

Avec cette nouvelle fonction ajoutée dans le functions.php, un second morceau de code doit être ajouté à la matrice de site afin d’afficher l’URL créée. Cette ligne de code PHP doit être placée à l’intérieur de la boucle de WordPress, comme suit:

 <?php $burl = makeBitly(get_permalink($post->ID)); echo 'URL courte article: < a href="'.$burl.'" >'.$burl.'< /a >' ? >

Créer une page pour afficher vos Tweets

Twitter devient si essentiel pour la réussite d’un site web qu’il mérite sa propre page sur votre blog WordPress. On demande simplement à WordPress de lire le flux RSS d’un compte Twitter et d’afficher son contenu dans une page.

Pour ce faire, créez un nouveau modèle de page PHP,  appelez la tweets.php et collez le code suivant dans ce fichier:

<?php
/*
Template Name: A Page for Tweets
*/

get_header();

include_once(ABSPATH.WPINC.'/rss.php');
wp_rss('http://twitter.com/statuses/user_timeline/RSSfilename.rss', 35);

get_sidebar();
get_footer();

?>

Le modèle ci-dessus va utiliser l’entête existante, le pied de page et la barre latérale. Il remplira cette page avec les 35 derniers tweets que l’utilisateur a posté. Assurez-vous de modifier l’URL du flux RSS afin d’utiliser le compte Twitter approprié avant d’enregistrer ce fichier.

Lorsque le fichier a été enregistré sur le serveur, il suffit d’ajouter une nouvelle page et de sélectionner votre nouveau modèle de page tweets.php. Enregistrez les modifications et la page, c’est terminé!

Afficher vos derniers Tweets en tant qu’image

Un service connu sous le nom TwitSig est capable de lire les tweets d’un compte, puis de les transformer en une image qui peut être incluse dans les signatures forum, e-mails ou dans WordPress. un  excellent moyen de montrer vos tweets, sans impacter le contenu SEO de votre site. Pour ce faire, il suffit d’aller sur Twitsig.com et de vous inscrire. Ensuite, n’importe où dans WordPress, ajoutez le code suivant:

<a href="http://twitter.com/YourProfileUsername">
<img src="http://wpformation.com/wp-content/uploads/2012/10/YourProfileUsername.jpg" alt="Image of Tweets" title "Image of Tweets" class="tweetImage" />
</a>

Afficher un bouton Retweet avec compteur

Même si le bouton « Tweet This! » est un excellent moyen d’encourager la participation de vos visiteurs, il y a encore mieux, c’est un simple bouton retweet avec un compteur. Ce bouton permet de partager facilement le contenu d’un site web sur le réseau social mais il va tenir le compte du nombre de personnes qui l’ont déjà fait avant lui. L’extrait de code est assez bref et ressemble à ceci:

<Script type = "text / javascript" >
tweetmeme_source = "VotreNomTwitter ' ;
</ Script>
<Script type = "text / javascript" src = " http://tweetmeme.com/i/scripts/button.js " > </ script>

 

Sources Onextrapixel et WpBeginner, librement traduit et adapté

9 commentaires

  1. Merci beaucoup pour ce super site !

    Je ne laisse qu’un seul commentaire mais je viens de passer un très bon moment à explorer le contenu riche de l’endroit.

    Bonne continuation.

  2. La plupart de ces codes ne fonctionneront plus d’ici peu, quand l’API 1.0 sera totalement retirée. À mettre à jour donc, merci a++

  3. Bonjour, merci pour toutes ces infos pertinentes! J’ai pu voir sur internet qu’il existait un plugin permettant aux lecteurs d’entrer leur identifiant Twitter dans le formulaire des commentaires des articles ; WP Twitip ID . Et il existe pareillement Jetpack, un plugin de WordPress, qui permet d’insérer les boutons sociaux sous chaque article, très pratique et facile d’utilisation :)

  4. Excellent article, avec de très bonnes astuces qui permettront d’éviter de recourir à des plugins pour rendre son blog social. Bon, il faudra tout de même mettre la main dans le cambouis mais le jeu en vaut véritablement la chandelle. Outre la possibilité de pouvoir placer les boutons à sa guise, cela allègera le poids des pages qu’avec une accumulation de plugins, ce qui est bénéfique à la fois en termes d’expérience utilisateur et de référencement.

    Encore merci ;)

  5. Quand on est un grand utilisateur de Twitter et qu’on veut être un blogueur régulier, c’est normal qu’on voudra lier les deux. Je trouve que c’est une bonne solution de vouloir limiter au maximum le nombre de plugin et les widgets qui sont bien souvent ignorés par les lecteurs je trouve. Donc merci pour vos astuces qui sont bien utiles!

  6. Hello, merci pour le partage de ces bouts de codes :) C’est vrai que là, on est sur du super combo avec la possibilité de vraiment multi-diffuser son contenu ! C’est vrai que de prime abord, tout ce code est un peu revêche mais il n’y a vraiment que du copier/coller à faire donc trois fois rien, vraiment! Merci encore pour le boulot effectué.

  7. Simple, clair et rapide! Merci pour ce tuto efficace. D’ailleurs c’est une bonne solution car j’ai trouvé plusieurs plugins qui ralentissent le site comme celui qui me vient tout de suite en tête « shareholic ». De toutes les manières, je ne vois pas l’intérêt d’installer des plugins pour ce genre de choses car on devient accros aux interminables mises à jour après!

  8. Euh.. c’est vraiment un mythe: plugin= ralentissement du site.

    Que fait le plugin? le même travail que celui du code que vous allez ajouter vous même dans le thème.

    Un plugin bien codé ne ralentira jamais votre site ;)

  9. @Hervé non ce n’est pas un mythe, certains excellents plugins ralentissent vraiment le site. Jetpack par exemple est bien codé mais très lourd et de facto 1 plugin + 1 plugin + …. = ralentissements