Partager une URL avec une chaîne de requête sur Twitter

J'essaye de mettre un lien de partage Twitter dans un e-mail. Comme il s'agit d'un e-mail, je ne peux pas me fier à JavaScript et je dois utiliser le bouton "Créer votre propre" Tweet.

Par exemple, partager un lien vers Google:

<a href="http://www.twitter.com/share?url=http://www.google.com/>Tweet</a>

Cela fonctionne très bien. Le problème que je rencontre est lorsque l'URL contient une chaîne de requête.

<a href="http://www.twitter.com/share?url=http://mysite.org/foo.htm?bar=123&baz=456">Tweet</a>

Les URL avec des chaînes de requête confondent le service de raccourcissement d'URL de Twitter, t.co. J'ai essayé l'encodage URL de différentes manières et je ne peux rien faire fonctionner. Le plus proche que j'ai obtenu est en faisant cela.

<a href="http://www.twitter.com/share?url=http://mysite.org/foo.htm%3Fbar%3D123%26baz%3D456">Tweet</a>

Ici, je n'ai encodé que la chaîne de requête. Lorsque je fais cela, t.co raccourcit l'URL avec succès, mais en suivant le lien raccourci, il vous amène à l'URL codée. Je vois http://mysite.org/foo.htm%3Fbar%3D123%26baz%3D456dans la barre d'adresse et j'obtiens l'erreur suivante dans le navigateur

Pas trouvé

L'URL demandée /foo.htm?bar=123&baz=456 est introuvable sur ce serveur.

Je ne sais pas comment résoudre ce problème.

Edit: Re: onteria_

J'ai essayé d'encoder l'URL entière. Lorsque je fais cela, aucune URL n'apparaît dans le Tweet.

Cela fonctionnera pour vous

http://twitter.com/share?text=text goes here&url=http://url goes here&hashtags=hashtag1,hashtag2,hashtag3

Voici un exemple en direct à ce sujet

http://twitter.com/share?text=Im Partage sur Twitter & url = https: //stackoverflow.com/users/2943186/youssef-subehi&hashtags=stackoverflow,example,youssefusf

Cela peut être résolu en utilisant https://twitter.com/intent/tweetau lieu de http://www.twitter.com/share. En utilisant la intent/tweetfonction, vous encodez simplement votre URL entière et cela fonctionne comme un charme.

https://dev.twitter.com/web/intents

Utilisez l'intention web tweet, voici le lien simple:

https://twitter.com/intent/tweet?url=<?=urlencode($url)?>

plus de variables sur https://dev.twitter.com/web/tweet-button/web-intent

Ça ne devient pas plus simple que ça:

<a href="https://twitter.com/intent/tweet?text=optional%20promo%20text%20http://example.com/foo.htm?bar=123&baz=456" target="_blank">Tweet</a>

Vous pouvez utiliser ces fonctions:

 function shareOnFB(){
       var url = "https://www.facebook.com/sharer/sharer.php?u=https://yoururl.com&t=your message";
       window.open(url, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600');
       return false;
  }


function shareOntwitter(){
    var url = 'https://twitter.com/intent/tweet?url=URL_HERE&via=getboldify&text=yourtext';
    TwitterWindow = window.open(url, 'TwitterWindow',width=600,height=300);
    return false;
 }


function shareOnGoogle(){
     var url = "https://plus.google.com/share?url=https://yoururl.com";
     window.open(url, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=350,width=480');
     return false;
}


<a onClick="shareOnFB()"> Facebook </a>
<a onClick="shareOntwitter()"> Twitter </a>
<a onClick="shareOnGoogle()"> Google </a>

Vous devez changer & en% 26 dans la chaîne de requête à partir de votre URL

Regardez ceci: https://dev.twitter.com/discussions/8616

Je référence toutes les méthodes.

Encoder la requête deux fois est la solution rapide.

const query = a=123&b=456;
const url = `https://example.com/test?${encodeURIComponent(encodeURIComponent(query),)}`;


const twitterSharingURL=`https://twitter.com/intent/tweet?&url=${url}`

Vous n'avez pas nécessairement besoin d'utiliser l'intention, si vous encodez votre URL, cela fonctionnera également avec le partage Twitter.

Comme @onteria_ l'a mentionné, vous devez encoder l'intégralité du paramètre. Pour toute autre personne confrontée au même problème, vous pouvez utiliser le bookmarklet suivant pour générer l'URL correctement codée. Copiez-collez-le dans la barre d'adresse de votre navigateur pour créer l' url de partage Twitter . Assurez-vous que le javascript:préfixe est présent lorsque vous le copiez dans la barre d'adresse, Google Chrome le supprime lors de la copie.

javascript:(function(){var url=prompt("Enter the url to share");if(url)prompt("Share the following url - ","http://www.twitter.com/share?url="+encodeURIComponent(url))})();

Source sur JS Fiddle http://jsfiddle.net/2frkV/

Si vous l'ajoutez manuel sur le site html, remplacez simplement:

&

Avec

&

Code html standard pour &

Twitter vous permet désormais d'envoyer l'URL via un attribut de données. Cela fonctionne très bien pour moi:

<a href="javascript:;" class="twitter-share-button" data-lang="en" data-text="check out link b" data-url="http://www.lyricvideos.org/tracks?videoURL=SX05JZ4FisE">Tweet</a>

Utilisez la ressource Twitter Intent https://dev.twitter.com/web/tweet-button/web-intent