Condivisione di un URL con una stringa di query su Twitter

Sto cercando di inserire un collegamento di condivisione di Twitter in un'e-mail. Poiché questo è in un'email, non posso fare affidamento su JavaScript e devo utilizzare il pulsante Tweet "Crea il tuo".

Ad esempio, condividendo un collegamento a Google:

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

Funziona bene. Il problema che ho è quando l'URL ha una stringa di query.

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

Gli URL con stringhe di query confondono il servizio di accorciamento degli URL di Twitter, t.co. Ho provato a codificare l'URL in vari modi e non riesco a far funzionare nulla. Il più vicino che ho ottenuto è in questo modo.

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

Qui ho codificato solo la stringa di query. Quando lo faccio, t.co accorcia con successo l'URL, ma dopo aver seguito il collegamento abbreviato, ti porta all'URL codificato. Vedo http://mysite.org/foo.htm%3Fbar%3D123%26baz%3D456nella barra degli indirizzi e ricevo il seguente errore nel browser

Non trovato

L'URL richiesto /foo.htm?bar=123&baz=456 non è stato trovato su questo server.

Non so come risolvere questo problema.

Modifica: Re: onteria_

Ho provato a codificare l'intero URL. Quando lo faccio non compare alcun URL nel Tweet.

Questo funzionerà per te

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

Ecco un esempio dal vivo su di esso

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

Questo può essere risolto usando https://twitter.com/intent/tweetinvece di http://www.twitter.com/share. Utilizzando la intent/tweetfunzione, codifichi semplicemente l'URL dell'intero URL e funziona a meraviglia.

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

Usa l'intento web di tweet, questo è il semplice link:

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

più variabili su https://dev.twitter.com/web/tweet-button/web-intent

Non è più semplice di così:

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

Puoi usare queste funzioni:

 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>

Devi cambiare & in% 26 nella stringa di query dal tuo URL

Guarda questo: https://dev.twitter.com/discussions/8616

Faccio riferimento a tutti i metodi.

Codificare la query due volte è la soluzione rapida.

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


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

Non devi necessariamente usare l'intento, se codifichi il tuo URL funzionerà anche con la condivisione di Twitter.

Come menzionato da @onteria_, è necessario codificare l'intero parametro. Per chiunque altro debba affrontare lo stesso problema, è possibile utilizzare il seguente bookmarklet per generare l'URL correttamente codificato. Copia e incolla nella barra degli indirizzi del browser per creare l' URL di condivisione di Twitter . Assicurati che il javascript:prefisso sia presente quando lo copi nella barra degli indirizzi, Google Chrome lo rimuove durante la copia.

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))})();

Fonte su JS Fiddle http://jsfiddle.net/2frkV/

Se lo aggiungi manualmente sul sito html, sostituisci semplicemente:

&

Con

&

Codice html standard per &

Twitter ora ti consente di inviare l'URL tramite un attributo di dati. Questo funziona alla grande per me:

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

Usa la risorsa Twitter Intent https://dev.twitter.com/web/tweet-button/web-intent