Utiliser les URL bitly dans WordPress et les utiliser avec les scripts Twitter et GooglePlus

Vous voulez donc utiliser votre compte Bitly avec votre site Web basé sur WordPress? Eh bien c'est vraiment simple. Tout ce dont vous avez besoin est d’être attentif et de suivre les étapes correspondantes dans le tutoriel suivant!

Lors de l'introduction de bitly, la plupart des développeurs et des utilisateurs n'étaient pas à l'aise pour l'utiliser. Plus tard, alors que le World Wide Web se développait davantage, des sites tels que Twitter, Facebook et YouTube ont commencé à utiliser le même concept. Maintenant, Google Plus le supporte même.

Dans cet article, vous apprendrez une méthode simple et utile pour connecter votre compte Bitly à votre site Web ou à votre blog WordPress, puis utiliser votre compte Bitly pour générer des URL courtes pour les boutons "Tweet" et "Partager". Cette tâche est très simple et je l’utilise aussi sur mon blog et les résultats sont assez impressionnants. Bonne chance à essayer et si vous rencontrez un problème, laissez vos questions dans la section commentaires ci-dessous.


Étape 1 Préparation du code

Connectez-vous à votre compte bitly. Si vous n'en avez pas, la configuration de votre compte ne prend qu'une minute. Une fois connecté à votre compte, accédez à la page des paramètres, faites défiler la moitié de la liste et copiez votre API. Nous allons utiliser cela dans une minute ou deux.


Etape 2.1 Modifier votre functions.php

Copiez le code ci-dessous et collez-le dans votre fichier de fonctions. (Bien que le code soit simple, j'ai ajouté des commentaires dans le code afin de le rendre plus facile à comprendre).

 // crée automatiquement l'URL bit.ly pour les widgets wordpress function bitly () // informations de connexion $ url = get_permalink (); // pour wordpress permalink $ login = 'USERNAME-HERE'; // votre login bit.ly $ apikey = 'API-HERE'; // ajoute votre API bit.ly $ format = 'json'; // choisir entre json ou xml $ version = '2.0.1'; // génère l'URL $ bitly = 'http://api.bit.ly/shorten?version='.$version.'&longUrl='.urlencode($url).'&login='.$login.'&apiKey= '. $ apikey.' & format = '. $ format; // récupère l'URL $ response = file_get_contents ($ bitly); // pour le formatage json if (strtolower ($ format) == 'json') $ json = @json_decode ($ response, true); echo $ json ['résultats'] [$ url] ['shortUrl'];  else // pour le formatage XML $ xml = simplexml_load_string ($ response); echo 'http://bit.ly/'.$xml->results->nodeKeyVal->hash; 

Étape 2.2 Écrire un article de test

Maintenant, entrez votre nom d'utilisateur et collez votre API à l'endroit indiqué. Téléchargez votre fichier functions.php dans votre dossier de thèmes. Maintenant, écrivez un test en mode HTML et collez-le.

dans la région de contenu. Aller à la publication publiée et voir si le lien est URL bitly redirigé ou non. Sinon, vérifiez à nouveau votre nom d'utilisateur et votre API bitly dans le fichier de fonctions..


Étape 3 Ajout de Twitter et de boutons +1

Maintenant que vous connaissez le code et son utilisation, profitons-en et voyons quelques exemples d'inspiration et d'encouragement. Vous trouverez ci-dessous des exemples d'utilisation de ce code avec Twitter et Google Plus sur mon blog..

Le premier est de twitter et le code indique la taille du bouton et les liens vers les personnes suggérées.

 & counturl ="data-count =" horizontal "data-via =" USERNAME-HERE "> Tweet

Vous pouvez copier le code ci-dessus ou vous pouvez aller sur Twitter et concevoir le code comme vous le souhaitez. N'oubliez pas de changer le type «data-via». Notez que la fonction urlencode reçoit la nouvelle fonction bitly.

Pour Google Plus, copiez le code ci-dessous. Si vous souhaitez un code plus personnalisé, accédez à Google+ et concevez le bouton +1 selon vos préférences. Remarquez comment j'ai changé le code pour incorporer la fonction bitly.

 

Étape 4

Maintenant que vous avez modifié et personnalisé les codes, collez-le dans la boucle de votre fichier wordpress. Vous pouvez également le coller dans single.php juste après la balise meta ()..

Maintenant, lorsque vous cliquerez sur le bouton Tweet ou +1, vous obtiendrez l'URL bitly. Joyeux tweet!


Conclusion

Alors, quelle est l'utilisation de ces URL bitly?

  • Premièrement, vous pouvez facilement surveiller vos liens bitly à partir de votre compte bitly. Il affiche le nombre de fois que votre lien a été visité..
  • Deuxièmement, l'URL raccourci peut facilement être tweeté et +1 par vos suiveurs et lecteurs..
  • Troisièmement, vous pouvez facilement envoyer les liens abrégés à vos amis et à d’autres personnes par SMS et par courrier électronique. Ces URL raccourcies ont l’air élégant et n’encombrent pas la place dans les courriels et vous pouvez facilement les envoyer à des entreprises et autres..