Compartir una URL con una cadena de consulta en Twitter

Estoy intentando poner un enlace para compartir de Twitter en un correo electrónico. Como esto está en un correo electrónico, no puedo confiar en JavaScript y tengo que usar el botón "Crea tu propio" Tweet.

Por ejemplo, compartir un enlace a Google:

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

Esto funciona bien. El problema que tengo es cuando la URL tiene una cadena de consulta.

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

Las URL con cadenas de consulta confunden el servicio de acortamiento de URL de Twitter, t.co. Probé la codificación de URL de varias maneras y no puedo hacer que nada funcione. Lo más cerca que he estado es haciendo esto.

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

Aquí he codificado solo la cadena de consulta. Cuando hago esto, t.co acorta correctamente la URL, pero al seguir el enlace abreviado, lo lleva a la URL codificada. Veo http://mysite.org/foo.htm%3Fbar%3D123%26baz%3D456en la barra de direcciones y obtengo el siguiente error en el navegador

Extraviado

La URL solicitada /foo.htm?bar=123&baz=456 no se encontró en este servidor.

No sé cómo resolver este problema.

Editar: Re: onteria_

Intenté codificar la URL completa. Cuando hago eso, no aparece ninguna URL en el Tweet.

Esto funcionará para ti

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

Aquí hay un ejemplo en vivo al respecto

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

Esto se puede resolver usando en https://twitter.com/intent/tweetlugar de http://www.twitter.com/share. Con la intent/tweetfunción, simplemente codifica la URL completa y funciona como un encanto.

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

Utilice la intención web del tweet, este es el enlace simple:

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

más variables en https://dev.twitter.com/web/tweet-button/web-intent

No hay nada más simple que esto:

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

Puede utilizar estas funciones:

 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>

Debe cambiar & a% 26 en la cadena de consulta de su URL

Mira esto: https://dev.twitter.com/discussions/8616

Hago referencia a todos los métodos.

Codificar la consulta dos veces es la solución rápida.

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


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

No es necesario que uses intent, si codificas tu URL, también funcionará con twitter share.

Como mencionó @onteria_, debe codificar todo el parámetro. Para cualquier otra persona que se enfrente al mismo problema, puede usar el siguiente marcador para generar la URL codificada correctamente. Copie y péguelo en la barra de direcciones de su navegador para crear la URL para compartir de Twitter . Asegúrese de que el javascript:prefijo esté allí cuando lo copie en la barra de direcciones, Google Chrome lo elimina al copiar.

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

Fuente en JS Fiddle http://jsfiddle.net/2frkV/

Si lo agrega de forma manual en el sitio html, simplemente reemplace:

&

Con

&

Código html estándar para &

Twitter ahora te permite enviar la URL a través de un atributo de datos. Esto funciona muy bien para mí:

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

Utilice el recurso de intención de Twitter https://dev.twitter.com/web/tweet-button/web-intent