Udostępnianie adresu URL z ciągiem zapytania na Twitterze

Próbuję umieścić link udostępniania Twittera w wiadomości e-mail. Ponieważ jest to wiadomość e-mail, nie mogę polegać na JavaScript i muszę użyć przycisku „Zbuduj swój własny” Tweet.

Na przykład udostępnienie łącza do Google:

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

To działa dobrze. Problem, który mam, polega na tym, że adres URL zawiera ciąg zapytania.

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

Adresy URL z ciągami zapytań mylą usługę skracania adresów URL na Twitterze, t.co. Próbowałem kodowania adresów URL na różne sposoby i nie mogę nic zrobić. Najbliżej osiągnąłem, robiąc to.

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

Tutaj zakodowałem tylko ciąg zapytania. Kiedy to robię, t.co skutecznie skraca adres URL, ale po przejściu do skróconego linku prowadzi do zakodowanego adresu URL. Widzę http://mysite.org/foo.htm%3Fbar%3D123%26baz%3D456na pasku adresu i pojawia się następujący błąd w przeglądarce

Nie znaleziono

Żądanego adresu URL /foo.htm?bar=123&baz=456 nie znaleziono na tym serwerze.

Nie wiem, jak rozwiązać ten problem.

Edycja: Re: onteria_

Próbowałem zakodować cały adres URL. Kiedy to robię, żaden adres URL nie pojawia się w tweecie.

To zadziała dla Ciebie

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

Oto przykład na żywo na ten temat

http://twitter.com/share?text=Im Udostępnianie na Twitterze & url = https: //stackoverflow.com/users/2943186/youssef-subehi&hashtags=stackoverflow,example,youssefusf

Można to rozwiązać, używając https://twitter.com/intent/tweetzamiast http://www.twitter.com/share. Korzystając z tej intent/tweetfunkcji, po prostu kodujesz cały adres URL i działa to jak urok.

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

Użyj zamiaru w sieci tweet, oto prosty link:

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

więcej zmiennych na https://dev.twitter.com/web/tweet-button/web-intent

To nie jest prostsze niż to:

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

Możesz użyć tych funkcji:

 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>

Musisz zmienić & na% 26 w ciągu zapytania z twojego adresu URL

Spójrz na to: https://dev.twitter.com/discussions/8616

Odwołuję się do wszystkich metod.

Szybkim rozwiązaniem jest dwukrotne zakodowanie zapytania.

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


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

Nie musisz koniecznie używać zamiaru, jeśli zakodujesz swój adres URL, będzie on również działał z udostępnianiem na Twitterze.

Jak wspomniał @onteria_, musisz zakodować cały parametr. Dla każdego, kto boryka się z tym samym problemem, możesz użyć poniższego bookmarkletu, aby wygenerować prawidłowo zakodowany adres URL. Skopiuj i wklej go do paska adresu przeglądarki, aby utworzyć adres URL udostępniania na Twitterze . Upewnij się, że javascript:prefiks istnieje, gdy kopiujesz go do paska adresu, Google Chrome usuwa go podczas kopiowania.

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

Źródło na JS Fiddle http://jsfiddle.net/2frkV/

Jeśli dodasz instrukcję na stronie html, po prostu zastąp:

&

Z

&

Standardowy kod html dla &

Twitter umożliwia teraz wysyłanie adresu URL za pomocą atrybutu danych. To działa świetnie dla mnie:

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

Skorzystaj z zasobu Twitter Intent https://dev.twitter.com/web/tweet-button/web-intent