13:27
Как интегрировать свой сайт с твиттером

Очередной пост о твиттере, точнее не совсем о нём. Мой предыдущий пост о твиттере за два дня, прошедших с момента его написания, для многих стал не актуален.

В этом посте вы узнаете:

  • как сделать свою форму написания твитов
  • как сделать такое всплывающее сообщение при написании ника пользователя
  • Сначала про то, что нам потребуется:

    1. аккуант в твиттере;
    2. свой сайт.

    Первым делом идём на http://twitter.com/apps и нажимаем Register a new application.

    Заполняем поля:

    Application Name - название приложения.

    Description - описание вашего приложения.

    Application Website - адрес вашего сайта (должен начинаться с http://).

    Organization - название вашей компании (я это поле незаполнял, так же как и ).

    Application Type - выбираем тип приложения: браузерное или десктопное, мы выбираем Browser.

    Callback URL - адрес вашего сайта (должен начинаться с http://) на который твиттер будет возвращать пользователя, после авторизации.

    Default Access Type - выберите Read & Write.

    Нажимаем Save application и оказываемся на странице с деталями вашего, только что созданого, приложения. Список своих приложений, вы всегда сможете найти на странице: http://twitter.com/apps.

    Далее, вставляем этот код между <head> и </head>:
    <script src="http://platform.twitter.com/anywhere.js?id=APIkey&v=1" type="text/javascript"></script>.

    Для создания формы написания твитов в нужном месте ставим:
    <div id="tbox"></div>
    <script type="text/javascript">
    twttr.anywhere(function (T) {
    T("#tbox").tweetBox({
    label: "Заголовок",
    height: 60,
    width: 450,
    defaultContent: "Текст твита"
    });
    });
    </script>

    Для автоматического превращения ников в ссылки на аккаунты в твиттере вставляем этот код между <head> и </head>:
    <script type="text/javascript">
    twttr.anywhere(function (T) {
    T.linkifyUsers();
    infer: true
    });
    </script>

    Для того чтобы появлялись всплывающие сообщения над никами пользователей вставляем этот код между <head> и </head>:
    <script type="text/javascript">
    twttr.anywhere(function (T) {
    T.hovercards({ expanded: true });
    })
    </script>

    Всё. Не забываем фоловить меня: @OlesBykov

    Категория: о Интернете | Просмотров: 1879 | Добавил: oles | Теги: Twitter | Рейтинг: 0.0/0
    Всего комментариев: 0
    Добавлять комментарии могут только зарегистрированные пользователи.
    [ Регистрация | Вход ]