Twitter - кнопка совместного доступа, но с изображением

Я хочу использовать обычную кнопку общего доступа, например, на этой странице https://twitter.com/about/resources/buttons#tweet, но добавить встроенное изображение с моего сайта, а не ссылку.

Я знаю все около 1.1 api и загружаю, но создаю приложение tw, а затем попрошу посетителя на моем сайте дать разрешение на запись на его временной шкале, чтобы поделиться одним фото с моего сайта, маловероятно сценарий, поэтому я думаю об альтернативах.

Я заметил, когда вы просто вставляете ссылки pic, которые уже загружены в twitter в твит, если вы вставляете ссылку, например https://pbs.twimg.com/media/BPpk_KUCMNBXsPN.jpg, которая не собирается быть вставлена, но если вы вставляете ссылку, подобную этой pic.twitter.com/NuDSx1ZKwy, она будет быть вложенным. Поэтому я думаю, что если я создам профиль и приложение, которое назовет https://upload.twitter.com/1/statuses/update_with_media.json и загрузит pic, а затем вставьте ссылку в кнопку совместного доступа, я получу чириканье с вставкой pic. Или есть лучший способ? Я использую php.

Ответ 1

Посмотрите щелевые карты.
Трюк не в кнопке, а на странице, которую вы делитесь. Карты Twitter вытаскивают изображение из метатег, аналогичного facebook.
Пример:

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@site_username">
<meta name="twitter:title" content="Top 10 Things Ever">
<meta name="twitter:description" content="Up than 200 characters.">
<meta name="twitter:creator" content="@creator_username">
<meta name="twitter:image" content="http://placekitten.com/250/250">
<meta name="twitter:domain" content="YourDomain.com">

Ответ 2

Чтобы создать ссылку на общий ресурс Twitter с фотографией, вам сначала нужно вычеркнуть фотографию из вашей учетной записи Twitter. После того, как вы отменили это, вы должны захватить ссылку pic.twitter.com и поместить ее в свой URL-адрес щебета.

Примечание: вы не сможете увидеть URL-адрес pic.twitter.com, поэтому я использую отдельную учетную запись и нажимаю кнопку ретвита. Модальный появится со ссылкой внутри.

Ссылка на ваш Twitter будет выглядеть примерно так:

<a href="https://twitter.com/home?status=This%20photo%20is%20awesome!%20Check%20it%20out:%20pic.twitter.com/9Ee63f7aVp">Share on Twitter</a>

Ответ 3

Вы правы, думая, что для того, чтобы разделить изображение таким образом, не спускаясь с маршрута Twitter Cards, вам нужно будет сделать твиттер изображения уже. Как вы говорите, важно также, чтобы вы захватили ссылку на изображение формы pic.twitter.com/NuDSx1ZKwy

Это пошаговое руководство заслуживает проверки для тех, кто хочет реализовать ссылку "tweet this" или кнопку: http://onlinejournalismblog.com/2015/02/11/how-to-make-a-tweetable-image-in-your-blog-post/.