Этот небольшой туториал для тех, кому нужно вставить свой текст, который бы вставлялся в пост при нажатии поделиться в twitter. Недавно мне пришлось столкнуться с такой задачей и я с радостью поделюсь одним из способов как это реализовать.

На самом деле готовый текст может сильно упростить жизнь посетителям вашего сайта, которые захотят поделиться информацией в твиттере.
Вот пример того, что в итоге должно получиться:

Пример кнопки

Пишем текст, который будет в сообщении Twitter

Для начала нужно будет написать текст в блокноте или в любом текстовом редакторе.
Пример моего текста ниже.

Screen Shot 2016-04-01 at 11.59.24 AM

Теперь скопируем его, нажав Ctrl+C или выделив текст и нажав на правую кнопку мыши, и выбрав Копировать.

Кодируем текст в вид url

Для того, чтобы добавить текст в ссылку нужно его закодировать с дружественный для url формат, заменив пробелы и другие символы. Как вы понимаете вся кириллица (текст на русском) будет заменена абракадаброй.
Чтобы сделать это быстро, переходим по ссылке http://meyerweb.com/eric/tools/dencoder/ и вставляем в поле наш текст.

Screen Shot 2016-04-01 at 12.05.21 PM

Далее нажимаем кнопку Encode и получаем нужный нам формат.

Screen Shot 2016-04-01 at 12.06.20 PM

Теперь перед полученным текстом нужно добавить адрес
http://twitter.com/home?status=

На моем примере,
было:
%D0%94%D0%BE%D0%B1%D0%B0%D0%B2%D1%8C%D1%82%D0%B5%20%D1%81%D1%8E%D0%B4%D0%B0%20%D1%81%D0%BE%D0%BE%D0%B1%D1%89%D0%B5%D0%BD%D0%B8%D0%B5%20%D0%B8%20%D0%BD%D0%B5%20%D0%B7%D0%B0%D0%B1%D1%83%D0%B4%D1%8C%D1%82%D0%B5%20%D0%BF%D1%80%D0%BE%20%D0%BE%D0%B3%D1%80%D0%B0%D0%BD%D0%B8%D1%87%D0%B5%D0%BD%D0%B8%D0%B5%20%D0%B2%20140%20%D1%81%D0%B8%D0%BC%D0%B2%D0%BE%D0%BB%D0%BE%D0%B2...

стало:

http://twitter.com/home?status=%D0%94%D0%BE%D0%B1%D0%B0%D0%B2%D1%8C%D1%82%D0%B5%20%D1%81%D1%8E%D0%B4%D0%B0%20%D1%81%D0%BE%D0%BE%D0%B1%D1%89%D0%B5%D0%BD%D0%B8%D0%B5%20%D0%B8%20%D0%BD%D0%B5%20%D0%B7%D0%B0%D0%B1%D1%83%D0%B4%D1%8C%D1%82%D0%B5%20%D0%BF%D1%80%D0%BE%20%D0%BE%D0%B3%D1%80%D0%B0%D0%BD%D0%B8%D1%87%D0%B5%D0%BD%D0%B8%D0%B5%20%D0%B2%20140%20%D1%81%D0%B8%D0%BC%D0%B2%D0%BE%D0%BB%D0%BE%D0%B2...

Остался последний шаг.

Вставляем ссылку на готовый Twitter текст

Вы можете использовать просто текст для ссылки или картинку. Можете использовать код CSS-кнопки, как это сделано у меня.

Вот код обычной ссылки на твит:

<a href=”http://twitter.com/home?status=%D0%94%D0%BE%D0%B1%D0%B0%D0%B2%D1%8C%D1%82%D0%B5%20%D1%81%D1%8E%D0%B4%D0%B0%20%D1%81%D0%BE%D0%BE%D0%B1%D1%89%D0%B5%D0%BD%D0%B8%D0%B5%20%D0%B8%20%D0%BD%D0%B5%20%D0%B7%D0%B0%D0%B1%D1%83%D0%B4%D1%8C%D1%82%D0%B5%20%D0%BF%D1%80%D0%BE%20%D0%BE%D0%B3%D1%80%D0%B0%D0%BD%D0%B8%D1%87%D0%B5%D0%BD%D0%B8%D0%B5%20%D0%B2%20140%20%D1%81%D0%B8%D0%BC%D0%B2%D0%BE%D0%BB%D0%BE%D0%B2...” target=”_blank”>пример ссылки</a>

Небольшой совет
чтобы не использовать такую длинную ссылку, просто сократите ее любым сервисом (я использую goo.gl) и используйте удобный короткий вариант.

У меня все, удачи в делах!