Совместное использование URL-адреса со строкой запроса в Twitter

Я пытаюсь разместить ссылку для публикации в Твиттере в электронном письме. Поскольку это электронное письмо, я не могу полагаться на JavaScript и вынужден использовать кнопку «Создать свой собственный твит».

Например, поделившись ссылкой на Google:

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

Это прекрасно работает. У меня проблема, когда в URL-адресе есть строка запроса.

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

URL-адреса со строками запроса сбивают с толку службу сокращения URL-адресов Twitter, t.co. Я пробовал кодировать URL-адрес разными способами и не могу заставить ничего работать. Самое близкое, что я получил, - это сделать это.

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

Здесь я закодировал только строку запроса. Когда я это делаю, t.co успешно сокращает URL-адрес, но после перехода по сокращенной ссылке вы попадаете на закодированный URL-адрес. Я вижу http://mysite.org/foo.htm%3Fbar%3D123%26baz%3D456в адресной строке и получаю следующую ошибку в браузере

не обнаружена

Запрошенный URL /foo.htm?bar=123&baz=456 не найден на этом сервере.

Я не понимаю, как решить эту проблему.

Изменить: Re: onteria_

Я пробовал кодировать весь URL. Когда я это делаю, в твите не отображается URL.

Это сработает для вас

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

Вот живой пример об этом

http://twitter.com/share?text=Im Совместное использование в Твиттере & url = https: //stackoverflow.com/users/2943186/youssef-subehi&hashtags=stackoverflow,example,youssefusf

Это можно решить, используя https://twitter.com/intent/tweetвместо http://www.twitter.com/share. Используя эту intent/tweetфункцию, вы просто URL-адрес кодируете весь свой URL-адрес, и это работает как шарм.

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

Используйте веб-намерение твита, это простая ссылка:

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

больше переменных на https://dev.twitter.com/web/tweet-button/web-intent

Нет ничего проще:

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

Вы можете использовать эти функции:

 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>

Вы должны изменить & на% 26 в строке запроса с вашего URL-адреса

Взгляните на это: https://dev.twitter.com/discussions/8616

Ссылаюсь на все методы.

Закодировать запрос дважды - быстрое решение.

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


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

Вам не обязательно использовать намерение, если вы закодируете свой URL-адрес, он также будет работать с общим доступом в Twitter.

Как упоминалось в @onteria_, вам необходимо закодировать весь параметр. Для всех, кто сталкивается с той же проблемой, вы можете использовать следующий букмарклет для создания правильно закодированного URL-адреса. Скопируйте и вставьте его в адресную строку браузера, чтобы создать URL- адрес общего доступа в Twitter . Убедитесь, что javascript:префикс есть, когда вы копируете его в адресную строку, Google Chrome удаляет его при копировании.

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

Источник на JS Fiddle http://jsfiddle.net/2frkV/

Если вы добавляете руководство на html-сайт, просто замените:

&

С участием

&

Стандартный html-код для &

Twitter теперь позволяет отправлять URL-адрес через атрибут данных. Это отлично работает для меня:

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

Используйте ресурс Twitter Intent https://dev.twitter.com/web/tweet-button/web-intent