Как интегрировать один твит на свой сайт

Сейчас я создаю простой сайт на html/css для друга. Домашняя страница представляет собой серию блоков div сетки, которые содержат некоторый контент.

В настоящее время мы выделили 3 блочных блока для сообщений в социальных сетях. Так, например, он хочет, чтобы его последний твит появился в одном из этих разделов. Его последний пост в инстаграме появится в другом, а в фейсбуке — в последнем.

На данный момент мы можем игнорировать Facebook, так как я сейчас сосредоточен только на Twitter/Instagram.

Я борюсь с тем, с чего начать этот проект. Раньше я встраивал только временные шкалы в твиттере, посты в инстаграме с помощью виджетов и т. д.... ничего сложного.

Но для этого проекта мне понадобятся отдельные урезанные посты, т.е. просто текст из его твита внутри блока твиттера. Изображение из его поста в Instagram в качестве фонового изображения в блоке Instagram и т. д.

Я провел последние несколько часов, пытаясь разобраться в oEmbed, и могу с уверенностью сказать, что терплю неудачу.

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

Спасибо!


person Davabo    schedule 10.05.2016    source источник


Ответы (1)


Вы можете получить один встроенный твит, используя встроенную временную шкалу.

Чтобы получить только один твит, используйте атрибут data-tweet-limit тега внедрения, как описано здесь: https://dev.twitter.com/web/embedded-timelines/parameters

Например:

<a class="twitter-timeline" href="https://twitter.com/TwitterDev" data-widget-id="some_id" data-tweet-limit="1"></a>

Согласно документации Twitter, это рекомендуемый способ размещения твитов на веб-сайтах. Судя по вашему описанию варианта использования, я настоятельно рекомендую использовать официальный виджет Twitter.

Если вы действительно хотите использовать REST API Twitter и создать серверную часть своей страницы, я бы проверил этот вопрос о переполнении стека в качестве отправной точки: Настройка Twitter API, получение нескольких последних твитов

Надеюсь, это поможет!

person peregrine42    schedule 10.05.2016
comment
Спасибо за ваш ответ! Мне очень помогло! Жаль, что люди почувствовали необходимость проголосовать за мой вопрос. Интересно. - person Davabo; 11.05.2016