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

Смешное фото

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

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

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

1. В своем твиттер-аккаунте нужно зайти в Settings, затем в Connections. Вы увидите те приложения, с которыми вы уже наладили связь по каким-либо причинам. Чтобы создать собственное приложение, вам нужна ссылка here в правом столбце с мелким шрифтом.

Connections


2. По ссылке here вы попадаете в свои приложения. Если вы их еще никогда не создавали, список будет пуст. Чтобы создать приложение, вам актуальна ссылка Register a new application.

Страница приложений

3. Теперь нужно заполнить форму.
- Application Icon - аватарка для приложения. Желательно загрузить какую-нибудь картинку, чтобы приложение выглядело уникальным.
- Application Name - имя приложения.
- Description - описание приложения.
- Application Website - адрес вашего сайта.
- Organization - организация. Обзовите ее, как хотите.
- Website - сайт организации. Можете повторить адрес вашего сайта, можете оставить поле пустым, роли не играет.
- Application Type - тип приложения. Выбираем Browser.
- Callback URL - сайт, на который юзер вернется после связи с приложением. Желательно повторить адрес вашего сайта.
- Default Access type - тип доступа. Желательно выбрать Read & Write, чтобы была возможность записи в твиттер.
 - Use Twitter for login - если этому приложению нужно, чтобы юзер залогинился в твиттере, необходиму поставить галочку.


4. Детали приложения. Вам актуален Consumer Key - набор цифр и букв, который обеспечивает уникальность созданного вами приложения. Из-за Consumer Key вы не сможете использовать созданное для одного сайта приложение на другом - для каждого сайта придется создавать свое приложение.

Consumer Key

Ну вот, приложение создано. А зачем вообще оно нужно?
Вот вам одно из применений. Кнопка follow для твиттера.




Чтобы установить такую кнопку, для начала между тегами <head></head> нужно установить код

<script src='http://platform.twitter.com/anywhere.js?id=ваш_Consumer_Key&v=1'/></script>

Этот код устанавливается один раз, сколькими бы возможностями приложения вы не пользовались. Если нет возможности забраться в верхнюю часть html-кода (как, например, на юкозе), установите этот код непосредственно скриптом кнопки. Скрипт кнопки:

<span id="follow-twitterapi"></span>
<script type="text/javascript">

  twttr.anywhere(function (T) {
    T('#follow-twitterapi').followButton("ваш_твиттер-аккаунт");
  });

</script>

Пост получился слишком длинным, поэтому другие возможности опишу в следующем посте.