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

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

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

Для создания приложения нужно выполнить несколько шагов:

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

твиттер приложение

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 вы не сможете использовать созданное для одного сайта приложение на другом – для каждого сайта придется создавать свое приложение.

твиттер приложение

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


Чтобы установить такую кнопку, для cначала между тегами <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>

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

Добавить комментарий

  

  

  

*

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Подписка на блог

Читать в Яндекс.Подписках

Или введите ваш e-mail:

 

 

Рейтинг блогов Рейтинг блогов