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

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

Наладить интеграцию своего сайта с твиттером вы можете сами с помощью приложения 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 для твиттера.

twttr.anywhere(function (T) {
T(‘#follow-arionablog’).followButton(«ArionaBlog»);
});

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

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

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


Пятый элемент блогосферы © 2015