К основному контенту

Как наладить интеграцию сайта с твиттером и зачем

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



Наладить минимальную интеграцию своего сайта с твиттером вы можете сами, даже не создавая специального приложения. Это полезно для популяризации сайта (блога), а также вашего твиттера. На сайте должна иметься возможность установки кода на JavaScript, так что блоги с большинства бесплатных блог-хостингов отпадают. Зато на блогспоте, wordpress и других CMS-движках установить код, связующий сайт с твиттером очень легко.

Обновлено 11.12.2019

Для начала требуется в нужное место на сайте - в боковой виджет или в текст сообщения установить следующий код на JavaScript:

<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
Теперь устанавливаем основную часть (выделенное темно-красным заменить на адрес своего аккаунта!):

1. Кнопка "Follow"

<a href="https://twitter.com/ArionaBlog" class="twitter-follow-button" data-show-count="false">Follow @ArionaBlog</a>




2. Кнопка "Твитнуть"

<a href="https://twitter.com/intent/tweet?screen_name=ArionaBlog" class="twitter-follow-button" data-show-count="false">Tweet to @ArionaBlog</a>




3. Лента ваших твитов

<a class="twitter-timeline" data-height="600" data-lang="ru" data-width="500" href="https://twitter.com/ArionaBlog">Tweets by @ArionaBlog</a>




4. Лента понравившихся твитов

<a class="twitter-timeline" data-height="600" data-lang="ru" data-width="500" href="https://twitter.com/ArionaBlog/likes">Tweets Liked by @ArionaBlog</a>




Длину и ширину обеих лент можно менять. Для этого нужно заменить числа в коде на свои значения.

Вам также может понравиться

Комментарии

Новые записи

Страницы

Новые комментарии

  • Ольга К.
    Ольга К.Новая ссылка на пост https://arionablog.…
  • Павел
    ПавелУра! Заработало! Спасибо.
  • Ольга К.
    Ольга К.Написала здесь https://www.aryona.ru/202…
  • Павел
    ПавелВсе инструкции по технике безопасности н…
  • Ольга К.
    Ольга К.Код фрагмента текста для Emporioк Soho н…
  • Ольга К.
    Ольга К.Без проблем. После тега <body>.
  • Максим
    МаксимПрикольно про технику безопасности. А в …