web-dev-qa-db-fra.com

Lien de partage Twitter: comment implémenter correctement un compteur lors de l'utilisation d'un raccourcisseur d'URL?

J'ai implémenté un popup d'URL de partage pour Twitter, mais je pense que parfois, le texte et l'URL ne correspondent pas aux 140 caractères autorisés de Twitter:

"https://Twitter.com/intent/Tweet" +
"?text=" + encodeURIComponent("long text here") +
"&url="  + encodeURIComponent("http://www.somevery.org/long-url/here/i-mean-very-very-long/")

Ce que je veux, c'est utiliser un lien permanent, une URL plus courte (qui ressemble à ceci: http://somevery.org/aUI8dj), mais je souhaite également garder une trace du nombre d'actions.

Je ne suis pas un fan de Twitter mais l'IIRC a déjà raccourci les URLs.

Est-ce correct? Si non, je demande s'il existe un moyen de spécifier l'URL de compte comme c'est possible avec le plugin Tweet-button quelque chose comme ça:

"https://Twitter.com/intent/Tweet" +
"?text="      + encodeURIComponent("long text here") +
"&url="       + encodeURIComponent("http://www.somevery.org/aUI8dj")
"&count-url=" + encodeURIComponent("http://www.somevery.org/long-url/here/i-mean-very-very-long/")
twittertwitter-integration
4
user12370

Oui, vous pouvez. J'ai déjà implémenté ceci sur mon blog avec une combinaison de http://bitly.com/ et http://www.addthis.com/ et c'est beaucoup plus facile. et vous n'avez pas besoin de créer un tas de lignes de code.

Tout d’abord, créez un compte sur bitly.com et addthis.com.

Connectez-vous à votre compte AddThis et connectez-le à votre compte Bitly. Suivez ces instructions pour cette procédure: http://support.addthis.com/customer/portal/articles/381247-url-shortening#shortening-bitly .

Ajoutez ensuite le code AddThis sur votre site. Le mien ressemble à:

<script type="text/javascript">
var addthis_share = {
    url_transforms : {
        shorten: {
            Twitter: 'bitly'
        }
    },
    templates : {
        Twitter : "{{title}} {{url}} via @YOUR-Twitter-NAME"
    }
};
</script>

Et le code pour les boutons sociaux:

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_counter_style">
    <a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
    <a class="addthis_button_Tweet" tw:count="vertical"></a>
    <a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=YOUR-ID"></script>
<!-- AddThis Button END -->

Lorsque j'ai découvert cette option, je n'étais pas vraiment optimiste, mais maintenant, je l'aime bien, car j'ai les statistiques de clics sur Bitly et je partage des statistiques sur AddThis. Et le plus important Il n'a pas fallu beaucoup de temps pour intégrer l'ensemble de la fonctionnalité.

En outre, cette option est préférable si vous souhaitez utiliser un domaine personnalisé comme je l'ai fait. Parce que bitly vous offre la possibilité de personnaliser votre lien personnel avec votre domaine, vous n’avez donc pas besoin de développer ou d’utiliser un autre logiciel, c’est bitly.

Exemple:
Mon URL personnalisée raccourcit le domaine: http://pedroventura.es/1aN9V0b. Cette URL va à http://www.pedroventura.com/php/problemas-codificacion-web-configurar-codificacion-utf8-php-mysql-y-html/. Et si vous cliquez sur le bouton Tweet, l’URL sera raccourcie mais l’URL compte normalement.

3
Pedro Ventura